@extends('seller.layouts.datatable-app')

@section('panel_content')

    <div class="card">


            <div class="card-body">

                <div class="row">
                    {!!  \App\Services\SelectService::multi_select_2_status('delivery_status',$delivery_status,translate('Delivery Status')) !!}
                    {!!  \App\Services\SelectService::multi_select_2_status('payment_status',$payment_status,translate('Payment Status')) !!}
                    {!! \App\Services\ButtonService::apply_filter_button() !!}
                </div>

                <table id="datatable" class="table table-striped w-100">
                    <thead>

                    <th style="text-align: center">
                        <input type="checkbox" id="select_all"/></th>
                    <th class="text-left">#</th>
                    <th>{{ translate('Order Code')}}</th>
                    <th >{{ translate('Num. of Products')}}</th>
                    <th >{{ translate('Customer')}}</th>
                    <th >{{ translate('Amount')}}</th>
                    <th >{{ translate('Delivery Status')}}</th>
                    <th>{{ translate('Payment Status')}}</th>
                    <th class="text-left w-150px">{{translate('actions')}}</th>

                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>

    </div>

@endsection

@section('script')
    <script type="text/javascript">
        function sort_orders(el){
            $('#sort_orders').submit();
        }
    </script>


    <script src="{{asset('assets/js/datatable.js')}}"></script>

    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    {!! $datatable_script !!}
@endsection