{{-- resources/views/components/admin/update-cheques-modal.blade.php --}}
@php
    $modalChequeYear = (int) now()->year;
    $modalChequePrefix = 'CFO-F-' . $modalChequeYear . '-';
@endphp

<!-- Update Cheques Modal -->
<div class="modal fade zoomIn" id="updateChequesModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="ri-edit-box-line me-2"></i>{{ __('admin/components.update_cheques_modal.title') }}
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ __('admin/components.common.close') }}"></button>
            </div>
            <div class="modal-body p-4">
                <div class="text-center mb-4">
                    <lord-icon src="https://cdn.lordicon.com/nocovwne.json"
                              trigger="loop"
                              colors="primary:#405189,secondary:#0ab39c"
                              style="width:80px;height:80px">
                    </lord-icon>
                </div>

                <div class="alert alert-primary mb-4">
                    <div class="d-flex align-items-center">
                        <div class="avatar-sm me-3">
                            <span class="avatar-title rounded-circle bg-white text-primary">
                                <i class="ri-user-line"></i>
                            </span>
                        </div>
                        <div>
                            <h6 class="mb-1" id="participant-name"></h6>
                            <span class="text-muted">
                                {{ __('admin/components.update_cheques_modal.training') }} <span id="formation-name" class="fw-bold"></span>
                            </span>
                        </div>
                    </div>
                </div>

                <form id="update-cheques-form" method="POST" action="{{ route('admin.registrations.updatecheques') }}">
                    @csrf
                    @method('PATCH')

                    <input type="hidden" id="cheques-registration-id" name="id" value="">

                    <div class="mb-3">
                        <label class="form-label" for="cheques-reference">{{ __('admin/components.update_cheques_modal.cheque_reference') }} <span class="text-danger">*</span></label>
                        <input type="text" class="form-control"
                            id="cheques-reference" name="cheque_reference"
                            placeholder="7542"
                            data-modal-cheque-default="{{ $modalChequePrefix }}"
                            autocomplete="off" required>
                        <div class="form-text">{{ __('admin/components.update_cheques_modal.cheque_reference_help', ['year' => $modalChequeYear]) }}</div>
                        <div class="invalid-feedback"></div>
                    </div>

                    <div class="hstack gap-2 justify-content-center">
                        <button type="button" class="btn btn-link link-success fw-medium text-decoration-none" data-bs-dismiss="modal">
                            <i class="ri-close-line me-1 align-middle"></i> {{ __('admin/components.update_cheques_modal.cancel') }}
                        </button>
                        <button type="submit" class="btn btn-soft-primary" id="update-cheques-btn">
                            <span class="btn-text">
                                <i class="ri-save-line me-1 align-middle"></i> {{ __('admin/components.update_cheques_modal.save') }}
                            </span>
                            <span class="btn-loading d-none">
                                <span class="spinner-border spinner-border-sm me-2"></span>{{ __('admin/components.update_cheques_modal.saving') }}
                            </span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>