@extends('layouts.adminlte')
@section('title','Jadwal Maintenance')

@section('content')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.15/index.global.min.css">
<style>
.fc-event-selected-custom {
    box-shadow: 0 0 0 2px #111 inset !important;
    opacity: .9;
}
</style>
<div class="mb-2">
    <div class="form-inline">
        <label class="mr-2">Periode</label>
        <input type="month" class="form-control mr-2" id="periodeMaintenance" value="{{ date('Y-m') }}">
        <div class="form-check mr-3">
            <input class="form-check-input" type="checkbox" id="toggleAllPeriode">
            <label class="form-check-label" for="toggleAllPeriode">All Periode</label>
        </div>
        <button class="btn btn-primary mr-2" id="btnGenerateMaintenance">Generate Bulanan</button>
        <button class="btn btn-success mr-2" id="btnAddManualMaintenance">Add Manual</button>
        <button class="btn btn-danger mr-2" id="btnDeleteSelectedMaintenance">Delete Selected</button>
        <button class="btn btn-info mr-2" id="btnExportMaintenanceXlsx">Export Excel</button>
        <button class="btn btn-secondary mr-2" id="btnExportMaintenancePdf">Export PDF</button>
        <button class="btn btn-outline-secondary" id="btnReloadMaintenance">Reload</button>
    </div>
    <small class="text-muted d-block mt-2">Generate membagi user aktif ke hari kerja dalam 1 bulan (tanpa Sabtu/Minggu).</small>
</div>

<div class="card mb-3">
    <div class="card-header"><strong>Calendar Maintenance</strong></div>
    <div class="card-body">
        <div id="calendarMaintenance"></div>
        <small class="text-muted d-block mt-2">Shift+klik event untuk multi-select, lalu klik kanan pada event terpilih untuk bulk delete.</small>
    </div>
</div>

<table class="table table-bordered" id="tableMaintenance" width="100%">
    <thead>
        <tr>
            <th style="width:34px;"><input type="checkbox" id="checkAllMaintenance"></th>
            <th style="width:40px;">No</th>
            <th>User</th>
            <th>Jabatan</th>
            <th>Item</th>
            <th>Detail Hardware</th>
            <th>Periode</th>
            <th>Tanggal Maintenance</th>
            <th>PIC Check</th>
            <th>Jenis Jadwal</th>
            <th>Status</th>
            <th>Catatan</th>
            <th>Foto</th>
            <th style="width:90px;">Aksi</th>
        </tr>
    </thead>
</table>

