@extends('layouts.tenant.master')
@section('title', 'User Menu')

@section('css')
<link rel="stylesheet" type="text/css" href="{{ dynamic_url('assets/main/css/datatables.css') }}">
<link rel="stylesheet" type="text/css" href="{{ dynamic_url('assets/main/css/datatable-extension.css') }}">
@endsection

@section('style')
@endsection

@section('breadcrumb-title')
    <h2>User <span>Management </span></h2>
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item">Users</li>
    <li class="breadcrumb-item active">List</li>
@endsection

@section('content')


    <div class="table-responsive">
        <div>
            <a href="" class="btn btn-info" style="float: right;margin: 20px 0px;">Add New</a>
        </div>
        <table id="data-listing" class="table table-striped table-bordered" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th>Product Catalog Name</th>
                    <th> Product Catalog Image</th>
                    <th>Product Catalog PDF</th>
                    <th>Action</th>
                </tr>

                <tr>
                    <td>ARTSTAR</td>
                    <td>
                        <img src="" height="100px" width="100px">
                    </td>
                    <td><a href="">Artstar_Catalog_with_Specs.pdf</a>
                    </td>
                    <td><a href="">Edit</a> || <a>
                            href="">Delete</a></td>

                </tr>
                <tr>
                    <td>TEAM CABINETS</td>
                    <td>
                        <img src="" height="100px" width="100px">
                    </td>
                    <td><a href="">2021_Team_Cabinets_Catalog.pdf</a>
                    </td>
                    <td><a href="">Edit</a> || <a href=""
                            onclick="return confirm('Are you sure you want to delete this catalog?')">Delete</a></td>

                </tr>



            </thead>
        </table>
    </div>


@endsection

@section('script')

<script src="{{ dynamic_url('assets/main/js/datatable/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/dataTables.buttons.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/jszip.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/buttons.colVis.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/pdfmake.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/vfs_fonts.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/dataTables.autoFill.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/dataTables.select.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/buttons.html5.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/buttons.print.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/dataTables.responsive.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/responsive.bootstrap4.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/dataTables.keyTable.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/dataTables.colReorder.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/dataTables.fixedHeader.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/dataTables.rowReorder.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/dataTables.scroller.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/custom.js') }}"></script>
@endsection