{{-- resources/views/components/admin/reminder-modal.blade.php --}}

<!-- Reminder Modal -->
<div class="modal fade zoomIn" id="reminderModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ __('admin/components.common.close') }}"></button>
            </div>
            <div class="modal-body p-5 text-center">
                <lord-icon src="https://cdn.lordicon.com/kbtmbyzy.json" 
                          trigger="loop" 
                          colors="primary:#121331,secondary:#f7b84b"
                          style="width:90px;height:90px">
                </lord-icon>
                <div class="mt-4 text-center">
                    <h4 class="fs-semibold">
                        {{ __('admin/components.registration_reminder_modal.title') }}
                    </h4>
                    <p class="text-muted fs-14 mb-3 pt-1">
                        {{ __('admin/components.registration_reminder_modal.message') }}
                        <strong id="reminder-user-name" class="text-info"></strong> 
                        {{ __('admin/components.registration_reminder_modal.pending_message') }}
                    </p>
                    
                    <!-- Détails de l'inscription -->
                    <div class="alert alert-warning text-start mb-4">
                        
                        <div class="mb-2">
                            <strong>{{ __('admin/components.registration_reminder_modal.training') }}</strong> <span id="reminder-formation-name"></span>
                        </div>
                        <div class="mb-2">
                            <strong>{{ __('admin/components.registration_reminder_modal.session') }}</strong> <span id="reminder-session-name"></span>
                        </div>
                    </div>

                    <!-- Historique simple (caché par défaut) -->
                    <div class="mb-3" id="reminders-section" style="display: none;">
                        <label class="form-label">
                            {{ __('admin/components.registration_reminder_modal.previous_reminders') }}
                            <span class="badge bg-primary" id="reminders-count">0</span>
                        </label>
                        <div id="reminders-list" class="border rounded p-2 small">
                            {{ __('admin/components.registration_reminder_modal.loading') }}
                        </div>
                    </div>                   
                    
                    <div class="hstack gap-2 justify-content-center">
                        <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.registration_reminder_modal.cancel') }}
                        </button>

                        <form id="reminder-form-" method="POST" class="d-inline">
                            @csrf
                            <button type="button" class="btn btn-warning" id="confirm-reminder-btn">
                                <span class="btn-text">
                                    <i class="ri-mail-send-line me-1 align-middle"></i> {{ __('admin/components.registration_reminder_modal.send') }}
                                </span>
                                <span class="btn-loading d-none">
                                    <span class="spinner-border spinner-border-sm me-2"></span>{{ __('admin/components.registration_reminder_modal.sending') }}
                                </span>
                            </button>
                        </form>                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>