@extends('layouts.admin')
@section('title', 'DUMPING')
@section('page_title', 'DUMPING')
@section('breadcrumb')
    <li><a href="{{ route('admin.hauling.index') }}">Dumping</a></li>
    <li class="active">Dumping</li>
@endsection
@section('content')

<style>
    /* Tablet-first overrides */
    .tablet-input {
        font-size: 18px !important;
        padding: 14px 16px !important;
        height: auto !important;
        border-radius: 8px !important;
    }
    .tablet-label {
        font-size: 14px !important;
        font-weight: 600 !important;
        margin-bottom: 6px !important;
        color: #5a6c7d !important;
    }
    .tablet-btn {
        font-size: 16px !important;
        padding: 14px 24px !important;
        border-radius: 8px !important;
        height: auto !important;
        white-space: nowrap !important;
    }
    .tablet-card .card-body {
        padding: 24px !important;
    }
    .tablet-card .form-group {
        margin-bottom: 20px !important;
    }
    .tablet-section-title {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #343a40 !important;
        margin-bottom: 16px !important;
    }
    .tablet-alert {
        font-size: 15px !important;
        padding: 14px 18px !important;
        border-radius: 8px !important;
    }
    .input-group .tablet-btn {
        border-radius: 0 8px 8px 0 !important;
    }
    input[type="date"].tablet-input,
    input[type="time"].tablet-input {
        font-size: 16px !important;
    }
    .form-row-gap {
        gap: 16px;
    }
</style>

{{-- ============================================================
     SECTION 1: TAP DRIVER CARD + AMBIL DATA DARI SEAL
     ============================================================ --}}
<div class="row">
    <div class="col-12">
        <div class="card tablet-card">
            <div class="card-header">
                <h5 class="tablet-section-title mb-0">
                    <i class="fa fa-qrcode"></i> Identitas Supir & Nomor Struk
                </h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6 mb-3 mb-md-0">
                        <label class="tablet-label">Driver Card ID</label>
                        <div class="input-group">
                            <input type="text"
                                   id="tap_driver_card"
                                   class="form-control tablet-input"
                                   placeholder="Tap atau masukkan driver card ID...">
                            <span class="input-group-btn">
                                <button type="button"
                                        id="btn_tap_driver"
                                        class="btn btn-info tablet-btn">
                                    <i class="fa fa-id-card"></i> Check Checkout
                                </button>
                            </span>
                        </div>
                        <button type="button"
                                class="btn btn-outline-secondary btn-sm mt-1"
                                onclick="clearInput('tap_driver_card')"
                                style="font-size:13px;">
                            <i class="fa fa-times"></i> Clear
                        </button>
                    </div>
                    <div class="col-md-6">
                        <label class="tablet-label">Nomor Struk Hauling (dari SEAL)</label>
                        <div class="input-group">
                            <input type="text"
                                   id="fetch_hauling_number"
                                   class="form-control tablet-input"
                                   placeholder="Masukkan nomor struk...">
                            <span class="input-group-btn">
                                <button type="button"
                                        id="btn_fetch_external"
                                        class="btn btn-primary tablet-btn">
                                    <i class="fa fa-search"></i> Ambil Data
                                </button>
                            </span>
                        </div>
                        <button type="button"
                                class="btn btn-outline-secondary btn-sm mt-1"
                                onclick="clearInput('fetch_hauling_number')"
                                style="font-size:13px;">
                            <i class="fa fa-times"></i> Clear
                        </button>
                    </div>
                </div>

                <div id="tap_driver_result" class="alert tablet-alert mt-3" style="display:none;"></div>
                <div id="fetch_external_result" class="alert tablet-alert mt-3" style="display:none;"></div>
            </div>
        </div>
    </div>
</div>

{{-- ============================================================
     SECTION 2: FORM DUMPING
     ============================================================ --}}