<div class="modal fade" id="modalMaintenanceEdit">
    <div class="modal-dialog">
        <form id="formMaintenanceEdit">
            @csrf
            <input type="hidden" id="maintenance_edit_id">
            <div class="modal-content">
                <div class="modal-header">
                    <h5>Edit Jadwal Maintenance</h5>
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                </div>
                <div class="modal-body">
                    <input type="text" class="form-control mb-2" id="maintenance_edit_user_label" placeholder="No Finger - Nama Lengkap" readonly>
                    <input type="date" class="form-control mb-2" id="maintenance_edit_tanggal" required>
                    <input type="text" class="form-control mb-2" id="maintenance_edit_pic_check" placeholder="PIC Check">
                    <textarea class="form-control mb-2" id="maintenance_edit_detail_hardware" placeholder="Detail hardware maintenance (multiple, 1 baris = 1 item)"></textarea>
                    <select class="form-control mb-2" id="maintenance_edit_jenis_jadwal">
                        <option value="harian">harian</option>
                        <option value="weekly">weekly</option>
                        <option value="monthly" selected>monthly</option>
                        <option value="3 month">3 month</option>
                        <option value="biweekly">biweekly</option>
                        <option value="6 month">6 month</option>
                    </select>
                    <select class="form-control mb-2" id="maintenance_edit_status">
                        <option value="plan">plan</option>
                        <option value="progress">progress</option>
                        <option value="finish">finish</option>
                    </select>
                    <textarea class="form-control" id="maintenance_edit_catatan" placeholder="Catatan"></textarea>
                    <input type="file" class="form-control mt-2" id="maintenance_edit_photos" accept=".jpg,.jpeg,.png,image/*" multiple>
                    <small class="text-muted d-block mt-1">Upload foto dokumentasi (JPG/PNG, max 2MB/file).</small>
                    <div id="maintenancePhotoDescInputs" class="mt-2"></div>
                    <div id="maintenanceExistingPhotoEditor" class="mt-2"></div>
                    <div id="maintenancePhotoList" class="mt-2"></div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-success">Simpan</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="modal fade" id="modalMaintenancePhotos">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5>Dokumentasi Maintenance</h5>
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body">
                <div class="row" id="maintenancePhotoGallery"></div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalMaintenanceManual">
    <div class="modal-dialog">
        <form id="formMaintenanceManual">
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5>Tambah Maintenance Manual</h5>
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                </div>
                <div class="modal-body">
                    <input type="month" class="form-control mb-2" name="periode" id="manual_periode" required>
                    <input type="date" class="form-control mb-2" name="tanggal_maintenance" id="manual_tanggal" required>
                    <select class="form-control mb-2" name="id_user" id="manual_user_id">
                        <option value="">Tanpa User (opsional)</option>
                        @foreach($users as $u)
                            <option value="{{ $u->id_user }}">{{ ($u->nmr_finger ?? '') . ' - ' . ($u->nama_orang ?? '') }}</option>
                        @endforeach
                    </select>
                    <select class="form-control mb-2" name="item_type" id="manual_item_type" required>
                        <option value="hardware">Hardware</option>
                        <option value="eng">Lisensi Engineering</option>
                        <option value="ms">Lisensi Microsoft</option>
                        <option value="manual">Manual Teks</option>
                    </select>
                    <select class="form-control mb-2" name="item_id" id="manual_item_id"></select>
                    <input type="text" class="form-control mb-2" name="manual_item_name" id="manual_item_name" placeholder="Nama Item Manual" style="display:none;">
                    <select class="form-control mb-2" name="status" id="manual_status">
                        <option value="plan">plan</option>
                        <option value="progress">progress</option>
                        <option value="finish">finish</option>
                    </select>
                    <input type="text" class="form-control mb-2" name="pic_check" id="manual_pic_check" placeholder="PIC Check">
                    <textarea class="form-control mb-2" name="detail_hardware_lines" id="manual_detail_hardware" placeholder="Detail hardware maintenance (multiple, 1 baris = 1 item)"></textarea>
                    <select class="form-control mb-2" name="jenis_jadwal" id="manual_jenis_jadwal">
                        <option value="harian">harian</option>
                        <option value="weekly">weekly</option>
                        <option value="monthly" selected>monthly</option>
                        <option value="3 month">3 month</option>
                        <option value="biweekly">biweekly</option>
                        <option value="6 month">6 month</option>
                    </select>
                    <textarea class="form-control" name="catatan" id="manual_catatan" placeholder="Catatan"></textarea>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-success">Simpan</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.15/index.global.min.js"></script>
