@include('hk.header')

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="mb-2 row">
                <div class="col-sm-6">
                    <h1>{{ $page_title ?? '' }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">{{ $page_title ?? '' }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">

                    <div class="card">

                        <div class="card-body">
                            <div class="row">

                                <div class="mb-3 col-md-3">
                                    <a href="/products/create" class="mb-2 btn btn-primary">Add Product</a>
                                </div>

                                <div class="mb-3 col-md-6 float-end">
                                    <form method="GET" action="{{ url('/products') }}">
                                        <div class="input-group">
                                            <input type="text" name="search" class="form-control"
                                                placeholder="Search by Product Name" value="{{ request('search') }}">
                                            <button type="submit" class="btn btn-primary">Search</button>
                                        </div>
                                    </form>
                                </div>
                            </div>

                            <table id="example1" class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Image</th>
                                        <th>Product name</th>
                                        <th>Order</th>
                                        <th>Category</th>
                                        <th>Company</th>
                                        <th>Status</th>
                                        <th>Catalog</th>
                                        <th>Created by</th>
                                        <th>Action</th>
                                        <th>Action</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php $n=1; @endphp
                                    @foreach ($products as $row)
                                        <tr>
                                            <td>{{ $n++ }}</td>
                                            <td><img src="http://tradevyapar.com/uploads/products/{{ $row->image }}"
                                                    height="100"></td>
                                            <td>{{ $row->name }}</td>
                                            <td>{{ $row->sort_order }}</td>
                                            <td>{{ $row->category->name ?? '' }}</td>
                                            <td>{{ $row->company->company_name ?? '' }}</td>
                                            <td>{{ $row->status == 1 ? 'Active' : 'Inactive' }}</td>
                                            <td>
                                                @if ($row->catalogue)
                                                    <a href="http://tradevyapar.com/uploads/catalogues/{{ $row->catalogue }}"
                                                        target="_blank" class="text-danger"><img
                                                            src="{{ asset('images/pdf.png') }}" height="32"></a>
                                                @endif
                                            </td>
                                            <td>{{$row->created_by!=null?$row->createdBy->name:""}}</td>
                                            <td>
                                                <a href="/product-images/{{ $row->id }}"
                                                    class="btn btn-success">Images </a>
                                                <br><br>
                                                <a href="/product/catalog/{{ $row->id }}"
                                                    class="btn btn-warning">Catalog </a>
                                            </td>
                                            <td><a href="/products/{{ $row->id }}/edit"
                                                    class="btn btn-primary">Edit</a></td>
                                            <td>
                                                <form action="/products/{{ $row->id }}" method="post"
                                                    onsubmit="return confirm('Are you sure want to delete?')">
                                                    <input type="hidden" name="_method" value="delete" />
                                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                    <button class="btn btn-danger" type="submit">Delete</button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                            </table>
                            <div class="mt-3 pagination">
                                {{ $products->links('pagination::bootstrap-5') }}
                            </div>
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">

    <strong>Copyright &copy; 2024 <a href="/">Tradevyapar</a>.</strong> All rights reserved.
</footer>

<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
    <!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->

<!-- jQuery -->
<script src="{{ asset('adminlte/plugins/jquery/jquery.min.js') }}"></script>
<!-- Bootstrap 4 -->
<script src="{{ asset('adminlte/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<!-- DataTables  & Plugins -->
<script src="{{ asset('adminlte/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('adminlte/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('adminlte/plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('adminlte/plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
<script src="{{ asset('adminlte/plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('adminlte/plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('adminlte/plugins/jszip/jszip.min.js') }}"></script>
<script src="{{ asset('adminlte/plugins/pdfmake/pdfmake.min.js') }}"></script>
<script src="{{ asset('adminlte/plugins/pdfmake/vfs_fonts.js') }}"></script>
<script src="{{ asset('adminlte/plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('adminlte/plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('adminlte/plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>
<!-- AdminLTE App -->
<script src="{{ asset('adminlte/dist/jslte.min.js') }}"></script>
<!-- AdminLTE for demo purposes -->
{{-- <script src="{{asset('adminlte/dist/js/demo.js')}}"></script> --}}
<!-- Page specific script -->
{{-- <script>
  $(function () {
    $('#example1').DataTable({
      "order": [[0, "desc"]],
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      "responsive": true,
    });
  });
</script> --}}
</body>

</html>