@php
if(Auth::user()->hasRole('admin')){
 $layoutDirectory = 'layouts.admin';
}elseif(Auth::user()->hasRole('user')){
 $layoutDirectory = 'layouts.app';}
@endphp
@extends($layoutDirectory)

@section('content')
<!-- BEGIN PAGE BREADCRUMB -->
<ul class="page-breadcrumb breadcrumb">
<li>
  @if(Auth::user()->hasRole('admin'))
   <a href="{{url('/admin/home')}}">Home</a>
  @elseif(Auth::user()->hasRole('user'))
  <a href="{{url('/user/home')}}">Home</a>
  @endif
   <i class="fa fa-circle"></i>
</li>
<li>
  @if(Auth::user()->hasRole('admin'))
<a href="{{url('/admin/widgets')}}">Manage Widgets</a>
@elseif(Auth::user()->hasRole('user'))
  <a href="{{url('/user/widgets')}}">Manage Widgets</a>
@endif

   <i class="fa fa-circle"></i>
</li>
<li>
 <a href="#">{{isset($WidgetEdit)?'Edit':'New'}} Widget</a>
</li>
</ul>
<!-- END PAGE BREADCRUMB -->
<!-- BEGIN PAGE BASE CONTENT -->
<!-- BEGIN SAMPLE FORM PORTLET-->
<!-- BEGIN SAMPLE FORM PORTLET-->
                       <div class="portlet light bordered">
                             <div class="portlet-title">
                                 <div class="caption">
                                     <i class="icon-settings font-dark"></i>
                               <span class="caption-subject font-dark sbold uppercase">{{isset($WidgetEdit)?'Edit':'New'}} Widget </span>
                                 </div>
                                  <div style="float: right;" class="caption">

                                    @if(Auth::user()->hasRole('admin'))
                                     <a  class="btn btn-default" href="{{url('/admin/widgets')}}">
                                    @elseif(Auth::user()->hasRole('user'))
                                     <a  class="btn btn-default" href="{{url('/user/widgets')}}">
                                    @endif

                             <span class="glyphicon glyphicon-arrow-left"></span> &nbsp;Back
                              </a>
                                 </div>
                             </div>
                             <div class="portlet-body form">
                               <div class="page-title">
                                @include('inc.messages')
                                     </div>
                                     @if(Auth::user()->hasRole('admin'))
                                     @if(isset($WidgetEdit))
                                      {!! Form::model($WidgetEdit,['method'=>'put','files'=>true,'class'=>'form-horizontal']) !!}
                                      @else
                                      {!! Form::open(['action','widgetsController@create','class'=>'form-horizontal','role'=>'form','enctype'=>'multipart/form-data','files'=>true]) !!}
                                      @endif
                                     @elseif(Auth::user()->hasRole('user'))
                                     @if(isset($WidgetEdit))
                                      {!! Form::model($WidgetEdit,['method'=>'put','files'=>true,'class'=>'form-horizontal']) !!}
                                      @else
                                      {!! Form::open(['action','userWidgetsController@create','class'=>'form-horizontal','role'=>'form','enctype'=>'multipart/form-data','files'=>true]) !!}
                                      @endif
                                     @endif
                                    <div class="form-body">

                                      @if(Auth::user()->hasRole('admin'))
                                   

                                            <div class="form-group form-md-line-input">
                                                 {!! Form::label("title","Title",["class"=>"control-label col-md-2"]) !!}
                                               <div class="col-md-6">
                                                 {!! Form::text("title",isset($WidgetEdit)?$WidgetEdit->title:null,["class"=>"form-control".($errors->has('title')?" is-invalid":"")
                                                                                                ,"autofocus"
                                                                                                ,"placeholder"=>"Enter Title here"
                                                                                                ,"required"]) !!}
                                               </div>

                                           </div>

                                                                                    <div class="form-group form-md-line-input">
                                                                                      {!! Form::label("alias","Alias (URL)",["class"=>"control-label col-md-2"]) !!}
                                                                                     <div class="col-md-6">
                                                                                     {!! Form::text("alias",isset($WidgetEdit)?$WidgetEdit->alias:null,["class"=>"form-control".($errors->has('alias')?" is-invalid":"")
                                                                                                                                     ,"autofocus"
                                                                                                                                     ,"placeholder"=>"Enter Alias here"
                                                                                                                                     ,"required",
                                                                                                                                     isset($WidgetEdit)?"readonly":null]) !!}
                                                                                     </div>
                                                                                    </div>




                                                                                                                             <div class="form-group form-md-line-input">
                                                                                                                               {!! Form::label("link","Enter Link",["class"=>"control-label col-md-2"]) !!}
                                                                                                                                <div class="col-md-6">
                                                                                                                               {!! Form::text("link",isset($WidgetEdit)?$WidgetEdit->link:null,["class"=>"form-control".($errors->has('alias')?" is-invalid":"")
                                                                                                                                                                                    ,"autofocus"
                                                                                                                                                                                    ,"placeholder"=>"Enter link here"
                                                                                                                                                                                    ,"required"]) !!}
                                                                                                                                </div>
                                                                                                                          </div>

                                                                                                                          <div class="form-group">
                                                                                                                            {!! Form::label("status","Status",["class"=>"control-label  col-md-3 col-lg-2"]) !!}
                                                                                                                            <div class="col-md-6">
                                                                                                                             <div class="input-inline input-large">
                                                                                                                              <div class="mt-radio-inline">
                                                                                                                               <label class="mt-radio">{!! Form::radio('status', 1 ,isset($WidgetEdit)?$WidgetEdit->status==1?true:false : true ) !!}
                                                                                                                                Enable <span></span></label>
                                                                                                                               <label class="mt-radio">{!! Form::radio('status', 0, isset($WidgetEdit)?$WidgetEdit->status==0?true:false : false) !!}
                                                                                                                                Disable <span></span></label>
                                                                                                                             </div>
                                                                                                                           </div>
                                                                                                                          </div>
                                                                                                                          </div>

                                                                                                                             <div class="form-group">
                                                                                                                            {!! Form::label("description","Enter Description",["class"=>"control-label col-md-2"]) !!}
                                                                                                                                 <div class="col-md-9">
                                                                                                                                   {!! Form::textarea('description', null, ['id' => 'description', 'rows' => 4, 'cols' => 54, 'style' => 'resize:none']) !!}
                                                                                                                                    <script>
                                                                                                                                   CKEDITOR.replace('description');
                                                                                                                                    </script>
                                                                                                                               </div>
                                                                                                                              </div>

                                                                                                                         <!-- Code for image upload is placed here -->
                                                                                                                          <div class="form-group">
                                                                                                                            {!! Form::label("image","Select image",["class"=>"control-label col-md-2", "for"=>"exampleInputFile"]) !!}
                                                                                                                           <div class="col-md-9">

                                                                                                                             <img id="preview"
                                                                                                                              src="{{asset((isset($WidgetEdit) && $WidgetEdit->image!='')?'uploads/'.$WidgetEdit->image:'images/noimage.jpg')}}"
                                                                                                                              height="200px" width="200px"/>
                                                                                                                              {!! Form::file("image",["class"=>"form-control","style"=>"display:none",]) !!}
                                                                                                                              <br/>
                                                                                                                              <a href="javascript:changeProfile();">{{isset($WidgetEdit)?'Change':'Add'}}</a> |
                                                                                                                              <a style="color: red" href="javascript:removeImage()">Remove</a>
                                                                                                                                  {{ Form::hidden('remove',0 ) }}

                                                                                                                               </div>
                                                                                                                             </div>
                                                                                                                             <div class="form-actions">
                                                                                                                           <div class="caption">

                                                                                                                             <h4>
                                                                                                                               <strong class="caption-subject font-dark sbold uppercase">SEO</strong>
                                                                                                                             </h4>
                                                                                                                           </div>
                                                                                                                           <br>
                                                                                                                           <div class="form-group form-md-line-input">
                                                                                                                                  {!! Form::label("meta_title","Enter Title",["class"=>"control-label col-md-2"]) !!}
                                                                                                                                    <div class="col-md-6">
                                                                                                                                           {!! Form::text("meta_title",isset($NewsEdit)?$NewsEdit->meta_title:null,["class"=>"form-control".($errors->has('title')?" is-invalid":"")
                                                                                                                                           ,"autofocus"
                                                                                                                                           ,"placeholder"=>"Enter meta Title here"
                                                                                                                                           ]) !!}
                                                                                                                                    </div>
                                                                                                                                 </div>
                                                                                                                                 <div class="form-group form-md-line-input">
                                                                                                                                 {!! Form::label("meta_description","Enter Meta Description",["class"=>"control-label col-md-2"]) !!}
                                                                                                                                     <div class="col-md-6">
                                                                                                                                   {!! Form::textarea('meta_description', isset($NewsEdit)?$NewsEdit->meta_description:null, [ 'class'=>'form-control','rows' => 2, 'cols' => 88, 'style' => 'resize:none','placeholder'=>'Enter Meta Description']) !!}
                                                                                                                                   </div>
                                                                                                                                  </div>
                                                                                                                                  <div class="form-group form-md-line-input">
                                                                                                                                  {!! Form::label("meta_keywords","Enter Meta Keywords",["class"=>"control-label col-md-2"]) !!}
                                                                                                                                      <div class="col-md-6">
                                                                                                                                    {!! Form::textarea('meta_keywords', isset($NewsEdit)?$NewsEdit->meta_keywords:null, [ 'class'=>'form-control','rows' => 2, 'cols' => 88, 'style' => 'resize:none','placeholder'=>'Enter Meta Keywords']) !!}
                                                                                                                                    </div>
                                                                                                                                   </div>
                                                                                                                           </div>
                                      @elseif(Auth::user()->hasRole('user'))
                                      <div class="form-group">
                                        {!! Form::label("image","Select image",["class"=>"control-label col-md-2", "for"=>"exampleInputFile"]) !!}
                                       <div class="col-md-9">

                                         <img id="preview"
                                          src="{{asset((isset($WidgetEdit) && $WidgetEdit->image!='')?'uploads/'.$WidgetEdit->image:'images/noimage.jpg')}}"
                                          height="200px" width="200px"/>
                                          {!! Form::file("image",["class"=>"form-control","style"=>"display:none",]) !!}
                                          <br/>
                                          <a href="javascript:changeProfile();">{{isset($WidgetEdit)?'Change':'Add'}}</a> |
                                          <a style="color: red" href="javascript:removeImage()">Remove</a>
                                              {{ Form::hidden('remove',null ) }}

                                           </div>
                                         </div>
                                      @endif


                                     <div class="form-actions">
                                         <div class="row">
                                             <div class="col-md-offset-3 col-md-9">
                                                {{ Form::button('<span class="glyphicon glyphicon-save">&nbsp;Save</span>', ['type' => 'submit', 'name'=>'btnSave', 'class' =>'btn red btn-sm'] )  }}
                                                  @if(Auth::user()->hasRole('admin'))
                                                  <button type="button" onclick="window.location='{{url('/admin/widgets')}}'" class="btn default btn-sm">Cancel</button>
                                                  @elseif(Auth::user()->hasRole('user'))
                                                  <button type="button" onclick="window.location='{{url('/user/widgets')}}'" class="btn default btn-sm">Cancel</button>
                                                  @endif
                                             </div>
                                         </div>
                                     </div>
                             </div>
                        {{ Form::close() }}
                       </div>
                      </div>
                         <!-- END SAMPLE FORM PORTLET-->
@endsection

@section('scripts')
@if(isset($WidgetEdit))
@else
<script>
const a = 'àáäâãåăæçèéëêǵḧìíïîḿńǹñòóöôœøṕŕßśșțùúüûǘẃẍÿź·/_,:;'
const b = 'aaaaaaaaceeeeghiiiimnnnooooooprssstuuuuuwxyz------'
const p = new RegExp(a.split('').join('|'), 'g')
$('#title').keyup(function() {
  $('#alias').val(this.value
  .toLowerCase()
  .replace(/\s+/g, '-')// Replace spaces with -
  .replace(p, c => b.charAt(a.indexOf(c))) // Replace special characters
  .replace(/&/g, '-and-') // Replace & with 'and'
  .replace(/[^\w\-]+/g, '') // Remove all non-word characters
  .replace(/\-\-+/g, '-') // Replace multiple - with single -
  .replace(/^-+/, '') // Trim - from start of text
  );
});
</script>
@endif
@endsection