<script>
$(function () {
    function isAllPeriode() {
        return $('#toggleAllPeriode').is(':checked');
    }

    let table = $('#tableMaintenance').DataTable({
        ajax: {
            url: "{{ route('maintenance-jadwal.data') }}",
            data: function (d) {
                d.periode = isAllPeriode() ? '' : $('#periodeMaintenance').val();
            },
            dataSrc: 'data'
        },
        order: [[6, 'desc'], [7, 'asc']],
        columns: [
            {
                data: 'id_maintenance_jadwal',
                render: function (id) {
                    return `<input type="checkbox" class="row-check-maintenance" value="${id}">`;
                },
                orderable: false,
                searchable: false
            },
            {
                data: null,
                render: function (data, type, row, meta) {
                    return meta.row + meta.settings._iDisplayStart + 1;
                },
                orderable: false,
                searchable: false
            },
            { data: 'user_label' },
            { data: 'jabatan' },
            { data: 'item_label' },
            {
                data: 'detail_hardware',
                render: function (v, t, row) {
                    const arr = Array.isArray(v) ? v : [];
                    if (!arr.length) return '<span class="text-muted">-</span>';
                    const preview = arr.slice(0, 2).join('<br>');
                    const more = arr.length > 2 ? `<br><small class="text-muted">+${arr.length - 2} item</small>` : '';
                    return preview + more;
                }
            },
            { data: 'periode' },
            { data: 'tanggal_maintenance' },
            { data: 'pic_check', defaultContent: '' },
            { data: 'jenis_jadwal', defaultContent: 'monthly' },
            {
                data: 'status',
                render: function (v) {
                    let badge = 'secondary';
                    if (v === 'plan') badge = 'warning';
                    if (v === 'progress') badge = 'primary';
                    if (v === 'finish') badge = 'success';
                    return `<span class="badge badge-${badge}">${v || ''}</span>`;
                }
            },
            { data: 'catatan' },
            {
                data: 'photos_count',
                render: function (v, t, row) {
                    const count = Number(v || 0);
                    if (count <= 0) return '<span class="badge badge-secondary">0</span>';
                    const payload = encodeURIComponent(JSON.stringify(row.photos || []));
                    return `<button class="btn btn-info btn-sm btn-photos" data-photos="${payload}">${count} Foto</button>`;
                },
                orderable: false,
                searchable: false
            },
            {
                data: 'id_maintenance_jadwal',
                render: function (id) {
                    return `
                        <button class="btn btn-warning btn-sm edit-maintenance" data-id="${id}">Edit</button>
                        <button class="btn btn-danger btn-sm delete-maintenance" data-id="${id}">Hapus</button>
                    `;
                },
                orderable: false,
                searchable: false
            }
        ]
    });

    function openMaintenanceEdit(id) {
        $.get("{{ route('maintenance-jadwal.show', ['id' => '__id__']) }}".replace('__id__', id), function (res) {
            $('#maintenance_edit_id').val(res.id_maintenance_jadwal);
            $('#maintenance_edit_user_label').val(res.user_label || '-');
            $('#maintenance_edit_tanggal').val((res.tanggal_maintenance || '').substring(0, 10));
            $('#maintenance_edit_pic_check').val(res.pic_check || '');
            $('#maintenance_edit_detail_hardware').val(res.detail_hardware_text || '');
            $('#maintenance_edit_jenis_jadwal').val(res.jenis_jadwal || 'monthly');
            $('#maintenance_edit_status').val(res.status || 'plan');
            $('#maintenance_edit_catatan').val(res.catatan || '');
            $('#maintenance_edit_photos').val('');
            $('#maintenancePhotoDescInputs').html('');
            $('#maintenanceExistingPhotoEditor').html('');

            const photoItems = (res.photos || []).map(function (p, i) {
                const desc = (p.description || '').trim();
                const descHtml = desc ? ` - <small class="text-muted">${desc}</small>` : '';
                return `<div><a href="${p.url}" target="_blank" class="mr-2">Foto ${i + 1}</a>${descHtml}</div>`;
            }).join('');
            $('#maintenancePhotoList').html(photoItems || '<small class="text-muted">Belum ada foto dokumentasi.</small>');

            const existingEditorHtml = (res.photos || []).map(function (p, i) {
                const safeDesc = (p.description || '').replace(/"/g, '&quot;');
                return `
                    <div class="border rounded p-2 mb-2 existing-photo-row">
                        <input type="hidden" class="existing-photo-path" value="${p.path || ''}">
                        <div class="mb-2">
                            <a href="${p.url}" target="_blank">
                                <img src="${p.url}" class="img-fluid img-thumbnail" style="max-height:120px;">
                            </a>
                        </div>
                        <input type="text" class="form-control form-control-sm existing-photo-description mb-2" value="${safeDesc}" placeholder="Deskripsi foto">
                        <div class="form-check">
                            <input class="form-check-input existing-photo-delete" type="checkbox" id="existing_photo_delete_${i}">
                            <label class="form-check-label text-danger" for="existing_photo_delete_${i}">Hapus foto ini</label>
                        </div>
                    </div>
                `;
            }).join('');
            $('#maintenanceExistingPhotoEditor').html(existingEditorHtml || '<small class="text-muted">Belum ada foto tersimpan.</small>');
            $('#modalMaintenanceEdit').modal('show');
        });
    }

    let selectedEventIds = new Set();

    function refreshEventSelectionUI() {
        $('#calendarMaintenance .fc-event').removeClass('fc-event-selected-custom');
        selectedEventIds.forEach(function (id) {
            $(`#calendarMaintenance .fc-event[data-event-id="${id}"]`).addClass('fc-event-selected-custom');
        });
    }

    function clearEventSelection() {
        selectedEventIds.clear();
        refreshEventSelectionUI();
    }

    function deleteMaintenanceIds(ids) {
        if (!ids || !ids.length) return;
        $.ajax({
            url: "{{ route('maintenance-jadwal.destroy-selected') }}",
            type: "POST",
            data: {
                _token: "{{ csrf_token() }}",
                ids: ids
            }
        }).done(function (res) {
            alert(res.message || 'Data berhasil dihapus.');
            clearEventSelection();
            table.ajax.reload(null, false);
            calendar.refetchEvents();
        }).fail(function (xhr) {
            alert(xhr.responseJSON?.message || 'Gagal hapus data.');
        });
    }

    let calendar = new FullCalendar.Calendar(document.getElementById('calendarMaintenance'), {
        initialView: 'dayGridMonth',
        height: 700,
        editable: true,
        eventStartEditable: true,
        eventDidMount: function (info) {
            const id = String(info.event.id);
            info.el.setAttribute('data-event-id', id);
            info.el.addEventListener('contextmenu', function (e) {
                e.preventDefault();

                const selectedIds = Array.from(selectedEventIds);
                if (selectedIds.length > 1 && selectedEventIds.has(id)) {
                    if (!confirm(`Hapus ${selectedIds.length} jadwal terpilih?`)) return;
                    deleteMaintenanceIds(selectedIds);
                    return;
                }
                if (!confirm('Hapus jadwal maintenance ini?')) return;
                deleteMaintenanceIds([id]);
            });
            refreshEventSelectionUI();
        },
        events: function (fetchInfo, success, failure) {
            $.get("{{ route('maintenance-jadwal.events') }}", { periode: isAllPeriode() ? '' : $('#periodeMaintenance').val() })
                .done(function (res) { success(res || []); })
                .fail(function () { failure(); });
        },
        eventClick: function (info) {
            const e = info.event;
            if (info.jsEvent && info.jsEvent.shiftKey) {
                const id = String(e.id);
                if (selectedEventIds.has(id)) {
                    selectedEventIds.delete(id);
                } else {
                    selectedEventIds.add(id);
                }
                refreshEventSelectionUI();
                return;
            }
            clearEventSelection();
            openMaintenanceEdit(e.id);
        },
        eventDrop: function (info) {
            const day = info.event.start;
            const dow = day.getDay();
            if (dow === 0 || dow === 6) {
                alert('Tanggal maintenance tidak boleh Sabtu/Minggu.');
                info.revert();
                return;
            }

            $.post("{{ route('maintenance-jadwal.update', ['id' => '__id__']) }}".replace('__id__', info.event.id), {
                _token: "{{ csrf_token() }}",
                tanggal_maintenance: info.event.startStr.substring(0, 10)
            }).done(function () {
                table.ajax.reload(null, false);
                clearEventSelection();
            }).fail(function (xhr) {
                alert(xhr.responseJSON?.message || 'Gagal update tanggal.');
                info.revert();
            });
        }
    });
    calendar.render();

    function initManualItemSelect(type) {
        if ($('#manual_item_id').hasClass('select2-hidden-accessible')) {
            $('#manual_item_id').select2('destroy');
        }

        if (type === 'manual') {
            $('#manual_item_id').html('').hide();
            $('#manual_item_name').show();
            return;
        }

        $('#manual_item_name').hide().val('');
        $('#manual_item_id').show().select2({
            theme: 'bootstrap4',
            width: '100%',
            dropdownParent: $('#modalMaintenanceManual'),
            placeholder: 'Pilih Item',
            allowClear: true,
            ajax: {
                url: "{{ route('maintenance-jadwal.item-options') }}",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        type: type,
                        q: params.term || ''
                    };
                },
                processResults: function (res) {
                    return { results: res.results || [] };
                }
            }
        });
    }

    function initManualUserSelect() {
        if ($('#manual_user_id').hasClass('select2-hidden-accessible')) {
            $('#manual_user_id').select2('destroy');
        }
        $('#manual_user_id').select2({
            theme: 'bootstrap4',
            width: '100%',
            dropdownParent: $('#modalMaintenanceManual'),
            placeholder: 'Pilih User (opsional)',
            allowClear: true
        });
    }

    function renderPhotoDescriptionInputs(files) {
        let html = '';
        for (let i = 0; i < files.length; i++) {
            const name = files[i].name || ('Foto ' + (i + 1));
            html += `
                <div class="mb-2">
                    <label class="mb-1">Deskripsi ${name}</label>
                    <input type="text" class="form-control photo-desc-input" data-index="${i}" placeholder="Deskripsi foto ${i + 1}">
                </div>
            `;
        }
        $('#maintenancePhotoDescInputs').html(html);
    }

    $('#btnReloadMaintenance').on('click', function () {
        table.ajax.reload();
        clearEventSelection();
        calendar.refetchEvents();
    });

    table.on('draw', function () {
        $('#checkAllMaintenance').prop('checked', false);
    });

    $('#checkAllMaintenance').on('change', function () {
        $('.row-check-maintenance').prop('checked', $(this).is(':checked'));
    });

    $('#tableMaintenance tbody').on('change', '.row-check-maintenance', function () {
        let total = $('.row-check-maintenance').length;
        let checked = $('.row-check-maintenance:checked').length;
        $('#checkAllMaintenance').prop('checked', total > 0 && total === checked);
    });

    $('#btnDeleteSelectedMaintenance').on('click', function () {
        const ids = $('.row-check-maintenance:checked').map(function () {
            return $(this).val();
        }).get();
        if (!ids.length) {
            alert('Pilih minimal 1 data pada tabel.');
            return;
        }
        if (!confirm(`Hapus ${ids.length} jadwal maintenance terpilih?`)) return;
        deleteMaintenanceIds(ids);
    });

    $('#btnExportMaintenanceXlsx').on('click', function () {
        const periode = $('#periodeMaintenance').val();
        if (!periode) {
            alert('Periode wajib diisi.');
            return;
        }
        window.location.href = "{{ route('maintenance-jadwal.export') }}" + '?periode=' + encodeURIComponent(periode);
    });

    $('#btnExportMaintenancePdf').on('click', function () {
        const periode = $('#periodeMaintenance').val();
        if (!periode) {
            alert('Periode wajib diisi.');
            return;
        }
        window.location.href = "{{ route('maintenance-jadwal.export-pdf') }}" + '?periode=' + encodeURIComponent(periode);
    });

    $('#periodeMaintenance').on('change', function () {
        table.ajax.reload();
        clearEventSelection();
        const p = $(this).val();
        if (!isAllPeriode() && p) calendar.gotoDate(p + '-01');
        calendar.refetchEvents();
    });

    $('#toggleAllPeriode').on('change', function () {
        table.ajax.reload();
        clearEventSelection();
        calendar.refetchEvents();
    });

    $('#btnAddManualMaintenance').on('click', function () {
        $('#formMaintenanceManual')[0].reset();
        $('#manual_periode').val($('#periodeMaintenance').val() || '');
        $('#manual_tanggal').val('');
        $('#manual_user_id').val('');
        $('#manual_item_type').val('hardware');
        $('#manual_status').val('plan');
        $('#manual_pic_check').val('');
        $('#manual_detail_hardware').val('');
        $('#manual_jenis_jadwal').val('monthly');
        initManualUserSelect();
        initManualItemSelect('hardware');
        $('#modalMaintenanceManual').modal('show');
    });

    $('#manual_item_type').on('change', function () {
        initManualItemSelect($(this).val());
    });

    $('#maintenance_edit_photos').on('change', function () {
        const files = this.files || [];
        renderPhotoDescriptionInputs(files);
    });

    $('#formMaintenanceManual').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            url: "{{ route('maintenance-jadwal.store-manual') }}",
            type: "POST",
            data: $(this).serialize(),
            success: function (res) {
                alert(res.message || 'Data manual tersimpan.');
                $('#modalMaintenanceManual').modal('hide');
                table.ajax.reload(null, false);
                clearEventSelection();
                calendar.refetchEvents();
            },
            error: function (xhr) {
                alert(xhr.responseJSON?.message || 'Gagal simpan manual.');
            }
        });
    });

    $('#btnGenerateMaintenance').on('click', function () {
        let periode = $('#periodeMaintenance').val();
        if (!periode) {
            alert('Periode wajib diisi.');
            return;
        }

        $.ajax({
            url: "{{ route('maintenance-jadwal.generate') }}",
            type: "POST",
            data: {
                _token: "{{ csrf_token() }}",
                periode: periode
            },
            success: function (res) {
                alert(res.message || 'Generate selesai.');
                table.ajax.reload();
                clearEventSelection();
                calendar.refetchEvents();
            },
            error: function (xhr) {
                alert(xhr.responseJSON?.message || 'Gagal generate jadwal.');
            }
        });
    });

    $(document).on('click', '.delete-maintenance', function () {
        let id = $(this).data('id');
        if (!id) return;
        if (!confirm('Hapus jadwal maintenance ini?')) return;

        $.ajax({
            url: "{{ route('maintenance-jadwal.destroy', ['id' => '__id__']) }}".replace('__id__', id),
            type: "POST",
            data: {
                _token: "{{ csrf_token() }}",
                _method: "DELETE"
            },
            success: function () {
                table.ajax.reload(null, false);
                clearEventSelection();
                calendar.refetchEvents();
            },
            error: function (xhr) {
                alert(xhr.responseJSON?.message || 'Gagal hapus jadwal.');
            }
        });
    });

    $(document).on('click', '.btn-photos', function () {
        let photos = [];
        try {
            photos = JSON.parse(decodeURIComponent($(this).attr('data-photos') || '[]'));
        } catch (e) {
            photos = [];
        }
        const html = (photos || []).map(function (p) {
            const desc = (p.description || '').trim();
            return `
                <div class="col-md-4 mb-3">
                    <a href="${p.url}" target="_blank"><img src="${p.url}" class="img-fluid img-thumbnail"></a>
                    <div class="small text-muted mt-1">${desc !== '' ? desc : '-'}</div>
                </div>
            `;
        }).join('');
        $('#maintenancePhotoGallery').html(html || '<div class="col-12 text-muted">Belum ada foto.</div>');
        $('#modalMaintenancePhotos').modal('show');
    });

    $(document).on('click', '.edit-maintenance', function () {
        const id = $(this).data('id');
        if (!id) return;
        clearEventSelection();
        openMaintenanceEdit(id);
    });

    $('#formMaintenanceEdit').on('submit', function (e) {
        e.preventDefault();
        const id = $('#maintenance_edit_id').val();
        if (!id) return;

        const fd = new FormData();
        fd.append('_token', "{{ csrf_token() }}");
        fd.append('tanggal_maintenance', $('#maintenance_edit_tanggal').val());
        fd.append('pic_check', $('#maintenance_edit_pic_check').val());
        fd.append('detail_hardware_lines', $('#maintenance_edit_detail_hardware').val());
        fd.append('jenis_jadwal', $('#maintenance_edit_jenis_jadwal').val());
        fd.append('status', $('#maintenance_edit_status').val());
        fd.append('catatan', $('#maintenance_edit_catatan').val());
        const files = $('#maintenance_edit_photos')[0].files || [];
        const descInputs = $('.photo-desc-input');
        for (let i = 0; i < files.length; i++) {
            fd.append('documentation_photos[]', files[i]);
            const desc = $(descInputs[i]).val() || '';
            fd.append('documentation_photo_descriptions[]', desc);
        }

        $('#maintenanceExistingPhotoEditor .existing-photo-row').each(function () {
            const path = ($(this).find('.existing-photo-path').val() || '').trim();
            if (!path) return;
            const isDeleted = $(this).find('.existing-photo-delete').is(':checked');
            if (isDeleted) {
                fd.append('deleted_photo_paths[]', path);
                return;
            }
            fd.append('existing_photo_paths[]', path);
            fd.append('existing_photo_descriptions[]', ($(this).find('.existing-photo-description').val() || '').trim());
        });

        $.ajax({
            url: "{{ route('maintenance-jadwal.update', ['id' => '__id__']) }}".replace('__id__', id),
            type: "POST",
            data: fd,
            processData: false,
            contentType: false
        }).done(function () {
            $('#modalMaintenanceEdit').modal('hide');
            table.ajax.reload(null, false);
            clearEventSelection();
            calendar.refetchEvents();
        }).fail(function (xhr) {
            alert(xhr.responseJSON?.message || 'Gagal update jadwal.');
        });
    });
});
</script>
@endpush