<div class="row mt-3">
    <div class="col-12">
        <div class="card tablet-card">
            <div class="card-header d-flex align-items-center justify-content-between">
                <h5 class="tablet-section-title mb-0">
                    <i class="fa fa-clipboard"></i> Form Dumping
                </h5>
                <div class="d-flex align-items-center gap-2">
                    <small class="text-muted" id="hauling_number_label">
                        <i class="fa fa-tag"></i> Struk: <span class="text-info" id="hauling_number_display">Belum ada — wajib dari SEAL</span>
                    </small>
                    <button type="button"
                            id="btn_reset_form"
                            class="btn btn-warning tablet-btn btn-sm">
                        <i class="fa fa-refresh"></i> Reset
                    </button>
                </div>
            </div>
            <form method="POST"
                  action="{{ route('admin.hauling.store') }}"
                  id="hauling_form">
                @csrf

                <input type="hidden" name="hauling_number" id="hauling_number" value="{{ old('hauling_number', request()->get('hauling_number')) }}">
                <input type="hidden" name="hauling_recapnum" id="hauling_recapnum" value="{{ old('hauling_recapnum') }}">
                <input type="hidden" name="id_checkout" id="id_checkout" value="">
                <input type="hidden" name="driver_card" id="driver_card_form" value="{{ old('driver_card') }}">
                <input type="hidden" name="vehicle_id" id="vehicle_id" value="">
                <input type="hidden" name="vendor_id" id="vendor_id" value="">
                <input type="hidden" name="tare_weight" id="tare_weight" value="">
                <input type="hidden" name="gross_weight" id="gross_weight" value="">
                <input type="hidden" name="source" id="source" value="manual">
                <input type="hidden" name="origin_type" id="origin_type" value="">
                <input type="hidden" name="lokasi_muat" id="lokasi_muat" value="{{ old('lokasi_muat') }}">

                <div class="card-body">

                    {{-- Alert: checkout aktif terdeteksi --}}
                    <div id="checkout_linked_alert" class="alert alert-success tablet-alert" style="display:none;">
                        <i class="fa fa-link"></i>
                        Checkout aktif terbaca: <strong id="linked_checkout_info"></strong>
                        <button type="button" class="close" onclick="$('#checkout_linked_alert').hide(); $('#id_checkout').val('');">&times;</button>
                    </div>

                    {{-- Row 1: Nomor Struk + Kendaraan + Lokasi Muat + Net Weight --}}
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="tablet-label">Nomor Struk Hauling <span class="text-danger">*</span></label>
                                <input type="text"
                                       id="hauling_number_visible"
                                       class="form-control tablet-input"
                                       value="{{ old('hauling_number', request()->get('hauling_number')) }}"
                                       placeholder="Ambil dari SEAL"
                                       required readonly>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="tablet-label">Nomor Kendaraan</label>
                                <input type="text"
                                       id="vehicle_number"
                                       name="vehicle_number"
                                       class="form-control tablet-input"
                                       value="{{ old('vehicle_number') }}"
                                       placeholder="Contoh: PSHD005"
                                       required readonly>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="tablet-label">Lokasi Muat</label>
                                <input type="text"
                                       id="lokasi_muat_display"
                                       class="form-control tablet-input"
                                       value="{{ old('lokasi_muat') }}"
                                       placeholder="Akan terisi otomatis dari SEAL"
                                       readonly>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="tablet-label">Net Weight (ton)</label>
                                <input type="number"
                                       step="0.001"
                                       name="net_weight"
                                       id="net_weight"
                                       class="form-control tablet-input"
                                       value="{{ old('net_weight') }}"
                                       placeholder="Berat netto hasil timbang"
                                       required readonly>
                            </div>
                        </div>
                    </div>

                    {{-- Row 2: Tanggal & Jam Muat + Tanggal & Jam Dumping --}}
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="tablet-label">Tanggal Muat</label>
                                        <input type="date"
                                               name="hauling_out_date"
                                               id="hauling_out_date"
                                               class="form-control tablet-input"
                                               value="{{ old('hauling_out_date') }}"
                                               required readonly>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="tablet-label">Jam Muat</label>
                                        <input type="time"
                                               name="hauling_out_time"
                                               id="hauling_out_time"
                                               class="form-control tablet-input"
                                               value="{{ old('hauling_out_time') }}"
                                               required readonly>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="tablet-label">Tanggal Dumping</label>
                                        <input type="date"
                                               name="hauling_date"
                                               id="hauling_date"
                                               class="form-control tablet-input"
                                               value="{{ old('hauling_date') }}"
                                               required readonly>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class ="form-group">
                                <label class="tablet-label">Jam Dumping</label>
                                        <input type="time"
                                               name="hauling_time"
                                               id="hauling_time"
                                               class="form-control tablet-input"
                                               value="{{ old('hauling_time') }}"
                                               required readonly>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="card-footer text-right">
                    <a href="{{ route('admin.hauling.index') }}" class="btn btn-secondary tablet-btn mr-2">
                        <i class="fa fa-arrow-left"></i> Batal
                    </a>
                    <button type="submit" class="btn btn-primary tablet-btn" id="btn_submit">
                        <i class="fa fa-save"></i> Simpan Dumping
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('js')
<script>
function clearInput(id) {
    var $el = $('#' + id);
    $el.val('').focus();
}

