@include('admin.common.header')

<div class="d-flex align-items-stretch">
    @include('admin.common.sidebar')
    <div class="page-holder w-100 d-flex flex-wrap">
        <div class="container-fluid px-xl-5">
            <section class="py-5">
                <div class="row">
                    <div class="col-lg-12 mb-10">
                        <div class="card">
                            <div class="card-header product-head">
                                <h6 class="text-uppercase mb-0"> Products</h6>
                                <form method="get" action="" class="search-form">
                                    <input type="text" name="search" required value="{{$search_keyword}}" placeholder="Search Product">
                                    <input type="submit" value="Search">
                                    <a href="/admin/product" class="search_link">Clear Search</a>
                                </form>
                                <a class="btn btn-success" href="/admin/product/add/">Add New Product</a>
                                <a class="btn btn-success" href="/admin/product/upload/">Bulk Product Upload</a>
                                <a class="btn btn-success" href="/admin/product/bulkdelete/">Bulk Product Delete</a>
                                <a class="btn btn-success" href="/admin/product/exportcsv/">Export as CSV</a>
                            </div>
                            @if(Session::has('status'))
                            <div class="alert alert-success">
                                {{ Session::get('status') }}
                            </div>
                            @endif
                            <div class="card-body">
                                <table class="table table-striped table-hover card-text" id="rapidDataTable">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Product Name</th>
                                            <th>Product ID</th>
                                            <th>SKU</th>
                                            <th>Category</th>
                                            <th>Enable Pricing</th>
                                            <th>Min. Qty</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($products as $i => $product)
                                        <tr>
                                            <th scope="row">{{$products->firstItem()+$i}}</th>
                                            <td>{{ $product->name}}</td>
                                            <td>{{ $product->id }}</td>
                                            <td>{{ $product->sku }}</td>
                                            <td>{{ $product->category }}</td>
                                            <td>{{ $product->enable_pricing === 0? "No":"Yes" }}</td>
                                            <td>{{ $product->min_qty }}</td>
                                            <td><a href="/admin/product/edit/{{$product->id}}">Edit</a> | <a href="javascript:;" data-id="{{$product->id}}" class="removeProduct">Delete</a></td>
                                        </tr>
                                        @endforeach


                                    </tbody>
                                </table>

                                <div class="viewing">Showing <strong>{{ $products->firstItem() }}</strong> to
                                    <strong>{{ $products->lastItem() }}</strong>
                                    of total <strong>{{$products->total()}}</strong> entries
                                </div>
                                <div class="pagenumber">{{ $products->appends($_GET)->links() }}</div>

                            </div>
                        </div>
                    </div>

                </div>
            </section>

        </div>
        <style>
            .search-form .search_link {
                float: left !important;
                margin-top: 10px !important;
            }
        </style>

        @include('admin.common.footer')

        <script>
            $(".removeProduct").click(function() {
                product = $(this).attr("data-id");
                if (confirm("Are you sure to delete this product?")) {

                    window.location.href = "{{$site_url}}/admin/product/remove/" + product;
                }
            });
        </script>