@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>
          ({!! $products->total() !!}) {{ __('Item') }}
        </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-md green">
            <i class="fa fa-plus"></i> {{ __('Add product') }}
          </a>
          <a href="{!! URL::route('categoryHome',['section'=>'shop']) !!}" class="btn btn-md dark"><i class="glyphicon glyphicon-list"></i> {{ __('Category products') }}
          </a>
          @if (get_setting_key('control', 'product_units') == 1)
            <a href="{!! URL::route('admin.unit.index') !!}" class="btn btn-md green-meadow"><i class="glyphicon glyphicon-list-alt"></i> {{ __('Product brands') }}
            </a>
          @endif
          <a href="{!! URL::route('categoryHome',['section'=>'size']) !!}" class="btn btn-md dark">  <i class="fa fa-barcode"></i> {{ __('Specification') }}
          </a>
          {{-- <a href="{!! URL::route('categoryHome',['section'=>'size']) !!}" class="btn btn-md dark">  <i class="fa fa-barcode"></i> {{ __('Sizes management') }}
          </a>
          <a href="{!! URL::route('categoryHome',['section'=>'type']) !!}" class="btn btn-lg green-meadow">  <i class="fa fa-barcode"></i> {{ __('Properties management') }}
          </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>
            <h1 class="page-title">
              <small>  </small>
            </h1>
          </div>

        </div> --}}
        {!! Form::open(array('route' => 'admin.product.index','method' => 'PUT',  'class' => 'form-inline margin-bottom-0','id' => 'myform')) !!}
        <div class="portlet light bordered bg-grey-cararra bg-font-grey-cararra">
          <div class="form-body col-pad-3">
                <div class="col-md-3">
                  <input type="text" class="form-control input-md" name="title" value="{!! old('title',request('title')) !!}" placeholder="{!! __('Item title') !!}">
                </div>
                <div class="col-md-3">
                  <select class="form-control select2" data-placeholder="{{ __('Select category') }}" name="category_id" id="category_id" style="width: 100%">
                    <option value="">{!! __('Select') !!}</option>
                    @foreach ($categories as $item)
                      <option value='{{ $item->id }}'  @if (old('category_id',request('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 class="col-md-2">
                <select class="form-control select2" data-placeholder="{{ __('Select status') }}" name="stock_status" id="stock_status" style="width: 100%">
                  <option value="0">{{ __('Select status') }}</option>
                  <option value='1'  @if (old('stock_status',request('stock_status')) == '1')
                    selected="selected"
                  @endif
                  >
                  {{ __('Available items') }}
                </option>
                <option value='2'  @if (old('stock_status',request('stock_status')) == '2')
                  selected="selected"
                @endif
                >
                {{ __('Required items') }}
              </option>
              <option value='3'  @if (old('stock_status',request('stock_status')) == '3')
                selected="selected"
              @endif
              >
              {{ __('Items not available') }}
            </option>
          </select>
        </div>
        <div class="col-md-4">
          <div class="input-daterange input-group" >
            <span class="input-group-addon">{!! __('Quantity') !!}</span>
            <input type="number" class="input-md form-control start-md" name="stock_from" placeholder="{!! __('From') !!}" value="{!! old('stock_from',request('stock_from')) !!}" />
            <span class="input-group-addon">-</span>
            <input type="number" class="input-md form-control end-md" name="stock_to" placeholder="{!! __('To') !!}" value="{!! old('stock_to',request('stock_to')) !!}"/>
          </div>
    </div>
  </div>
  <div class="form-actions">
    <div class="row">
      <div class="col-md-offset-4 col-md-4">
        <button type="submit" class="btn blue btn-block">{!! __('Search') !!}</button>
      </div>
    </div>
  </div>
</div>
{{ Form::close() }}
@if ($products->total() > 0)
  <div class="caption p-10">
    <i class="icon-settings font-green-sharp"></i>
    <span class="caption-subject font-green-sharp bold uppercase">
      {!! __('Results No') !!} ({{ $products->total() }} {!! __('Item') !!})
    </span>
    <span class="caption-subject pull-right">
    </span>
  </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%">{{__('Selling 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="20%"><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>
                {{ Form::open(['method' => 'Put', 'route' => ['product.publish', $item->id]]) }}
                @if ($item->publish == 1)
                  <button name="publish" class="btn btn-block btn-info btn-xs btn-action tooltips" data-container="body" data-placement="top" data-original-title="{{ __('Status change') }}"  value="1" data-type="publish">
                    <i class="fa fa-check"></i> {{ __('Availability') }}
                  </button>
                @elseif ($item->publish == -1)
                  <button name="publish" class="btn btn-block btn-green btn-xs btn-action tooltips" data-container="body" data-placement="top" data-original-title="{{ __('Status change') }}"  value="-1" data-type="publish">
                    <i class="fa fa-minus-square-o"></i> {{ __('Availability') }}
                  </button>
                @else
                  <button name="publish" class="btn btn-block btn-danger btn-xs btn-action tooltips" data-container="body" data-placement="top" data-original-title="{{ __('Status change') }}"  value="0" data-type="publish">
                    <i class="fa fa-times"></i> {{ __('Not Found') }}
                  </button>
                @endif
                {{ Form::close() }}
              </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]]) }}
                  <div class="btn-group">
                    <a href="{!! URL::Route('product.show',[@$item->category->slug,$item->slug]) !!}" target="_blank" class="btn btn-sm grey-cascade"><i class="fa fa-external-link"></i> {!! __('Preview') !!}</a>
                    <a href="{!! URL::route('admin.product.edit',[$item->id]) !!}" class="btn btn-sm btn green tooltips"><i class="fa fa-pencil"></i> {!! __('Edit') !!}</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-sm btn-action">  <i class="fa fa-trash-o"></i> {!! __('Delete') !!}</button>
                        </div>
                  {{ Form::close() }}
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
        <div class="pagination pagination-centered"> {{ $products->appends(request()->except('_token'))->links() }} </div>
      @else
        <div class="note note-danger">
          <br>
          <h4 class="block">{!! __('No Results') !!}</h4>
          <br>
        </div>
      @endif
    </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