@extends('home')
@section('title')
  @lang('site.site_name')
@endsection
@section('styles')
  
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/css/bootstrap-markdown.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.min.css') !!}
@endsection
@section('content')
  <div class="page-bar">
    <ul class="page-breadcrumb">
      <li>
        <a href="{{ route('dashboard.home.page') }}">{{ __('Home') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <a href="{{ route('admin.product.index') }}">
          {{ __('Product management') }}
        </a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>
          {!! $category->title !!}
        </strong>
      </li>
    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
        <div class="actions">
          <a href="{!! URL::route('admin.product.create') !!}" class="btn btn-sm green">
            <i class="fa fa-plus"></i> {{ __('New') }}
          </a>
        </div>
      </div>
    </div>
  </div>
  <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">{{__('Product management')}}</span>
            <h4>
               {!! $category->title !!} ({!! $products->total() !!})
            </h4>
          </div>
          <div class="actions">
            {!! Form::open(array('route' => 'admin.product.index','method' => 'PUT',  'class' => 'form-inline margin-bottom-0','id' => 'myform')) !!}
            <div class="row">
              <div class="col-sm-12">
                <select class="form-control select2" data-placeholder="{{ __('Select') }}" name="category_id" id="category_id" style="width: 250px;min-width:250px" onchange="this.form.submit()" >
                  <option value="">{!! __('Select') !!}</option>
                  @foreach ($categories as $item)
                    <option value='{{ $item->id }}'  @if ($category->id == $item->id)
                      selected="selected"
                    @endif
                    >
                    @if ($item->depth > 1)
                      {!! str_repeat('-',$item->depth) !!}<i class="fa fa-angle-right" aria-hidden="true"></i>
                    @endif
                    {{ $item->title }} ({{ $item->products->count() }})
                  </option>
                @endforeach
              </select>
            </div>
          </div>
          {!! Form::close() !!}
        </div>
      </div>
      <div class="portlet-body">
        <table class="table table-striped custom-table">
          <thead>
            <tr>
              <th width="2%"><i class="fa fa-list"></i></th>
              <th width="10%"><i class="fa fa-photo"></i></th>
              <th width="20%">{{__('Item')}}</th>
              <th width="10%">{{__('Category')}}</th>
              <th width="10%">{{__('Price')}}</th>
              <th width="10%">{{__('Quantity')}}</th>
              <th width="10%"><i class="fa fa-toggle-on"></i> {{__('Status')}}</th>
              <th width="5%"><i class="fa fa-eye"></i></th>
              <th width="15%"><i class="fa fa-cogs"></i> {{__('Action')}}</th>
            </tr>
          </thead>
          <tbody>
            @foreach ($products as $index => $item)
              <tr id='{{ $item->id }}'>
                <td>
                  {{ $loop->index + $products->firstItem() }}
                </td>
                <td>
                  <a href="{!! URL::route('admin.product.edit',[$item->id]) !!}" >
                    @if ($item->photo)
                      <img style="height: 50px;" src="{{ thumb_img($item->image_url,70,70) }}" />
                    @else
                      <img style="height: 50px;" src="{{ thumb_img('images/no-image.png',70,70) }}" />
                    @endif
                  </a>
                </td>
                <td>
                  <a href="{!! URL::route('admin.product.edit',[$item->id]) !!}" >
                    @if ($item->depth > 1)
                      {!! str_repeat('-',$item->depth) !!}◄
                    @endif
                    {{ $item->title }}</a>
                  </td>
                  <td>
                    {{ @$item->Category->title }}
                  </td>
                  <td class="center">
                    {{ $item->price }}
                  </td>
                  <td class="center">
                    {{ $item->stock }}
                  </td>
                  <td>
                    {{ $item->status }}
                  </td>
                  <td>
                    <button class="btn  @if($item->publish) btn-info @endif  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 class="center">
                      {{ Form::open(['method' => 'DELETE', 'route' => ['admin.product.destroy', $item->id]]) }}
                      <a href="{!! URL::Route('product.show',[@$item->category->slug,$item->slug]) !!}" target="_blank" class="btn btn-primary tooltips" data-container="body" data-placement="left" data-original-title="{{ __('Preview') }}"><i class="fa fa-external-link"></i></a>
                      <a href="{!! URL::route('admin.product.edit',[$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 class="pagination pagination-centered"> {{ $products->appends(request()->except('_token'))->links() }} </div>
          </div>
        </div>
      </div>
    </div>
  @endsection
  @section('scripts')

    {!! 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-ui/jquery-ui.min.js') !!}
    <script type="text/javascript">
      $( function() {
        $.ajaxSetup({
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          }
        });
        $("select").select2();
        $( "#sortable tbody" ).sortable( {
          update: function( event, ui ) {
            var order = $(this).sortable("toArray");
            $("tr td:nth-child(2)").text(function() {
              return $(this).parent().index("tr");
            });
            $.ajax({
              data: {order:order},
              type: 'POST',
              url: '{{ Route('SaveProductOrder') }}'
            });
          }
        }).disableSelection();
      } );
    </script>
  @endsection