@extends('home')
@section('title')
@lang('site.site_name')
@endsection
@section('styles')
    {!! Html::style(Theme::current()->assetPath.'/pages/css/profile-rtl.min.css') !!}
    {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css') !!}
    {!! Html::style(Theme::current()->assetPath.'/global/plugins/select2/css/select2.min.css') !!}
    {!! Html::style(Theme::current()->assetPath.'/global/plugins/select2/css/select2-bootstrap.min.css') !!}
    {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') !!}
    {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-switch/css/bootstrap-switch-rtl.min.css') !!}
    {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5-rtl.css') !!}
  @endsection
@section('content')
<div class="row">
  <div class="col-md-12">
      <div class="portlet light bordered">
        <div class="portlet-title">
             <div class="caption">
                 <i class="fa fa-edit font-purple-soft"></i>
                 <span class="caption-subject font-purple-soft bold">{{ __('Update Menu') }}</span>
             </div>
             <div class="actions">
                  <a href="{!! URL::route('MenuHome') !!}" class="btn btn-xs green"> {{ __('Cancel') }}
                      <i class="fa fa-times"></i>
                  </a>
                  <a href="{{ route('dashboard.home.page') }}" class="btn btn-xs grey-cascade"> {{ __('Home') }}
                      <i class="fa fa-home"></i>
                  </a>
               </div>
           </div>
         <div class="portlet-body">
           <div class="alert alert-danger display-hide">
             <button class="close" data-close="alert"></button> {{ trans('company.PleaseFillAllRequiredData') }} </div>
             <div class="row">
               <div class="col-md-6">
                 {!! Form::open(array('route' => ['MenuUpdate',$navigation->id],'method' => 'put' ,'files' => true ,'class' => 'form-horizontal','id' => 'main-form')) !!}
                  <div class="portlet light portlet-fit bordered">
                      <div class="portlet-body">
                        <div class="form-group">
                            <label class="col-md-4">{{ __('Title') }}
                              <span class="required"> * </span>
                            </label>
                            <div class="col-md-8">
                                <div class="input-icon right">
                                    <i class="fa"></i>
                                    <input type="text" value="{{ $navigation->title}}" class="form-control" name="title" required />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4">{{ __('Parent') }}
                            </label>
                            <div class="col-md-8">
                                <div class="input-icon right">
                                    <i class="fa"></i>
                                    {!! getNodeList($parents,$navigation->id,'parent_id','parent_id','form-control ') !!}
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4">{{ __('Link') }}
                            </label>
                            <div class="col-md-8">
                                <div class="input-icon right">
                                    <i class="fa"></i>
                                    <input type="text" value="{{ $navigation->custom}}" class="form-control" name="custom" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4">{{ __('Page link') }}
                            </label>
                            <div class="col-md-8">
                                <div class="input-icon right">
                                    <i class="fa"></i>
                                    {{ Form::select('page_id', $pages, $navigation->page_id, ['id' => 'page_id', 'class' => 'form-control ','data-placeholder' => __('Select') ]) }}
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4">{{ __('Order') }}
                            </label>
                            <div class="col-md-8">
                                <div class="input-icon right">
                                    <i class="fa"></i>
                                    {{ Form::select('order', $orders, $navigation->id, ['id' => 'order', 'class' => 'form-control ','data-placeholder' => __('Order') ]) }}
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4">{{ __('Published') }}
                            </label>
                            <div class="col-md-8">
                              <div class="input-icon right">
                                  <i class="fa"></i>
                                  <input name="publish" value="1" type="checkbox" class="make-switch" checked data-on-text="<i class='fa fa-check'></i>" data-off-text="<i class='fa fa-times'></i>">
                              </div>
                            </div>
                        </div>
                        <div class="form-actions">
                          <div class="row">
                            <div class="col-md-offset-3 col-md-9">
                              <button type="submit" class="btn green">{{ __('Update') }}</button>
                            </div>
                          </div>
                        </div>
                      </div>
                  </div>
                  {!! Form::close() !!}
               </div>
               <div class="col-md-6">
                 <div class="portlet light portlet-fit bordered">
                     <div class="portlet-body">
                       <table class="table table-striped custom-table table-hover">
                          <thead>
                          <tr>
                              <th><i class="fa fa-bookmark-o"></i> Title</th>
                              <th width="10%"><i class=" fa fa-edit"></i> Status</th>
                              <th width="25%"><i class="fa fa-cogs"></i> Action</th>
                          </tr>
                          </thead>
                          <tbody>
                       @foreach ($menus as $index => $item)
                          <tr>
                              <td>
                                <a href="{!! URL::route('MenuEdit', [$item->id]) !!}" >
                                  @if ($item->depth > 1)
                                    {!! str_repeat('-',$item->depth-1) !!}<i class="fa fa-angle-right" aria-hidden="true"></i>
                                  @endif
                                  {{ $item->title }}
                                </a>
                              </td>
                              <td>
                                <button class="btn btn-info btn-xs btn-action" data-id="{{ $item->id }}" data-value="{{ $item->publish }}" data-type="publish"><i class="fa @if($item->publish) fa-check @else fa-times @endif"></i></button>
                              </td>
                              <td>
                                {{ Form::open(['method' => 'DELETE', 'route' => ['MenuDestroy', $item->id]]) }}
                                  <a href="{{ URL('page/'.$item->slug) }}" target="_blank"><span class="btn btn-success btn-xs"><i class="fa fa-eye"></i></span></a>
                                  <a href="{!! URL::route('MenuEdit', [$item->id]) !!}" ><span class="btn btn-primary btn-xs"><i class="fa fa-pencil"></i></span></a>
                                      <button data-toggle="confirmation"
                                        data-btn-ok-label="{{ __('Yes') }}"
                                        data-btn-cancel-label="{{ __('No') }}"
                                        data-title="<span class='caption-subject font-blue bold '>{{ __('Sure Remove') }}</span>"
                                         type="submit" class="btn btn-danger btn-xs btn-action">  <i class="fa fa-trash-o"></i></button>
                                  {{ Form::close() }}
                              </td>
                          </tr>
                       @endforeach
                          </tbody>
                       </table>
                     </div>
                 </div>
               </div>
           </div>
      </div>
</div>
    </div>
  </div>
@endsection
@section('scripts')
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-confirmation/bootstrap-confirmation.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/select2/js/select2.full.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/lib/markdown.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/js/bootstrap-markdown.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-validation/js/jquery.validate.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-validation/js/additional-methods.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/pages/scripts/form-validation.js') !!}
      <script type="text/javascript">
        jQuery(document).ready(function($){
          $("#parent_id").select2();
          $("#page_id").select2();
          $("#order").select2();
      		/************************/
      	  $('#parent_id').change(function(){
          var parent_id = $(this).val();
      		$.get("{{ url('api/list/parents')}}",
      						{ option: $(this).val() },
      						function(data) {
      							var order = $('#order');
      							order.empty();
      							order.append("<option value=''>-{{ __('Select') }}-</option>");
      							$.each(data, function(index, element) {
      								order.append("<option value='"+ index +"'>" + element + "</option>");
      							});
      						});
      				});
      	});
        </script>
@endsection