@extends('home')
@section('title')
  @lang('site.site_name')
@endsection
@section('styles')
  <style media="screen">
  .center{
    text-align: center;
  }
  </style>
  
  {!! 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="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 Categories')}}</span>
            <h1 class="page-title">
              <small>  </small>
            </h1>
          </div>
          <div class="actions">
            <a href="{!! URL::route('categoryCreate',['section'=>$section]) !!}" class="btn btn-xs green">
              <i class="fa fa-plus"></i> {{ __('New') }}
            </a>
            <a href="{{ URL('dashboard') }}" class="btn btn-xs grey-cascade">
              <i class="fa fa-home"></i> {{ __('Home') }}
            </a>
          </div>
        </div>
        <div class="portlet-body">
          <table class="table table-striped custom-table ">
            <thead>
              <tr>
                <th></th>
                <th width="5%"><i class="fa fa-building-o"></i> {{__('Image')}}</th>
                <th><i class="fa fa-bookmark-o"></i> {{__('Title')}}</th>
                <th width="10%">{{__('Products')}}</th>
                <th width="10%"><i class=" icon-list"></i></th>
                <th width="10%"><i class=" fa fa-edit"></i> {{__('Status')}}</th>
                <th width="15%"><i class="fa fa-cogs"></i> {{__('Action')}}</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($categories as $index => $item)
                <tr>
                  <td>
                    {{ $loop->index + $categories->firstItem() }}
                  </td>
                  <td>
                    <a href="{!! URL::route('categoryEdit',[$section,$item->id]) !!}" >
                      @if ($item->photo)
                        <img style="height: 30px;" src="{{ path_img($item->photo) }}" />
                      @else
                        <img style="height: 30px;" src="{{ asset(theme_url('images/no-image.png')) }}" />
                      @endif
                    </a>
                  </td>
                  <td>
                    <a href="{!! URL::route('categoryEdit',[$section,$item->id]) !!}" >
                      @if ($item->depth == 1)
                       <b style="color:red">■</b>{!! str_repeat('-',$item->depth) !!}<i class="fa fa-angle-left" aria-hidden="true"></i>
                      @elseif ($item->depth >1)
                        {!! str_repeat('-',$item->depth) !!}<i class="fa fa-angle-left" aria-hidden="true"></i>
                      @endif
                      {{ $item->title }}</a>
                    </td>
                    <td class="center">
                      {{ $item->products->count() }}
                    </td>
                    <td class="center">
                      <a href="{!! URL::route('MoveCategoryUp', [$item->id,$section]) !!}"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
                      <a href="{!! URL::route('MoveCategoryDown', [$item->id,$section]) !!}"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                    </td>
                    <td class="center">
                      <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' => ['categoryDestroy',$section,$item]]) }}
                        @if ($section == 'shop')
                          <a href="#" target="_blank"><span class="btn btn-success btn-xs"><i class="fa fa-eye"></i></span></a>
                        @else
                          <a href="{{ getCategoryURL($item) }}" target="_blank"><span class="btn btn-success btn-xs"><i class="fa fa-eye"></i></span></a>
                        @endif
                        <a href="{!! URL::route('categoryEdit',[$section,$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"> {{ $categories->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-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">
      </script>
    @endsection