<x-admin.header />
<x-admin.sidebar />

                        <div class="main-content">
                        	<div class="graph-card card-table" id="ProductList">
                                <div class="card-head">
                                    <div class="text-content">
                                        <h5>Product</h5>
                                    </div>
                                    <div class="card-drp">
                                        <div class="btn-content btn-group" role="group" aria-label="Basic example">
                                        @if(Auth::user()->type == 'admin')
                                        <a href="{{ url('/add_product') }}"><button type="button" class="btn active">Add New</button></a>
                                        @endif
                                    </div>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive table-scroll">
                                        <table class="table-management">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>Product Category</th>
                                                    <th>Product Title</th>
                                                    <th>Status</th>
                                                    <th>Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($products as $key => $product)
                                                <tr>
                                                    <td>{{$key+1}}</td>
                                                    <td>
                                                        @if($product->catName)
                                                        {{$product->catName}}
                                                        @else
                                                        Uncategorized
                                                        @endif
                                                    </td>
                                                    <td>{{$product->product_front_title}}</td>
                                                    @if($product->product_status == 1)
                                                    <td>Active</td>
                                                    @else
                                                    <td>Un-Active</td>
                                                    @endif
                                                    <td>
                                                        <a href="{{ url('edit_product').$product->product_id }}" ><button class="refresh-btn edit-btnn" data-tooltip="Edit">
                                                            <i class="fa-regular fa-pencil"></i>
                                                        </button></a>
                                                        <button class="delete-btn btn_del" value="{{$product->product_id}}" data-tooltip="Delete">
                                                            <i class="fa-regular fa-xmark"></i>
                                                        </button>
                                                        <button></button>
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="pagination">
                                    
                                </div>
                                </div>
                            </div>
                        </div>

                        <!-- Delete Work Start Here -->

                        <script>
                            $(document).ready(function(){
                                $('body').on('click', '.btn_del', function(e){
                                    e.preventDefault();

                                    var id = $(this).val();

                                    $.ajax({
                                        url: "{{ url('/delete_product') }}",
                                        method: "GET",
                                        data: {'id':id},
                                        cache: false,
                                        success:function()
                                        {
                                            toastr.success("Product Deleted Successfully","Deleted",{timeOut:1500});
                                            $("#ProductList").load(location.href+" #ProductList>*","");
                                        },
                                        error:function()
                                        {
                                            toastr.error("SomeThing Went Wrong","Error",{timeOut:1500});
                                            false;
                                        },
                                    });
                                });
                            });
                        </script>

                        <!-- Delete Work End Here -->

<x-admin.footer />