{{-- Modal Reschedule Peserta --}}
<div class="modal fade" id="rescheduleModal" tabindex="-1" aria-labelledby="rescheduleModalLabel" aria-hidden="true"
    data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-radius-lg">
            <div class="modal-header pb-0 border-0">
                <h6 class="modal-title font-weight-bolder" id="rescheduleModalLabel">
                    <i class="fas fa-calendar-plus me-2 text-warning"></i>Reschedule Peserta
                </h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body pt-2">
                <p class="text-xs text-secondary mb-3">Peserta: <strong id="reschedule-nama"></strong></p>
                <div class="mb-3">
                    <label class="form-label text-xs font-weight-bolder">
                        Schedule Baru <span class="text-danger">*</span>
                    </label>
                    <select class="form-select form-select-sm" id="reschedule-schedule">
                        <option value="">— Pilih Schedule —</option>
                        @foreach ($schedule_options as $opt)
                            <option value="{{ $opt->id }}">
                                {{$opt->id_trs_trn}}
                                {{ $opt->training_name }} — {{ \Carbon\Carbon::parse($opt->jadwal_trn)->format('d/m/Y') }}
                            </option>
                        @endforeach
                    </select>
                    @if ($schedule_options->isEmpty())
                        <p class="text-xxs text-warning mt-1 mb-0">
                            <i class="fas fa-exclamation-triangle me-1"></i>Belum ada schedule lain untuk training ini.
                        </p>
                    @endif
                </div>
                <div class="mb-1">
                    <label class="form-label text-xs font-weight-bolder">Alasan</label>
                    <textarea class="form-control form-control-sm" id="reschedule-alasan" rows="2" placeholder="(opsional)"></textarea>
                </div>
            </div>
            <div class="modal-footer pt-0 border-0">
                <button type="button" class="btn btn-secondary btn-sm mb-0" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-warning btn-sm mb-0" id="btn-simpan-reschedule"
                    onclick="submitReschedule()">
                    <i class="fas fa-save me-1"></i> Save
                </button>
            </div>
        </div>
    </div>
</div>