@extends('layouts.app-admin')
@section('content')

<!-- [ content ] Start -->
<div class="container-fluid flex-grow-1 container-p-y">
    <h4 class="font-weight-bold py-3 mb-0">Product</h4>
    <div class="text-muted small mt-0 mb-4 d-block breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}"><i class="feather icon-home"></i></a></li>
            <li class="breadcrumb-item">Products</li>
            <li class="breadcrumb-item active">Product List</li>
        </ol>
    </div>

       <div class="card">
        <h6 class="card-header bg-dark text-white">Product List
        <a href="{{url('admin/product/create')}}" class="btn btn-success btn-sm  btn-round float-right" ><i class="feather icon-plus"></i> Add Product</a>
        </h6>
             
        <div class="card-datatable table-responsive">
            <table class="datatables-demo table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>Sr. No.</th>
                        <th>Product Code</th>
                        <th>Img</th>
                        <th>Title</th>
                        <th>Category</th>  
                        <th>Brand</th>  
                        <th>Price</th>                       
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($product as $key=>$row)
                    <tr class="odd gradeX">
                        <td>{{$key+1}}</td>
                        <td>{{$row->sku}}</td> 
                        <td> @if($row->main_img)
                        <img src="{{url('media/product/'.@$row->main_img)}}" alt="" class="d-block ui-w-10 rounde1d-circle mb-3" style="width:60PX">
                        @else
                        <img src="{{url('adminAssets/assets/img/default.png')}}" alt="" class="d-block ui-w-10 rounded-circle mb-3"  style="width:60PX">
                        @endif
                        </td>
                        <td>{{$row->title}}</td>   
                        <td>{{@$row->GetCategory->title}}</td> 
                        <td>{{@$row->GetBrand->title}}</td> 
                        <td>£{{$row->price}}</td>                   
                          <td>  @if($row->status=='active')
                          <a href="{{url('admin/product/status/'.$row->id.'/inactive')}}" >
                        <span class="badge badge-success">Active</span> </a>
                        @else
                        <a href="{{url('admin/product/status/'.$row->id.'/active')}}" >
                        <span class="badge badge-danger">In-Active</span> </a>
                        @endif
                        </td>
                        <td>
                            <a href="{{url('admin/product/'.$row->id.'/edit')}}" class="btn btn-info btn-xs"><i class="feather icon-edit"></i> </a> 
                            <a href="javaScript:void(0)" class="btn btn-danger btn-xs delete" id="{{$row->id}}"><i class="feather icon-trash"></i> </a>  
                        </td>
                    </tr>
                    @endforeach
                    
                </tbody>
            </table>
        </div>
    </div>

</div>
<!-- [ content ] End -->
@endsection


@section('script')

<script>

 $(document).on("click", ".delete", function () {
    var record_id = this.id;
    deletePopupMessageAjax(
            "Deleting Product",
            "Are you sure want to delete this Product?",
            record_id,
            "{{url('admin/product')}}/"+record_id
            );
    });


</script>
@endsection