@extends('dashboards.vendor.index')

@section('content')



    <div class="col-lg-9 layout">
        <h2 class="mainHeadig">All Products</h2>
        <div class="profileSetting totalOrder">
            <ul class="nav nav-pills" id="pills-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="pills-home-tab" data-toggle="pill"
                       href="{{route('vendor.prods.index')}}" role="tab"
                       aria-controls="pills-home" aria-selected="true">All Products</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{route('vendor.prod.create')}}" role="tab">+Add Products</a>
                </li>
            </ul>
            <div class="tab-content" id="pills-tabContent">
                <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                    <div class="recentTable totalPayment-table tablecard">
                        <div class="table-responsive-lg">
                            <table id="geniustable" class="table table-bordered dt-responsive nowrap"
                                   style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                <thead>
                                <tr>
                                    <th>Thumbnail</th>
                                    <th>Name</th>
                                    <th>Category</th>
                                    <th>Stock</th>
                                    <th>Price</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>

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


    @include('alerts.delete-modal')

    @include('alerts.inactive-modal')

@endsection

@section('script')
    <script>

        var indexRoute = '{{ route("vendor.prods.index") }}';

        var moduleName = '{{ request()->segment(2) }}'; // Module is like a which route name is set (e.g : user or product)

        var columnsConfig = [
            {data: 'thumbnail', name: 'thumbnail'},
            {data: 'name', name: 'name'},
            {data: 'category', name: 'category'},
            {data: 'stock_quantity', name: 'stock'},
            {data: 'price', name: 'price'},
            {data: 'action', searchable: false, orderable: false}
        ];
    </script>
@endsection