@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 class="text-left">#</th>
                <th class="text-left">{{translate('Code')}}</th>
                <th class="text-left">{{translate('Customer')}}</th>
                <th class="text-left">{{translate('Amount')}}</th>
                <th class="text-left">{{translate('Delivery Status	')}}</th>
                <th class="text-left">{{translate('Payment Method')}}</th>
                <th class="text-left">{{translate('Payment Status')}}</th>
                <th class="text-left">{{translate('Refund')}}</th>
                <th class="text-left w-150px">{{translate('actions')}}</th>

                </thead>
                <tbody>

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

@endsection

@section('modal')
    @include('modals.delete_modal')

    <div class="modal fade" id="order_details" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
            <div class="modal-content">
                <div id="order-details-modal-body">

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

@endsection

@section('script')

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

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

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

        function show_order_details(order_id) {
            $('#order-details-modal-body').html(null);

            if (!$('#modal-size').hasClass('modal-lg')) {
                $('#modal-size').addClass('modal-lg');
            }

            $.post('{{ route('orders.details') }}', {
                _token: AIZ.data.csrf,
                order_id: order_id
            }, function(data) {
                $('#order-details-modal-body').html(data);
                $('#order_details').modal();
                $('.c-preloader').hide();
                AIZ.plugins.bootstrapSelect('refresh');
            });
        }
    </script>
@endsection