@extends('Admin.Layout.main_layout') 	
@section('main_container')
<!-- begin app-main -->
<div class="app-main" id="main">
   <!-- begin container-fluid -->
   <div class="container-fluid">
      <!-- begin row -->
      <div class="row">
         <div class="col-md-12 m-b-30">
            <!-- begin page title -->
            <div class="d-block d-sm-flex flex-nowrap align-items-center">
               <div class="page-title mb-2 mb-sm-0">
                  <h1>Manage Product</h1>
               </div>
               <div class="ml-auto d-flex align-items-center">
                  <a class="btn btn-dark text-white" href="{{ route('addProduct') }}">Add Product</a>
               </div>
            </div>
            <!-- end page title -->
         </div>
      </div>
      <!-- end row -->
      <!-- begin row -->
      <div class="row editable-wrapper">
         <div class="col-lg-12 ">
            <div class="card card-statistics">
               <div class="card-body">
                  <div class="table-responsive">
                     <table id="table" class="table display responsive nowrap table-light table-bordered">
                        <thead class="thead-light">
                           <tr>
                              <th scope="col">id</th>
                              <th scope="col">Product Name</th>
                              <th scope="col">Product Slug</th>
                              <th scope="col">Product Category</th>
                              <th scope="col">Actions</th>
                           </tr>
                        </thead>
                        <tbody>
                           @if(!$product_arr->isEmpty())
                           @foreach($product_arr as $key => $data)
                           <tr>
                              <th scope="row">{{ ($key+1) }}</th>
                              <td>{{ $data->product_name }}</td>
                             <td>{{ $data->product_slug }}</td>
                              <td>{{ $data->cat_name }}</td>
                              <td class="text-left">
                                 <div class="actions">
                                    <a class="btn btn-sm bg-success-light"  href="{{ route('editProduct', $data->product_id)}}">
                                    <i class="fe fe-edit" style="font-size: 2em;"></i> 
                                    </a>
                                    <a  href="javascript:void(0)" data-delete_url="{{url('product/delete/'.$data->product_id)}}"   class="btnDelete btn btn-sm bg-danger-light">
                                    <i class="fe fe-trash" style="font-size: 2em;"></i> 
                                    </a>
                                    
                                 </div>
                              </td>
                           </tr>
                           @endforeach  
                           @else
                           <p class="text-danger mt-2" style="padding-left:450px;">No Products Available</p>
                           @endif
                        </tbody>
                     </table>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- end row -->
   </div>
   <!-- end container-fluid -->
</div>
<!-- end app-main -->
</div>
<!-- end app-container -->
@endsection