$(function() {
    syncHaulingNumberDisplay();

    function syncHaulingNumberDisplay() {
        var num = $('#hauling_number').val();
        if (num && num.trim()) {
            $('#hauling_number_display').text(num.trim());
            $('#hauling_number_visible').val(num.trim());
        } else {
            $('#hauling_number_display').text('Wajib dari SEAL ');
        }
    }

    function syncHaulingNumberToHidden() {
        var val = $('#hauling_number_visible').val().trim();
        $('#hauling_number').val(val);
    }

    $('#btn_tap_driver').on('click', detectCheckout);
    $('#tap_driver_card').on('keypress', function(e) {
        if (e.which === 13) { detectCheckout(); return false; }
    });

    // Sinkron visible hauling_number input ke hidden field
    $('#hauling_number_visible').on('input', syncHaulingNumberToHidden);

    function detectCheckout() {
        var driverCard = $('#tap_driver_card').val().trim();
        if (!driverCard) {
            Swal.fire({
                icon: 'warning',
                title: 'Input Required',
                text: 'Masukkan atau tap driver card ID terlebih dahulu.',
                confirmButtonText: 'OK',
                confirmButtonColor: '#f0ad4e'
            });
            return;
        }

        var $btn = $('#btn_tap_driver');
        $btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Mendeteksi...');

        $.ajax({
            url: '{{ route('admin.hauling.tap-driver-card') }}',
            method: 'GET',
            data: { driver_card: driverCard },
            success: function(response) {
                $btn.prop('disabled', false).html('<i class="fa fa-id-card"></i> Cek Checkout');
                if (response.success) {
                    var c = response.checkout;
                    var supirInfo = c.supir ? c.supir.nama : 'Tanpa Supir';
                    var kendaraanInfo = c.kendaraan ? c.kendaraan.nomor_kendaraan : '-';
                    var tipeInfo = c.kendaraan && c.kendaraan.tipe ? ' (' + c.kendaraan.tipe + ')' : '';

                    $('#id_checkout').val(c.id_checkout);
                    $('#driver_card_form').val(driverCard);
                    $('#linked_checkout_info').html(
                        'Checkout #' + c.id_checkout + ' - ' + supirInfo + ' - ' + kendaraanInfo + tipeInfo + ' (' + c.status_label + ')'
                    );
                    $('#checkout_linked_alert').show();

                    if (c.kendaraan) {
                        if (!$('#vehicle_id').val()) $('#vehicle_id').val(c.kendaraan.id_kendaraan || '');
                        if (!$('#vehicle_number').val()) $('#vehicle_number').val(c.kendaraan.nomor_kendaraan || '');
                    }

                    Swal.fire({
                        icon: 'success',
                        title: 'Checkout Aktif!',
                        html: '<strong>#' + c.id_checkout + '</strong><br>' + supirInfo + ' / ' + kendaraanInfo,
                        confirmButtonText: 'OK',
                        confirmButtonColor: '#28a745',
                        timer: 4000,
                        timerProgressBar: true
                    });
                } else {
                    $('#id_checkout').val('');
                    Swal.fire({
                        icon: 'info',
                        title: 'Tidak Ditemukan',
                        text: response.message,
                        confirmButtonText: 'OK',
                        confirmButtonColor: '#17a2b8'
                    });
                }
            },
            error: function(xhr) {
                $btn.prop('disabled', false).html('<i class="fa fa-id-card"></i> Cek Checkout');
                $('#id_checkout').val('');
                var msg = 'Gagal mendeteksi checkout.';
                if (xhr.responseJSON && xhr.responseJSON.message) msg = xhr.responseJSON.message;
                Swal.fire({
                    icon: 'error',
                    title: 'Gagal',
                    text: msg,
                    confirmButtonText: 'OK',
                    confirmButtonColor: '#dc3545'
                });
            }
        });
    }

    $('#btn_fetch_external').on('click', fetchFromSeal);
    $('#fetch_hauling_number').on('keypress', function(e) {
        if (e.which === 13) { fetchFromSeal(); return false; }
    });

    function fetchFromSeal() {
        var haulingNumber = $('#fetch_hauling_number').val().trim();
        if (!haulingNumber) {
            Swal.fire({
                icon: 'warning',
                title: 'Input Required',
                text: 'Masukkan nomor struk hauling terlebih dahulu.',
                confirmButtonText: 'OK',
                confirmButtonColor: '#f0ad4e'
            });
            return;
        }

        var $btn = $('#btn_fetch_external');
        $btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Mengambil...');

        $.ajax({
            url: '{{ route('admin.hauling.fetch-external') }}',
            method: 'GET',
            data: { hauling_number: haulingNumber },
            success: function(response) {
                console.log('[DEBUG] API Response:', JSON.stringify(response));
                console.log('[DEBUG] hauling_date:', response.data?.hauling_date);
                console.log('[DEBUG] hauling_out_date:', response.data?.hauling_out_date);
                console.log('[DEBUG] hauling_time:', response.data?.hauling_time);
                console.log('[DEBUG] hauling_out_time:', response.data?.hauling_out_time);
                $btn.prop('disabled', false).html('<i class="fa fa-search"></i> Ambil Data');
                if (response.success) {
                    var d = response.data;
                    console.log('[DEBUG] d object:', d);
                    $('#source').val('external');
                    $('#hauling_number').val(d.hauling_number || d.hauling_recapnum || haulingNumber);
                    $('#hauling_recapnum').val(d.hauling_recapnum || '');
                    syncHaulingNumberDisplay();
                    $('#vehicle_id').val(d.vehicle_id || '');
                    $('#vendor_id').val(d.vendor_id || '');
                    $('#tare_weight').val(d.tare_weight || '');
                    $('#gross_weight').val(d.gross_weight || '');

                    $('#vehicle_number').val(d.vehicle_number || '');

                    // origin_type dari SEAL → lokasi_muat; kosongkan jika tidak ada
                    $('#origin_type').val(d.origin_type || '');
                    var lokasiMuatRaw = d.lokasi_muat || d.origin_type || '';
                    if (lokasiMuatRaw === 'MARAK') lokasiMuatRaw = 'STOCKROOM';
                    $('#lokasi_muat').val(lokasiMuatRaw);
                    $('#lokasi_muat_display').val(lokasiMuatRaw);

                    $('#net_weight').val(d.net_weight || '');

                    function parseDate(val) {
                        if (!val || val === 'null' || val === null) return '';
                        var str = String(val).trim();
                        // ISO 8601: 2025-09-13T00:00:00.000000Z → ambil bagian sebelum 'T'
                        var idx = str.indexOf('T');
                        if (idx !== -1) str = str.substring(0, idx);
                        if (/^\d{4}-\d{2}-\d{2}$/.test(str)) return str;
                        return '';
                    }
                    function parseTime(val) {
                        if (!val || val === 'null' || val === null) return '';
                        var str = String(val).trim();
                        var parts = str.split(' ');
                        if (parts[1]) str = parts[1];
                        var t = str.split(':');
                        if (t.length >= 2) {
                            return t[0].padStart(2,'0') + ':' + t[1].padStart(2,'0');
                        }
                        return '';
                    }

                    var d1 = parseDate(d.hauling_date);
                    console.log('[DEBUG] d1 (hauling_date parsed):', d1);
                    if (d1) $('#hauling_date').val(d1);
                    var t1 = parseTime(d.hauling_time);
                    console.log('[DEBUG] t1 (hauling_time parsed):', t1);
                    if (t1) $('#hauling_time').val(t1);

                    var d2 = parseDate(d.hauling_out_date);
                    console.log('[DEBUG] d2 (hauling_out_date parsed):', d2);
                    if (d2) $('#hauling_out_date').val(d2);
                    var t2 = parseTime(d.hauling_out_time);
                    console.log('[DEBUG] t2 (hauling_out_time parsed):', t2);
                    if (t2) $('#hauling_out_time').val(t2);

                    $('#driver_card_form').val(d.driver_card || '');

                    Swal.fire({
                        icon: 'success',
                        title: 'Berhasil!',
                        text: 'Data ditemukan. Form telah terisi otomatis.',
                        confirmButtonText: 'OK',
                        confirmButtonColor: '#28a745',
                        timer: 3000,
                        timerProgressBar: true
                    });

                } else {
                    Swal.fire({
                        icon: 'error',
                        title: 'Tidak Ditemukan',
                        text: response.message,
                        confirmButtonText: 'OK',
                        confirmButtonColor: '#dc3545'
                    });
                }
            },
            error: function(xhr) {
                $btn.prop('disabled', false).html('<i class="fa fa-search"></i> Ambil Data');
                var msg = 'Gagal mengambil data dari database SEAL.';
                if (xhr.responseJSON && xhr.responseJSON.message) msg = xhr.responseJSON.message;
                Swal.fire({
                    icon: 'error',
                    title: 'Gagal',
                    text: msg,
                    confirmButtonText: 'OK',
                    confirmButtonColor: '#dc3545'
                });
            }
        });
    }

    $('#btn_reset_form').on('click', function() {
        Swal.fire({
            title: 'Reset Form?',
            text: 'Semua data yang belum disimpan akan dihapus.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Ya, Reset',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#f0ad4e',
            cancelButtonColor: '#6c757d',
            reverseButtons: true
        }).then((result) => {
            if (result.isConfirmed) {
                $('#hauling_form')[0].reset();
                $('#hauling_number').val('');
                $('#hauling_recapnum').val('');
                $('#hauling_number_visible').val('');
                $('#id_checkout').val('');
                $('#driver_card_form').val('');
                $('#vehicle_id').val('');
                $('#tare_weight').val('');
                $('#gross_weight').val('');
                $('#origin_type').val('');
                $('#lokasi_muat').val('');
                $('#lokasi_muat_display').val('');
                $('#source').val('manual');
                $('#fetch_external_result').hide();
                $('#tap_driver_result').hide();
                $('#checkout_linked_alert').hide();
                $('#fetch_hauling_number').val('');
                $('#tap_driver_card').val('');
                syncHaulingNumberDisplay();

                Swal.fire({
                    icon: 'success',
                    title: 'Form Di-reset',
                    text: 'Semua field sudah kosong.',
                    confirmButtonText: 'OK',
                    confirmButtonColor: '#28a745',
                    timer: 2000,
                    timerProgressBar: true
                });
            }
        });
    });

    // ============================================================
    // KONFIRMASI SEBELUM SIMPAN
    // ============================================================
    $('#hauling_form').on('submit', function(e) {
        e.preventDefault();

        // Selalu sync tap_driver_card → driver_card_form (fallback jika tidak klik deteksi checkout)
        if (!$('#driver_card_form').val()) {
            $('#driver_card_form').val($('#tap_driver_card').val().trim());
        }

        var driverCard = $('#driver_card_form').val().trim();
        var haulingNumber = $('#hauling_number_visible').val().trim();
        var vehicleNumber = $('#vehicle_number').val().trim();
        var netWeight = $('#net_weight').val().trim();
        var haulingDate = $('#hauling_date').val().trim();
        var haulingTime = $('#hauling_time').val().trim();

        if (!driverCard) {
            Swal.fire({
                icon: 'warning',
                title: 'Data Belum Lengkap',
                text: 'Driver Card ID wajib diisi. Tap atau masukkan driver card terlebih dahulu.',
                confirmButtonText: 'OK',
                confirmButtonColor: '#f0ad4e'
            });
            return;
        }
        if (!haulingNumber) {
            Swal.fire({
                icon: 'warning',
                title: 'Data Belum Lengkap',
                text: 'Nomor Struk Hauling wajib diisi dari sistem SEAL.',
                confirmButtonText: 'OK',
                confirmButtonColor: '#f0ad4e'
            });
            return;
        }
        if (!vehicleNumber) {
            Swal.fire({
                icon: 'warning',
                title: 'Data Belum Lengkap',
                text: 'Nomor Kendaraan wajib diisi.',
                confirmButtonText: 'OK',
                confirmButtonColor: '#f0ad4e'
            });
            return;
        }
        if (!netWeight) {
            Swal.fire({
                icon: 'warning',
                title: 'Data Belum Lengkap',
                text: 'Net Weight wajib diisi.',
                confirmButtonText: 'OK',
                confirmButtonColor: '#f0ad4e'
            });
            return;
        }
        if (!haulingDate || !haulingTime) {
            Swal.fire({
                icon: 'warning',
                title: 'Data Belum Lengkap',
                text: 'Tanggal & Jam Dumping wajib diisi.',
                confirmButtonText: 'OK',
                confirmButtonColor: '#f0ad4e'
            });
            return;
        }

        Swal.fire({
            title: 'Simpan Dumping?',
            html: 'Pastikan semua data sudah benar.<br><br>' +
                  '<strong>Nomor Struk:</strong> ' + haulingNumber + '<br>' +
                  '<strong>Kendaraan:</strong> ' + vehicleNumber + '<br>' +
                  '<strong>Net Weight:</strong> ' + netWeight + ' ton<br>' +
                  '<strong>Tanggal:</strong> ' + haulingDate + ' ' + haulingTime,
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Ya, Simpan',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#007bff',
            cancelButtonColor: '#6c757d',
            reverseButtons: true
        }).then((result) => {
            if (result.isConfirmed) {
                var $form = $('#hauling_form');
                var $btn = $('#btn_submit');
                $btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Menyimpan...');

                $.ajax({
                    url: $form.attr('action'),
                    method: 'POST',
                    data: $form.serialize(),
                    success: function(response) {
                        $btn.prop('disabled', false).html('<i class="fa fa-save"></i> Simpan Dumping');
                        if (response.success) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil!',
                                text: response.message || 'Data dumping berhasil disimpan.',
                                confirmButtonText: 'OK',
                                confirmButtonColor: '#28a745'
                            }).then(() => {
                                window.location.href = response.redirect || '{{ route('admin.hauling.index') }}';
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal',
                                text: response.message || 'Terjadi kesalahan saat menyimpan.',
                                confirmButtonText: 'OK',
                                confirmButtonColor: '#dc3545'
                            });
                        }
                    },
                    error: function(xhr) {
                        $btn.prop('disabled', false).html('<i class="fa fa-save"></i> Simpan Dumping');
                        var msg = 'Terjadi kesalahan saat menyimpan data.';
                        if (xhr.responseJSON) {
                            // Validasi error (422) — Laravel unique rule, dll.
                            if (xhr.responseJSON.errors) {
                                var errors = xhr.responseJSON.errors;
                                // Prioritas: hauling_number duplicate error
                                if (errors.hauling_number && errors.hauling_number.length) {
                                    msg = errors.hauling_number[0];
                                } else {
                                    // Ambil error pertama dari field lain
                                    msg = Object.values(errors).flat().join('\n');
                                }
                            } else if (xhr.responseJSON.message) {
                                msg = xhr.responseJSON.message;
                            }
                        }
                        Swal.fire({
                            icon: 'error',
                            title: 'Gagal Menyimpan',
                            text: msg,
                            confirmButtonText: 'OK',
                            confirmButtonColor: '#dc3545'
                        });
                    }
                });
            }
        });
    });

    // ============================================================
    // NOTIF DARI SESSION (SETELAH REDIRECT)
    // ============================================================
    @if(session('success'))
        Swal.fire({
            icon: 'success',
            title: 'Berhasil!',
            text: '{{ session('success') }}',
            confirmButtonText: 'OK',
            confirmButtonColor: '#28a745',
            timer: 4000,
            timerProgressBar: true
        });
    @endif

    @if(session('error'))
        Swal.fire({
            icon: 'error',
            title: 'Gagal',
            text: '{{ session('error') }}',
            confirmButtonText: 'OK',
            confirmButtonColor: '#dc3545'
        });
    @endif

    // Keep session alive — ping setiap 60 detik
    setInterval(function() {
        fetch('/gate-keep-alive', {
            method: 'GET',
            headers: { 'Accept': 'application/json' }
        }).catch(function() {});
    }, 60000);

});
</script>
@endpush