@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="row mx-1">
                    <div class="card">
                        <div class="row">
                            <div class="card-header col-md-auto">
                                <h5 class="mb-0">List {{ $title_menu }}</h5>
                            </div>
                            <div class="col">
                                {{-- alert --}}
                                @include('components.alert')
                            </div>
                        </div>
                        <hr class="horizontal dark mt-0">

                        {{-- Filter Section --}}
                        <div class="row px-4 py-2">
                            <div class="col-12">
                                <form id="filterForm" method="GET" action="{{ url($url_menu) }}">
                                    <div class="row g-2">
                                        <div class="col-md-4">
                                            <label class="form-label small fw-bold mb-1">Period From</label>
                                            <input type="date" class="form-control form-control-sm" name="date_from"
                                                id="filter_date_from" value="{{ $date_from }}">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small fw-bold mb-1">To</label>
                                            <input type="date" class="form-control form-control-sm" name="date_to"
                                                id="filter_date_to" value="{{ $date_to }}">
                                        </div>
                                        {{-- <div class="col-md-3">
                                            <label class="form-label small fw-bold mb-1">User</label>
                                            <select class="form-select form-select-sm" name="user" id="filter_user">
                                                <option value="all">All User</option>
                                                @foreach ($users as $user)
                                                    <option value="{{ $user->username }}"
                                                        {{ request('user') == $user->username ? 'selected' : '' }}>
                                                        {{ $user->firstname }} {{ $user->lastname }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label small fw-bold mb-1">Status</label>
                                            <select class="form-select form-select-sm" name="status" id="filter_status">
                                                <option value="all">All Status</option>
                                                <option value="pending"
                                                    {{ request('status') == 'pending' ? 'selected' : '' }}>Pending</option>
                                                <option value="approved"
                                                    {{ request('status') == 'approved' ? 'selected' : '' }}>Approved
                                                </option>
                                                <option value="rejected"
                                                    {{ request('status') == 'rejected' ? 'selected' : '' }}>Rejected
                                                </option>
                                            </select>
                                        </div> --}}
                                        <div class="col-md-2">
                                            <label class="form-label small fw-bold mb-1">&nbsp;</label>
                                            <a href="{{ url($url_menu) }}" class="btn btn-sm btn-danger w-100 d-block">
                                                <i class="fas fa-sync me-1"></i> Reset
                                            </a>
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label small fw-bold mb-1">&nbsp;</label>
                                            <button type="submit" class="btn btn-sm btn-primary w-100 d-block">
                                                <i class="fas fa-search me-1"></i> Search
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <hr class="horizontal dark mt-2 mb-0">
                        @if ($authorize->edit == '1')
                            <div class="row px-4 pt-3 pb-0 g-2">
                                <div class="col-md-4"></div>
                                <div class="col-md-4 d-flex justify-content-end align-items-center">
                                    <span class="badge bg-primary text-white" id="bulkSelectedCount">0</span>
                                    <label class="mb-0 me-2 small fw-bold">Data Selected</label>
                                </div>
                                <div class="col-md-2 d-flex justify-content-end align-items-center">
                                    <button type="button" class="btn btn-primary btn-sm mb-0 w-100"
                                        id="bulkApproveButton" disabled>
                                        <i class="fas fa-check-double me-1"></i> Approve Selected
                                    </button>
                                </div>
                                <div class="col-md-2 d-flex justify-content-end align-items-center">
                                    <button type="button" class="btn btn-danger btn-sm mb-0 w-100"
                                        id="bulkRejectButton" disabled>
                                        <i class="fas fa-times me-1"></i> Reject Selected
                                    </button>
                                </div>
                            </div>
                        @endif

                            <div class="row px-4 py-2">
                                <div class="table-responsive">
                                    <table class="table display" id="list_{{ $dmenu }}">
                                        <thead class="thead-light" style="background-color: #00b7bd4f;">
                                            <tr>
                                                @if ($authorize->edit == '1')
                                                    <th class="text-center no-export" width="45">
                                                        <span class="bulk-checkbox-wrap">
                                                            <input type="checkbox" class="form-check-input"
                                                                id="selectAllPending" title="Select all pending requests">
                                                            <i class="fas fa-check bulk-check-icon bulk-check-mark"></i>
                                                            <i class="fas fa-minus bulk-check-icon bulk-minus-mark"></i>
                                                        </span>
                                                    </th>
                                                @endif
                                                <th width="110" class="no-export">Action</th>
                                                <th>No</th>
                                                <th>REQ ID</th>
                                                <th>NIK</th>
                                                <th>Requestor</th>
                                                <th>Department</th>
                                                <th>Section</th>
                                                {{-- retrieve table header --}}
                                                @foreach ($table_header as $header)
                                                    <th>{{ $header->alias }}</th>
                                                @endforeach
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {{-- retrieve table detail --}}
                                            @foreach ($table_detail as $detail)
                                                @php
                                                    $primary = '';
                                                    foreach ($table_primary as $p) {
                                                        $primary == ''
                                                            ? ($primary = $detail->{$p->field})
                                                            : ($primary = $primary . ':' . $detail->{$p->field});
                                                    }
                                                @endphp
                                                <tr
                                                    {{ $detail->isactive == '0' ? 'class=not style=background-color:#ffe9ed;' : '' }}>
                                                    @if ($authorize->edit == '1')
                                                        <td class="text-center no-export">
                                                            @if (strtolower($detail->approval_hrd) === 'pending')
                                                                <span class="bulk-checkbox-wrap">
                                                                    <input type="checkbox"
                                                                        class="form-check-input bulk-approval-checkbox"
                                                                        value="{{ encrypt($primary) }}"
                                                                        aria-label="Select request {{ $primary }}">
                                                                    <i class="fas fa-check bulk-check-icon bulk-check-mark"></i>
                                                                </span>
                                                            @else
                                                                <i class="fas fa-minus text-muted"
                                                                    title="Only pending requests can be selected"></i>
                                                            @endif
                                                        </td>
                                                    @endif
                                                    <td class="text-sm font-weight-normal no-export">
                                                        <div class="btn-group">
                                                            <button class="btn btn-primary btn-sm mb-0 px-3"
                                                                type="button" title="View Data"
                                                                onclick="window.location='{{ url($url_menu . '/show' . '/' . encrypt($primary)) }}'">
                                                                <i class="fas fa-eye"> </i><span class="font-weight-bold">
                                                                    View
                                                            </button>
                                                            <button type="button"
                                                                class="btn btn-sm btn-primary mb-0 px-3 dropdown-toggle dropdown-toggle-split"
                                                                data-bs-toggle="dropdown" aria-expanded="false">
                                                                <span class="visually-hidden">Toggle Dropdown</span>
                                                            </button>
                                                            <ul class="dropdown-menu">
                                                                {{-- check authorize edit --}}
                                                                @if ($authorize->edit == '1')
                                                                    @if (strtolower($detail->approval_hrd) === 'pending')
                                                                        <li>
                                                                            <hr class="dropdown-divider">
                                                                        </li>
                                                                        <button type="button" id="btn-approval"
                                                                            class="btn btn-sm btn-success mx-2 mb-0 w-90"
                                                                            title="Approval"
                                                                            onclick="approvalRequest('{{ encrypt($primary) }}')">
                                                                            <i class="fas fa-check-circle"></i><span
                                                                                class="font-weight-bold">
                                                                                Approval</span>
                                                                        </button>
                                                                        <li>
                                                                            <hr class="dropdown-divider">
                                                                        </li>
                                                                        <button type="button" id="btn-reject"
                                                                            class="btn btn-sm btn-danger mx-2 mb-0 w-90"
                                                                            title="Reject"
                                                                            onclick="rejectRequest('{{ encrypt($primary) }}')">
                                                                            <i class="fas fa-times"></i><span
                                                                                class="font-weight-bold">
                                                                                Reject</span>
                                                                        </button>
                                                                    @elseif(strtolower($detail->approval_hrd) === 'approved')
                                                                        <li>
                                                                            <hr class="dropdown-divider">
                                                                        </li>
                                                                        <button type="button" id="btn-approval"
                                                                            class="btn btn-sm btn-warning mx-2 mb-0 w-90"
                                                                            title="Unapprove"
                                                                            onclick="unapprovalRequest('{{ encrypt($primary) }}')">
                                                                            <i class="fas fa-gavel"></i><span
                                                                                class="font-weight-bold">
                                                                                UnApproval</span>
                                                                        </button>
                                                                    @endif
                                                                @endif
                                                                <li>
                                                                    <hr class="dropdown-divider">
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </td>
                                                    <td>{{ $loop->iteration }}</td>
                                                    <td class="text-sm font-weight-normal">{{ $detail->gen_id }}</td>
                                                    <td class="text-sm font-weight-normal">{{ $detail->requestor_nik }}
                                                    </td>
                                                    <td class="text-sm font-weight-normal">{{ $detail->requestor_name }}
                                                    </td>
                                                    <td class="text-sm font-weight-normal">
                                                        {{ $detail->requestor_departemen }}
                                                    </td>
                                                    <td class="text-sm font-weight-normal">{{ $detail->requestor_bagian }}
                                                    </td>
                                                    @foreach ($table_header as $field)
                                                        @php
                                                            $string = $field->field;
                                                        @endphp
                                                        {{-- field type enum --}}
                                                        @if ($field->type == 'enum')
                                                            <td class="text-sm font-weight-normal">
                                                                @if ($field->field == 'approval_hrd')
                                                                    {{-- Custom badge untuk status approval --}}
                                                                    @if ($detail->$string == 'approved')
                                                                        <span class="badge bg-success"><i
                                                                                class="fas fa-check me-1"></i>Approved</span>
                                                                    @elseif ($detail->$string == 'rejected')
                                                                        <span class="badge bg-danger"><i
                                                                                class="fas fa-times me-1"></i>Rejected</span>
                                                                    @else
                                                                        <span class="badge bg-warning text-white"><i
                                                                                class="fas fa-clock me-1"></i>Pending</span>
                                                                    @endif
                                                                @elseif ($field->query != '')
                                                                    @php
                                                                        $data_query = DB::select($field->query);
                                                                    @endphp
                                                                    @foreach ($data_query as $q)
                                                                        @php $sAsArray = array_values((array) $q); @endphp
                                                                        {{ $detail->$string == $sAsArray[0] ? $sAsArray[1] : '' }}
                                                                    @endforeach
                                                                @else
                                                                    {{ $detail->$string }}
                                                                @endif
                                                            </td>
                                                            {{-- field type date --}}
                                                        @elseif ($field->type == 'date')
                                                            <td class="text-sm font-weight-normal">
                                                                {{ $detail->$string ? \Carbon\Carbon::parse($detail->$string)->format('d F Y') : '-' }}
                                                            </td>
                                                            {{-- field type text (description) --}}
                                                        @elseif ($field->type == 'text')
                                                            <td class="text-sm font-weight-normal">
                                                                {{ Str::limit($detail->$string, 50) ?: '-' }}
                                                            </td>
                                                        @else
                                                            <td
                                                                class="text-sm font-weight-{{ $field->primary == '1' ? 'bold text-dark' : 'normal' }}">
                                                                {{ $detail->$string }}
                                                            </td>
                                                        @endif
                                                    @endforeach
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                    </div>
                    <div class="row px-4 py-2">
                        <div class="col-lg">
                            <div class="nav-wrapper" id="noted"><code>Note : <i aria-hidden="true"
                                        style="color: #ffc2cd;" class="fas fa-circle"></i> Data not active</code>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @if ($jsmenu == '1')
            @if (view()->exists("js.{$dmenu}"))
                @push('addjs')
                    @include('js.' . $dmenu);
                @endpush
            @else
                @push('addjs')
                    <script>
                        Swal.fire({
                            title: 'JS Not Found!!',
                            text: 'Please Create File JS',
                            icon: 'error',
                            confirmButtonColor: '#028284'
                        });
                    </script>
                @endpush
            @endif
        @endif
        <style>
            #list_{{ $dmenu }} .form-check-input,
            #selectAllPending {
                width: 1.1rem;
                height: 1.1rem;
                cursor: pointer;
                border: 1px solid #028284;
            }

            .bulk-checkbox-wrap {
                position: relative;
                display: inline-flex;
                width: 1.1rem;
                height: 1.1rem;
                align-items: center;
                justify-content: center;
                vertical-align: middle;
            }

            .bulk-checkbox-wrap .form-check-input {
                position: absolute;
                inset: 0;
                z-index: 1;
                margin: 0 !important;
            }

            .bulk-check-icon {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 3;
                display: none;
                color: #fff !important;
                font-size: 0.65rem;
                line-height: 1;
                transform: translate(-50%, -50%);
                pointer-events: none;
            }

            .bulk-checkbox-wrap .form-check-input:checked:not(:indeterminate) ~ .bulk-check-mark,
            .bulk-checkbox-wrap .form-check-input:indeterminate ~ .bulk-minus-mark {
                display: block !important;
            }

            .bulk-checkbox-wrap .form-check-input:indeterminate ~ .bulk-check-mark {
                display: none !important;
            }

            #list_{{ $dmenu }} .form-check-input:checked,
            #selectAllPending:checked,
            #selectAllPending:indeterminate {
                background-color: #028284 !important;
                border-color: #028284 !important;
                background-repeat: no-repeat !important;
                background-position: center !important;
                background-size: 0.75rem 0.75rem !important;
            }

            #list_{{ $dmenu }} .form-check-input:checked,
            #selectAllPending:checked {
                background-image: none !important;
            }

            #selectAllPending:indeterminate {
                background-image: none !important;
            }

            #bulkSelectedCount {
                min-width: 2rem;
                padding: 0.45rem 0.6rem;
                text-align: center;
            }
        </style>
    @endsection
    @push('js')
        <script>
            $(document).ready(function() {
                // Check if DataTable already initialized, destroy first
                if ($.fn.DataTable.isDataTable('#list_{{ $dmenu }}')) {
                    $('#list_{{ $dmenu }}').DataTable().destroy();
                }

                // Initialize DataTable
                var table = $('#list_{{ $dmenu }}').DataTable({
                    "language": {
                        "lengthMenu": "Show _MENU_ entries",
                        "zeroRecords": "No data found",
                        "info": "Showing _START_ to _END_ of _TOTAL_",
                        "infoEmpty": "No data available",
                        "infoFiltered": "(filtered from _MAX_ total entries)"
                    },
                    responsive: true,
                    order: [],
                    columnDefs: [{
                        targets: 0,
                        orderable: false,
                        searchable: false
                    }],
                    dom: 'Brtip',
                    buttons: [{
                            extend: 'excelHtml5',
                            text: '<i class="fas fa-file-excel me-1 text-lg text-success"></i><span class="font-weight-bold"> Excel',
                            autoFilter: true,
                            sheetName: 'Exported data',
                            exportOptions: {
                                columns: ':visible:not(.no-export)'
                            },
                        },
                        {
                            extend: 'pdfHtml5',
                            text: '<i class="fas fa-file-pdf me-1 text-lg text-danger"></i><span class="font-weight-bold"> PDF',
                            exportOptions: {
                                columns: ':visible:not(.no-export)'
                            },
                        },
                        {
                            extend: 'print',
                            text: '<i class="fas fa-print me-1 text-lg text-info"></i><span class="font-weight-bold"> Print',
                            exportOptions: {
                                columns: ':visible:not(.no-export)'
                            },
                        },
                    ]
                });

                // Move export buttons to custom container
                table.buttons().container().appendTo('#export-buttons');

                // Style the buttons
                $('.dt-button').addClass('btn btn-secondary');
                $('.dt-button').removeClass('dt-button');

                // Custom search functionality
                $('#customSearch').on('keyup', function() {
                    table.search(this.value).draw();
                });

                function selectedCheckboxes() {
                    return table.$('.bulk-approval-checkbox:checked');
                }

                function refreshBulkApprovalState() {
                    const selected = selectedCheckboxes().length;
                    const visibleEligible = $(table.rows({
                            search: 'applied'
                        }).nodes())
                        .find('.bulk-approval-checkbox').length;
                    const visibleSelected = $(table.rows({
                            search: 'applied'
                        }).nodes())
                        .find('.bulk-approval-checkbox:checked').length;

                    $('#bulkSelectedCount').text(selected);
                    $('#bulkApproveButton').prop('disabled', selected === 0);
                    $('#bulkRejectButton').prop('disabled', selected === 0);
                    $('#selectAllPending').prop('checked', visibleEligible > 0 && visibleSelected === visibleEligible);
                    $('#selectAllPending').prop('indeterminate', visibleSelected > 0 && visibleSelected <
                        visibleEligible);
                }

                $('#selectAllPending').on('change', function() {
                    $(table.rows({
                            search: 'applied'
                        }).nodes())
                        .find('.bulk-approval-checkbox')
                        .prop('checked', this.checked);
                    refreshBulkApprovalState();
                });

                $('#list_{{ $dmenu }}').on('change', '.bulk-approval-checkbox', refreshBulkApprovalState);
                table.on('draw', refreshBulkApprovalState);

                $('#bulkApproveButton').on('click', function() {
                    const encryptedPrimaries = selectedCheckboxes().map(function() {
                        return this.value;
                    }).get();

                    if (!encryptedPrimaries.length) return;

                    Swal.fire({
                        title: 'Approve selected requests?',
                        text: encryptedPrimaries.length +
                            ' pending request akan di-approve dan dibuatkan TNA.',
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#028284',
                        cancelButtonColor: '#6c757d',
                        confirmButtonText: 'Yes, approve all'
                    }).then((result) => {
                        if (!result.isConfirmed) return;

                        $.ajax({
                            url: '{{ route('trsapr.bulk.approve') }}',
                            type: 'POST',
                            data: {
                                encryptedPrimaries: encryptedPrimaries,
                                _token: '{{ csrf_token() }}'
                            },
                            beforeSend: function() {
                                Swal.fire({
                                    title: 'Processing approvals...',
                                    text: 'Please wait until all selected requests are processed.',
                                    allowOutsideClick: false,
                                    allowEscapeKey: false,
                                    showConfirmButton: false,
                                    didOpen: () => Swal.showLoading()
                                });
                            },
                            success: function(response) {
                                Swal.fire({
                                    icon: response.failed_count ? 'warning' :
                                        'success',
                                    title: 'Bulk approval completed',
                                    text: response.message,
                                    confirmButtonColor: '#028284'
                                }).then(() => location.reload());
                            },
                            error: function(xhr) {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Bulk approval failed',
                                    text: xhr.responseJSON?.message ||
                                        'Something went wrong',
                                    confirmButtonColor: '#028284'
                                });
                            }
                        });
                    });
                });

                $('#bulkRejectButton').on('click', function() {
                    const encryptedPrimaries = selectedCheckboxes().map(function() {
                        return this.value;
                    }).get();

                    if (!encryptedPrimaries.length) return;

                    Swal.fire({
                        title: 'Reject selected requests',
                        text: encryptedPrimaries.length + ' pending request akan di-reject.',
                        input: 'textarea',
                        inputLabel: 'Rejection Reason',
                        inputPlaceholder: 'Enter one reason for all selected requests...',
                        inputAttributes: { maxlength: 500 },
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#dc3545',
                        cancelButtonColor: '#6c757d',
                        confirmButtonText: 'Reject all',
                        showLoaderOnConfirm: true,
                        inputValidator: (value) => {
                            if (!value || !value.trim()) return 'Rejection reason is required.';
                        },
                        preConfirm: (reason) => {
                            return $.ajax({
                                url: '{{ route('trsapr.bulk.reject') }}',
                                type: 'POST',
                                data: {
                                    encryptedPrimaries: encryptedPrimaries,
                                    reason: reason.trim(),
                                    _token: '{{ csrf_token() }}'
                                }
                            }).catch((xhr) => {
                                Swal.showValidationMessage(
                                    xhr.responseJSON?.message ||
                                    xhr.responseJSON?.errors?.reason?.[0] ||
                                    'Bulk rejection failed.'
                                );
                            });
                        },
                        allowOutsideClick: () => !Swal.isLoading(),
                        allowEscapeKey: () => !Swal.isLoading()
                    }).then((result) => {
                        if (!result.isConfirmed || !result.value) return;

                        Swal.fire({
                            icon: result.value.failed_count ? 'warning' : 'success',
                            title: 'Bulk rejection completed',
                            text: result.value.message,
                            confirmButtonColor: '#028284'
                        }).then(() => location.reload());
                    });
                });

                // Check authorize button datatables
                <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjtalenta/resources/views/traing/trsapr/list.blade.php</b> on line <b>597</b><br />
