@extends('admin.layouts.nav-footer')
@section('js-plugins')
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.15.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.15.12/datatables.min.js"></script>
<script src="{{ asset('admin-assets/js/forms/form-elements.js') }}"></script>
@endsection
@section('content')
<div class="main-content">
  <div class="container-fluid">
    @can('user-create')
    <a href="{{ route('products.create') }}" class="btn btn-primary float-right btn-sm">
      <i class="ti-plus pdd-right-5"></i>
      <span>Add product</span>
    </a>
    @endcan
    <div class="page-title">
      <h4>Products</h4>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="card">
          <div class="card-block">
            <div class="table-overflow">
              <table id="slider-table" class="table table-lg table-hover">
                <thead>
                  <tr>

                    <th width="10%">Image</th>
                    <th width="30%">Title</th>
                    <th width="20%">Category</th>
                    <th width="20%">SubCategory</th>
                    <th width="20%">Created At</th>
                    <th class="text-center">Action</th>
                  </tr>
                </thead>
                <tbody id="tablecontents">
                  @foreach($products as $product)

                  <td>
                    <div class="list-info  mrg-top-15">
                      @if(helper::prod_img_default($product->id)->img !== "null")
                      <img class="thumb-img1" src="{{ asset(helper::prod_img_default($product->id)->img) }}" alt="">
                      @endif
                     

                    </div>
                  </td>
                  <td>
                    <div class=" mrg-top-15">
                      <div class="info">
                        <span class="title">{{$product->title}}</span>
                        <!--span class="sub-title">ID 860</span-->
                      </div>
                    </div>
                  </td>
                  <!--td>
                    <div class="mrg-top-15">
                      <div class="info">
                        <span class="title">{{$product->price}}</span>
                      </div>
                    </div>
                  </td>
                  <td>
                    <div class="mrg-top-15">
                      <div class="info">
                        <span class="title">{{$product->stock}}</span>
                      </div>
                    </div>
                  </td-->
                  <td>
                    <div class="mrg-top-15">
                      <span>{{$product->SubCategory->Category->title}}</span>
                    </div>
                  </td>
                  <td>
                    <div class="mrg-top-15">
                      <span>{{$product->SubCategory->title}}</span>
                    </div>
                  </td>
                  <td>
                    <div class="mrg-top-15">
                      <span>{{ Carbon\Carbon::parse($product->modified_at)->format('d M Y') }}</span>
                    </div>
                  </td>
                  <td style="float: right">

                    <div class="display-block ">
                      <div class="btn-group dropdown">
                          @can('role-edit')
                          <a href="{{ route('products.edit', $product->id) }}"
                              class="btn btn-default">
                              <i class="ei-save-edit pdd-top-10 pdd-right-10"></i> Edit
                          </a>
                          @endcan
                          <button type="button" class="btn btn-default" data-toggle="dropdown"
                              aria-expanded="false">
                              <i class="ti-more-alt"></i>
                          </button>


                          <ul class="dropdown-menu ">
                              @can('role-delete')
                              <li slider="separator" class="divider"></li>
                              <li>
                                  {!! Form::open(['method' => 'DELETE','route' =>
                                  ['products.destroy', $product->id],'class'=>'delete-form'])
                                  !!}
                                  <button type="submit" style="color: red;"><i
                                          class="ei-delete pdd-right-10"></i>
                                      <span>Delete</span></button>
                                  {!! Form::close() !!}
                              </li>
                              @endcan
                          </ul>
                      </div>
                  </div>
                  </td>
                  </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


@endsection