@extends('admin.layouts.master-index')

@section('title', 'قائمة السائقين المعلقة')

@section('table')
    <table class="table align-middle table-row-dashed fs-4 gy-5" id="users_table">
        <thead>
            <tr class="text-start text-muted fw-bolder fs-5 text-uppercase gs-0">
                <th class="w-10px pe-2">
                    <div class="form-check form-check-sm form-check-custom form-check-solid me-3">
                        <input class="form-check-input" type="checkbox" data-kt-check="true"
                            data-kt-check-target="#users_table .form-check-input" value="1" />
                    </div>
                </th>
                <th class="min-w-125px">العميل</th>
                <th class="min-w-100px">الإجراءات</th>
            </tr>
        </thead>
    </table>
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection

@section('script')
    <script type="text/javascript">
        $(function() {
            var table = $('#users_table').DataTable({
                processing: true,
                serverSide: true,
                autoWidth: false,
                responsive: true,
                aaSorting: [],
                "dom": "<'card-header border-0 p-0 pt-6'<'card-title' <'d-flex align-items-center position-relative my-1'f> r> <'card-toolbar' <'d-flex justify-content-end add_button'B> r>>  <'row'l r> <''t><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
                lengthMenu: [
                    [10, 25, 50, 100, 250, -1],
                    [10, 25, 50, 100, 250, "الكل"]
                ],
                "language": {
                    search: '<i class="fa fa-eye" aria-hidden="true"></i>',
                    searchPlaceholder: 'بحث سريع',
                    "url": "{{ url('admin/assets/ar.json') }}"
                },
                buttons: [{
                        extend: 'print',
                        className: 'btn btn-light-primary me-3',
                        text: '<i class="bi bi-printer-fill fs-2x"></i>'
                    },
                    {
                        extend: 'excel',
                        className: 'btn btn-light-primary me-3',
                        text: '<i class="bi bi-file-earmark-spreadsheet-fill fs-2x"></i>'
                    }
                ],
                ajax: {
                    url: '{{ route('pending.captains.datatable') }}',
                    data: {}
                },
                columns: [{
                        data: 'checkbox',
                        name: 'checkbox',
                        "searchable": false,
                        "orderable": false
                    },
                    {
                        data: 'name',
                        name: 'name',
                        "searchable": true,
                        "orderable": true
                    },
                    {
                        data: 'actions',
                        name: 'actions',
                        "searchable": false,
                        "orderable": false
                    }
                ]
            });

            // Handle accept button click
            $(document).on('click', '.btn-accept', function(e) {
                e.preventDefault();
                let url = $(this).attr('href');
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                    },
                    success: function(response) {
                        if (response.success) {
                            Swal.fire('تم القبول', 'تم قبول الطلب بنجاح', 'success')
                                .then(() => {
                                    table.ajax.reload();
                                });
                        } else {
                            Swal.fire('خطأ', 'حدث خطأ ما', 'error')
                        }
                    }
                });
            });

            // Handle reject button click
            $(document).on('click', '.btn-reject', function(e) {
                e.preventDefault();
                var url = $(this).attr('href');
                Swal.fire({
                    title: 'رفض الطلب',
                    input: 'textarea',
                    inputPlaceholder: 'أدخل سبب الرفض هنا...',
                    inputAttributes: {
                        'aria-label': 'أدخل سبب الرفض هنا...'
                    },
                    showCancelButton: true,
                    confirmButtonColor: '#f64e60',
                    cancelButtonColor: '#6c757d',
                    confirmButtonText: 'رفض',
                    cancelButtonText: 'إلغاء',
                    closeOnConfirm: false,
                    closeOnCancel: false
                }).then((result) => {
                    if (result.isConfirmed) {
                        var rejectionReason = result.value;
                        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                        $.ajax({
                            url: url,
                            type: "POST",
                            data: {
                                _token: CSRF_TOKEN,
                                reason: rejectionReason
                            },
                            success: function(response) {
                                if (response.success) {
                                    Swal.fire('تم الرفض', 'تم رفض الطلب بنجاح',
                                            'success')
                                        .then(() => {
                                            table.ajax.reload();
                                        });
                                } else {
                                    Swal.fire('خطأ', 'حدث خطأ أثناء رفض الطلب',
                                    'error');
                                }
                            },
                            error: function(xhr, status, error) {
                                Swal.fire('خطأ', 'حدث خطأ أثناء رفض الطلب', 'error');
                            }
                        });
                    } else if (result.isDismissed) {
                        Swal.fire('تم الإلغاء', 'تم إلغاء العملية', 'info');
                    }
                });
            });
        });
    </script>
@endsection