<br />
<b>Warning</b>:  Attempt to read property "excel" on null in <b>/opt/lampp/htdocs/msjtalenta/resources/views/traing/trsapr/list.blade.php</b> on line <b>597</b><br />
                <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjtalenta/resources/views/traing/trsapr/list.blade.php</b> on line <b>598</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pdf" on null in <b>/opt/lampp/htdocs/msjtalenta/resources/views/traing/trsapr/list.blade.php</b> on line <b>598</b><br />
                <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjtalenta/resources/views/traing/trsapr/list.blade.php</b> on line <b>599</b><br />
<br />
<b>Warning</b>:  Attempt to read property "print" on null in <b>/opt/lampp/htdocs/msjtalenta/resources/views/traing/trsapr/list.blade.php</b> on line <b>599</b><br />
            });

            function approvalRequest(encryptedPrimary) {
                Swal.fire({
                    title: 'Are you sure?',
                    text: 'You are about to approve this request.',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, approve it!'
                }).then((result) => {
                    if (result.isConfirmed) {

                        $.ajax({
                            url: '{{ route('trsapr.approve') }}',
                            type: 'POST',
                            data: {
                                encryptedPrimary: encryptedPrimary,
                                _token: '{{ csrf_token() }}'
                            },
                            beforeSend: function() {
                                Swal.fire({
                                    title: 'Processing...',
                                    allowOutsideClick: false,
                                    didOpen: () => {
                                        Swal.showLoading();
                                    }
                                });
                            },
                            success: function(response) {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Success',
                                    text: response.message
                                }).then(() => {
                                    location.reload();
                                });
                            },
                            error: function(xhr) {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Error',
                                    text: xhr.responseJSON?.message || 'Something went wrong'
                                });
                            }
                        });

                    }
                });
            }

            function unapprovalRequest(encryptedPrimary) {
                Swal.fire({
                    title: 'Revoke Approval?',
                    text: 'The request will return to pending status and its TNA data will be removed.',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#f0ad4e',
                    cancelButtonColor: '#6c757d',
                    confirmButtonText: 'Yes, unapprove it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: '{{ route('trsapr.unapprove') }}',
                            type: 'POST',
                            data: {
                                encryptedPrimary: encryptedPrimary,
                                _token: '{{ csrf_token() }}'
                            },
                            beforeSend: function() {
                                Swal.fire({
                                    title: 'Processing...',
                                    allowOutsideClick: false,
                                    didOpen: () => Swal.showLoading()
                                });
                            },
                            success: function(response) {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Success',
                                    text: response.message
                                }).then(() => location.reload());
                            },
                            error: function(xhr) {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Error',
                                    text: xhr.responseJSON?.message || 'Something went wrong'
                                });
                            }
                        });
                    }
                });
            }

            function rejectRequest(encryptedPrimary) {
                Swal.fire({
                    title: 'Reject Request',
                    input: 'textarea',
                    inputLabel: 'Rejection Reason',
                    inputPlaceholder: 'Enter the reason for rejecting this request...',
                    inputAttributes: {
                        maxlength: 500
                    },
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#6c757d',
                    confirmButtonText: 'Reject',
                    showLoaderOnConfirm: true,
                    inputValidator: (value) => {
                        if (!value || !value.trim()) {
                            return 'Rejection reason is required.';
                        }
                    },
                    preConfirm: (reason) => {
                        return $.ajax({
                            url: '{{ route('trsapr.reject') }}',
                            type: 'POST',
                            data: {
                                encryptedPrimary: encryptedPrimary,
                                reason: reason.trim(),
                                _token: '{{ csrf_token() }}'
                            }
                        }).catch((xhr) => {
                            Swal.showValidationMessage(
                                xhr.responseJSON?.message ||
                                xhr.responseJSON?.errors?.reason?.[0] ||
                                'Something went wrong.'
                            );
                        });
                    },
                    allowOutsideClick: () => !Swal.isLoading()
                }).then((result) => {
                    if (result.isConfirmed && result.value) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Success',
                            text: result.value.message
                        }).then(() => {
                            location.reload();
                        });
                    }
                });
            }

        </script>
    @endpush