@extends("admin/layouts.master-soyuz")
@section('title','All Categories |')
@section("body")

<div class="box">
  <div class="box-header with-border">

    <div class="box-title">Category</div>
    @can('category.create')
    <a href=" {{url('admin/category/create')}} " class="btn btn-success pull-right">+ Add New Category</a>
    <br><br>
    @endcan
    <div class="callout callout-success">
      <p><i class="fa fa-info-circle"></i> Drag and Drop to sort the categories</p>
    </div>



  </div>

  <div class="box-body">
    <table id="full_detail_table" class="cattable width100 table table-bordered table-striped">
      <thead>
        <tr class="table-heading-row">
          <th>ID</th>
          <th>Detail</th>
          <th>Icon</th>
          <th>Status</th>
          <th>Featured</th>
          <th>Added/ Updated on</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
                @foreach($category as $cat)
        <tr class="row1" data-id="{{$cat->id}}">
          <td>{{$i++}}</td>

          <td>
            @if($cat->image != '' && file_exists(public_path().'/images/category/'.$cat->image) )

            <img class="margin-right-15 width-hight" align="left" src="{{url('images/category/'.$cat->image)}}"
              title="{{ $cat->title }}">

            @else
            <img class="margin-right-15" align="left" title="{{ $cat->title }}"
              src="{{ Avatar::create($cat->title)->toBase64() }}" />

            @endif
            <p><b>Name: </b><span class="font-weight500">{{$cat->title}}</span></p>
            <p><b>Description: </b><span class="font-weight500">{{substr(strip_tags($cat->description), 0, 100)}}{{strlen(strip_tags(
               $cat->description))>100 ? '...' : ""}}</span></p>
          </td>

          <td>
            <p class="font-size-18"><i class="fa {{$cat->icon}}"></i></p>
          </td>

          <td>
            @can('category.edit')
            <form method="POST" action="{{ route('cat.quick.update',$cat->id) }}">
              {{ csrf_field() }}
              <button @if(env('DEMO_LOCK')==0) type="submit" @else title="This operation is disabled in demo !"
                disabled="" @endif class="btn btn-xs {{ $cat->status ==1 ? 'btn-success' : 'btn-danger' }}">
                {{ $cat->status==1 ? 'Active' : 'Deactive' }}
              </button>
            </form>
            @endcan
          </td>
          <td>
            @can('category.edit')
            <form method="POST" action="{{ route('cat.featured.quick.update',$cat->id) }}">
              {{ csrf_field() }}
              <button @if(env('DEMO_LOCK')==0) type="submit" @else title="This operation is disabled in demo !"
                disabled="" @endif class="btn btn-xs {{ $cat->featured ==1 ? 'btn-success' : 'btn-danger' }}">
                {{ $cat->featured==1 ? 'Yes' : 'No' }}
              </button>
            </form>
            @endcan
          </td>
          <td>
            <p> <i class="fa fa-calendar-plus-o" aria-hidden="true"></i>
              <span class="font-weight500">{{ date('M jS Y',strtotime($cat->created_at)) }}</span></p>
            <p><i class="fa fa-clock-o" aria-hidden="true"></i>
              <span class="font-weight500">{{ date('h:i A',strtotime($cat->created_at)) }}</span></p>

            <p class="greydashedborder"></p>

            <p>
              <i class="fa fa-calendar-check-o" aria-hidden="true"></i>
              <span class="font-weight500">{{ date('M jS Y',strtotime($cat->updated_at)) }}</span>
            </p>

            <p><i class="fa fa-clock-o" aria-hidden="true"></i>
              <span class="font-weight500">{{ date('h:i A',strtotime($cat->updated_at)) }}</span></p>

          </td>
          <td>




            <ul class="nav table-nav">
              <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                  Action <span class="caret"></span>
                </a>
                <ul class="dropdown-menu dropdown-menu-right">
                  @can('category.edit')
                  <li role="presentation"><a role="menuitem" tabindex="-1"
                      href="{{url('admin/category/'.$cat->id.'/edit')}}"><i class="fa fa-pencil-square-o"
                        aria-hidden="true"></i>Edit Category</a></li>
                  @endcan
                  @can('category.delete')
                  <li role="presentation" class="divider"></li>
                  <li role="presentation">
                    <a @if(env('DEMO_LOCK')==0) data-toggle="modal" href="#{{ $cat->id }}deletecat" @else disabled
                      title="This operation is disabled in demo !" @endif>
                      <i class="fa fa-trash-o" aria-hidden="true"></i>Delete
                    </a>
                  </li>
                  @endcan
                </ul>
              </li>
            </ul>


          </td>



        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>
@can('category.delete')
@foreach($category as $cat)
<div id="{{ $cat->id }}deletecat" class="delete-modal modal fade" role="dialog">
  <div class="modal-dialog modal-sm">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <div class="delete-icon"></div>
      </div>
      <div class="modal-body text-center">
        <h4 class="modal-heading">Are You Sure ?</h4>
        <p>Do you really want to delete this category? This process cannot be undone.</p>
      </div>
      <div class="modal-footer">
        <form method="post" action="{{url('admin/category/'.$cat->id)}}" class="pull-right">
          {{csrf_field()}}
          {{method_field("DELETE")}}
          <button type="reset" class="btn btn-gray translate-y-3" data-dismiss="modal">No</button>
          <button type="submit" class="btn btn-danger">Yes</button>
        </form>
      </div>
    </div>
  </div>
</div>
@endforeach
@endcan

<!-- /page content -->
@endsection
@section('custom-script')
<script>
  var url = {!!json_encode(url('reposition/category')) !!};
</script>
<script src="{{ url('js/category.js') }}"></script>
@endsection