@php
    $productListUrl = $productListUrl ?? route('products.list');
@endphp
<style>
    .productPreview {
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 6px;
    }

    #productTable th:nth-child(5),
    #productTable td:nth-child(5) {
        min-width: 40px;
    }



    #productTable td:nth-child(5) input {
        width: 100%;
    }

    #productTable td:nth-child(6) input {
                width: 100%;


    }

    #productTable th:nth-child(6),
#productTable td:nth-child(6){
    width:70px !important;
    max-width:60px !important;
}




</style>
<div class="table-responsive m-t-10">
    <table id="productTable" class="display w-100 nowrap table table-bordered" data-list-url="{{ $productListUrl }}"
        data-update-url-template="{{ route('products.inline-update', ['id' => '__ID__']) }}">
        <thead>
            <tr>
                <th class="delete-all">
                    @if (in_array('products.delete', json_decode(@session('user_permissions'), true)))
                        <form action="{{ route('products.delete.multiple') }}" method="POST">
                            @csrf
                            <input type="hidden" name="ids" id="ids">

                            <input type="checkbox" id="is_active"><label class="col-3 control-label" for="is_active">
                                <button id="deleteAll" class="btn p-0 do_not_delete" href="javascript:void(0)">
                                    <i class="fa fa-trash"></i>
                                    {{ trans('lang.all') }}
                                </button>
                            </label>
                        </form>
                    @endif
                </th>
                <th>{{ trans('lang.product_image') }}</th>
                <th>{{ trans('lang.product_name') }}</th>
                <th>{{ trans('lang.short_description') ?? 'Short Description' }}</th>
                {{--  <th style="width:200px;">{{ trans('lang.price') ?? 'Price' }}</th>
                <th>{{ trans('lang.commission_rate') ?? 'Commission Rate' }}</th>  --}}
                <th style="width:80px;">{{ trans('lang.price') }}</th>
                {{--  <th style="width:80px;">{{ trans('lang.commission_rate') }}</th>  --}}
                <th style="width:70px;">
    Comm.<br>Rate
</th>
                <th>{{ trans('lang.product_category') }}</th>
                <th>Craving Category</th>
                <th>{{ trans('lang.is_active') }}</th>
                <th>{{ trans('lang.actions') }}</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>