@include('vendorr.header')
<!-- MAIN-CONTENT -->
<div class="main-content app-content">
    <div class="main-container container-fluid">

                <h2>Catalogue </h2>

                <div class="container mt-3">
                    <table id="example2" class="table table-striped table-bordered" style="width:100%">
                        <thead>
                            <tr>
                                <th class="text-center">Sl. No</th>
                                <th class="text-center">Product name</th>
                                <th class="text-center">Product Catalog</th>
                                <th class="text-center">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i = 0; @endphp
                            @foreach ($catalogues as $catalogue)
                                <tr>
                                    <td class="text-center">{{ ++$i }}</td>
                                    <td class="text-center">{{ $catalogue->name }}</td>
                                    <td class="text-center">
                                        @if (!empty($catalogue->catalogue))
                                            <a href="{{ url('uploads/catalogues/' . $catalogue->catalogue) }}"
                                                target="_blank"><i class="fa fa-file-pdf-o fa-2x" aria-hidden="true"
                                                    style="color:red;"></i></a>
                                        @endif
                                    </td>
                                    <td class="text-center">

                                        <a href="/my/products/{{ $catalogue->id }}/edit"><i
                                                class="fa fa-pencil-square-o fa-2x" aria-hidden="true"
                                                style="color:#021f4a"></i></a>

                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

@include('vendorr.footer')

@section('scripts')

        <!-- INTERNAL SELECT2 JS -->
        <script src="{{asset('build/assets/plugins/select2/js/select2.min.js')}}"></script>

        <!-- DATA TABLE JS-->
        <script src="{{asset('build/assets/plugins/datatable/js/jquery.dataTables.min.js')}}"></script>
        <script src="{{asset('build/assets/plugins/datatable/js/dataTables.bootstrap5.js')}}"></script>
        <script src="{{asset('build/assets/plugins/datatable/js/dataTables.buttons.min.js')}}"></script>
        <script src="{{asset('build/assets/plugins/datatable/js/buttons.bootstrap5.min.js')}}"></script>
        <script src="{{asset('build/assets/plugins/datatable/js/jszip.min.js')}}"></script>
        <script src="{{asset('build/assets/plugins/datatable/pdfmake/pdfmake.min.js')}}"></script>
        <script src="{{asset('build/assets/plugins/datatable/pdfmake/vfs_fonts.js')}}"></script>
        <script src="{{asset('build/assets/plugins/datatable/js/buttons.html5.min.js')}}"></script>
        <script src="{{asset('build/assets/plugins/datatable/js/buttons.print.min.js')}}"></script>
        <script src="{{asset('build/assets/plugins/datatable/js/buttons.colVis.min.js')}}"></script>
        <script src="{{asset('build/assets/plugins/datatable/dataTables.responsive.min.js')}}"></script>
        <script src="{{asset('build/assets/plugins/datatable/responsive.bootstrap5.min.js')}}"></script>

        <!--INTERNAL DATATABLE JS -->
        @vite('resources/assets/js/table-data.js')

@endsection