@extends('backoffice.layout.master')
@section('setSectionTitle', __('Corsi di Formazione'))
@section('setSectionDescription', __('Gestisci i corsi di formazione della tua organizzazione'))

@section('setContent')
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-12 col-md-6">
                                <h5 class="mb-0">{{ __('I tuoi corsi di formazione') }}</h5>
                            </div>
                            <div class="col-12 col-md-6 text-md-end mt-3 mt-md-0">
                                @if($allowsActions)
                                    <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#createCourseModal">
                                        {{ __('Nuovo Corso') }}
                                    </button>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="card-body">

                        @if(!$allowsActions)
                            <div class="alert alert-danger text-center mt-2 mb-0" role="alert">
                                {{ __('Per poter gestire i corsi di formazione, completa prima le informazioni obbligatorie.') }}
                                <a href="{{ route('backoffice.dashboard') }}" class="alert-link">
                                    {{ __('Correggi gli errori ora') }}
                                </a>.
                            </div>
                        @endif

                        @if($courses->count() > 0)
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>{{ __('Nome Corso') }}</th>
                                            <th>{{ __('Stato') }}</th>
                                            <th>{{ __('Iscritti') }}</th>
                                            <th>{{ __('Data Creazione') }}</th>
                                            <th>{{ __('Azioni') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($courses as $course)
                                            <tr>
                                                <td>
                                                    <strong>{{ $course->name }}</strong>
                                                </td>
                                                <td>
                                                    @if($course->status === 'DRAFT')
                                                        <span class="badge bg-secondary">{{ __('Bozza') }}</span>
                                                    @elseif($course->status === 'PENDING')
                                                        <span class="badge bg-warning text-dark">{{ __('In attesa di approvazione') }}</span>
                                                    @elseif($course->status === 'APPROVED')
                                                        <span class="badge bg-success">{{ __('Approvato') }}</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($course->ref_courses_session_subscriptions_count > 0)
                                                        <span class="badge bg-success">
                                                            {{ $course->ref_courses_session_subscriptions_count }}
                                                            {{ $course->ref_courses_session_subscriptions_count === 1 ? __('iscritto') : __('iscritti') }}
                                                        </span>
                                                    @else
                                                        <span class="text-muted">{{ __('Nessun iscritto') }}</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <small class="text-muted">
                                                        {{ $course->created_at->format('d/m/Y') }}
                                                    </small>
                                                </td>
                                                <td>
                                                    <a href="{{ route('organization.courses.detail', $course->id) }}"
                                                       class="btn btn-sm btn-primary me-2"
                                                       title="{{ __('Visualizza') }}">
                                                        {{ __('Dettaglio') }}
                                                    </a>

                                                    @if($course->status === 'DRAFT')
                                                        <button type="button"
                                                                class="btn btn-sm btn-warning me-2"
                                                                title="{{ __('Modifica') }}"
                                                                onclick="openEditModal({{ $course->id }}, '{{ addslashes($course->name) }}', {{ $course->price ?? 'null' }}, '{{ addslashes($course->description ?? '') }}', {{ $course->total_hours ?? 1 }}, '{{ $course->type ?? 'STANDARD' }}', {{ $course->organization_site_id ?? 'null' }})">
                                                            {{ __('Modifica') }}
                                                        </button>
                                                        <button type="button"
                                                                class="btn btn-sm btn-danger me-2"
                                                                title="{{ __('Elimina') }}"
                                                                onclick="confirmDelete({{ $course->id }}, '{{ addslashes($course->name) }}')">
                                                            {{ __('Elimina') }}
                                                        </button>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="text-center py-5">
                                <h5 class="text-muted">{{ __('Nessun corso di formazione trovato') }}</h5>
                                <p class="text-muted">{{ __('Inizia creando il tuo primo corso.') }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Creazione Corso -->
    <div class="modal fade" id="createCourseModal" tabindex="-1" aria-labelledby="createCourseModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form method="POST" action="{{ route('organization.courses.store') }}">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="createCourseModalLabel">{{ __('Nuovo Corso') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <!-- Template Selection -->
                        @if($templates->count() > 0)
                            <div class="mb-4">
                                <label class="form-label">{{ __('Metodo di Creazione') }}</label>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="creation_method" id="method_template" value="template" onchange="toggleCreationMethod('template')">
                                    <label class="form-check-label" for="method_template">
                                        {{ __('Usa un Template') }}
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="creation_method" id="method_manual" value="manual" checked onchange="toggleCreationMethod('manual')">
                                    <label class="form-check-label" for="method_manual">
                                        {{ __('Crea Manualmente') }}
                                    </label>
                                </div>
                            </div>

                            <div id="template_selection" style="display:none;" class="mb-3">
                                <label for="template_id" class="form-label">{{ __('Seleziona Template') }}</label>
                                <select class="form-select" id="template_id" name="template_id" onchange="previewTemplate(this.value)">
                                    <option value="">{{ __('Seleziona un template...') }}</option>
                                    @foreach($templates as $tpl)
                                        <option value="{{ $tpl->id }}"
                                                data-desc="{{ $tpl->description }}"
                                                data-hours="{{ $tpl->total_hours }}"
                                                data-sessions="{{ $tpl->refSessions->count() }}"
                                                data-modules="{{ $tpl->refSessions->sum(fn($s) => $s->refModules->count()) }}">
                                            {{ $tpl->name }} ({{ $tpl->refSessions->count() }} edizioni, {{ $tpl->total_hours }}h)
                                        </option>
                                    @endforeach
                                </select>
                                <div id="template_preview" class="mt-2 p-2 rounded" style="display:none;">
                                    <small class="text-muted d-block" id="preview_content"></small>
                                </div>
                            </div>

                            <div id="start_date_field" style="display:none;" class="mb-3">
                                <label for="start_date" class="form-label">{{ __('Data Inizio Prima Edizione') }}</label>
                                <input type="date" class="form-control" id="start_date" name="start_date">
                                <small class="text-muted">{{ __('Le date delle edizioni successive verranno calcolate automaticamente') }}</small>
                            </div>
                        @endif

                        <div class="mb-3">
                            <label for="course_name" class="form-label">{{ __('Nome Corso') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="course_name" name="name" required>
                        </div>
                        <div class="mb-3">
                            <label for="organization_site_id" class="form-label">{{ __('Sede') }} <span class="text-danger">*</span></label>
                            <select class="form-select" id="organization_site_id" name="organization_site_id" required>
                                <option value="">{{ __('Seleziona una sede...') }}</option>
                                @foreach($sites as $site)
                                    <option value="{{ $site->id }}">{{ $site->alias }}</option>
                                @endforeach
                            </select>
                            <small class="text-muted">{{ __('La sede dove si terrà il corso') }}</small>
                        </div>

                        <div id="manual_fields">
                            <div class="mb-3">
                                <label for="course_description" class="form-label">{{ __('Descrizione/Introduzione') }}</label>
                                <textarea class="form-control" id="course_description" name="description" rows="3"></textarea>
                            </div>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="course_price" class="form-label">{{ __('Prezzo (€)') }}</label>
                                    <input type="number" class="form-control" id="course_price" name="price" step="1" min="1">
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label for="course_total_hours" class="form-label">{{ __('Ore Totali') }} <span class="text-danger">*</span></label>
                                    <input type="number" class="form-control" id="course_total_hours" name="total_hours" min="1">
                                    <small class="text-muted">{{ __('Devono combaciare con il totale delle ore dei moduli') }}</small>
                                </div>
                            </div>
                            <div class="mb-3">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" id="course_type_free" onchange="toggleCourseType(this, 'create')">
                                    <label class="form-check-label" for="course_type_free">
                                        {{ __('Corso pre-partenza (Art. 23 TU) - Gratuito') }}
                                    </label>
                                </div>
                                <input type="hidden" name="type" id="course_type" value="STANDARD">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Annulla') }}</button>
                        <button type="submit" class="btn btn-success">
                            {{ __('Crea Corso') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Modal Modifica Corso -->
    <div class="modal fade" id="editCourseModal" tabindex="-1" aria-labelledby="editCourseModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form method="POST" id="editCourseForm">
                    @csrf
                    @method('PUT')
                    <div class="modal-header">
                        <h5 class="modal-title" id="editCourseModalLabel">{{ __('Modifica Corso') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="mb-3">
                            <label for="edit_course_name" class="form-label">{{ __('Nome Corso') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="edit_course_name" name="name" required>
                        </div>
                        <div class="mb-3">
                            <label for="edit_organization_site_id" class="form-label">{{ __('Sede') }} <span class="text-danger">*</span></label>
                            <select class="form-select" id="edit_organization_site_id" name="organization_site_id" required>
                                <option value="">{{ __('Seleziona una sede...') }}</option>
                                @foreach($sites as $site)
                                    <option value="{{ $site->id }}">{{ $site->alias }}</option>
                                @endforeach
                            </select>
                            <small class="text-muted">{{ __('La sede dove si terrà il corso') }}</small>
                        </div>
                        <div class="mb-3">
                            <label for="edit_course_description" class="form-label">{{ __('Descrizione/Introduzione') }}</label>
                            <textarea class="form-control" id="edit_course_description" name="description" rows="3"></textarea>
                        </div>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="edit_course_price" class="form-label">{{ __('Prezzo (€)') }}</label>
                                <input type="number" class="form-control" id="edit_course_price" name="price" step="1" min="1">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="edit_course_total_hours" class="form-label">{{ __('Ore Totali') }} <span class="text-danger">*</span></label>
                                <input type="number" class="form-control" id="edit_course_total_hours" name="total_hours" min="1" required>
                                <small class="text-muted">{{ __('Devono combaciare con il totale delle ore dei moduli') }}</small>
                            </div>
                        </div>
                        <div class="mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="edit_course_type_free" onchange="toggleCourseType(this, 'edit')">
                                <label class="form-check-label" for="edit_course_type_free">
                                    {{ __('Corso pre-partenza (Art. 23 TU) - Gratuito') }}
                                </label>
                            </div>
                            <input type="hidden" name="type" id="edit_course_type" value="STANDARD">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Annulla') }}</button>
                        <button type="submit" class="btn btn-warning">
                            {{ __('Aggiorna Corso') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Form nascosto per l'eliminazione -->
    <form id="deleteForm" method="POST" style="display: none;">
        @csrf
        @method('DELETE')
    </form>

@endsection

@section('setBodyEnd')
<script>
function openEditModal(courseId, courseName, coursePrice, courseDescription, courseTotalHours, courseType, organizationSiteId) {
    document.getElementById('edit_course_name').value = courseName;
    document.getElementById('edit_course_price').value = coursePrice || '';
    document.getElementById('edit_course_description').value = courseDescription || '';
    document.getElementById('edit_course_total_hours').value = courseTotalHours || 1;
    document.getElementById('edit_organization_site_id').value = organizationSiteId || '';

    const isFree = courseType === 'FREE';
    document.getElementById('edit_course_type_free').checked = isFree;
    document.getElementById('edit_course_type').value = courseType || 'STANDARD';

    // Disabilita il campo prezzo se è un corso gratuito
    document.getElementById('edit_course_price').disabled = isFree;
    if (isFree) {
        document.getElementById('edit_course_price').value = '';
    }

    const form = document.getElementById('editCourseForm');
    form.action = '{{ route("organization.courses.update", ":id") }}'.replace(':id', courseId);
    new bootstrap.Modal(document.getElementById('editCourseModal')).show();
}

function toggleCourseType(checkbox, mode) {
    const prefix = mode === 'edit' ? 'edit_' : '';
    const typeInput = document.getElementById(prefix + 'course_type');
    const priceInput = document.getElementById(prefix + 'course_price');

    if (checkbox.checked) {
        typeInput.value = 'FREE';
        priceInput.value = '';
        priceInput.disabled = true;
    } else {
        typeInput.value = 'STANDARD';
        priceInput.disabled = false;
    }
}

function toggleCreationMethod(method) {
    const templateSection = document.getElementById('template_selection');
    const startDateField = document.getElementById('start_date_field');
    const manualFields = document.getElementById('manual_fields');
    const templateSelect = document.getElementById('template_id');
    const totalHoursInput = document.getElementById('course_total_hours');

    if (method === 'template') {
        templateSection.style.display = 'block';
        manualFields.style.display = 'none';
        totalHoursInput.removeAttribute('required');
    } else {
        templateSection.style.display = 'none';
        startDateField.style.display = 'none';
        manualFields.style.display = 'block';
        templateSelect.value = '';
        totalHoursInput.setAttribute('required', 'required');
        document.getElementById('template_preview').style.display = 'none';
    }
}

function previewTemplate(templateId) {
    const preview = document.getElementById('template_preview');
    const previewContent = document.getElementById('preview_content');
    const startDateField = document.getElementById('start_date_field');

    if (!templateId) {
        preview.style.display = 'none';
        startDateField.style.display = 'none';
        return;
    }

    const option = document.querySelector(`#template_id option[value="${templateId}"]`);
    if (option) {
        const desc = option.dataset.desc || 'Nessuna descrizione';
        const hours = option.dataset.hours;
        const sessions = option.dataset.sessions;
        const modules = option.dataset.modules;

        previewContent.innerHTML = `
            <strong>Descrizione:</strong> ${desc}<br>
            <strong>Ore Totali:</strong> ${hours}h<br>
            <strong>Edizioni:</strong> ${sessions}<br>
            <strong>Moduli Totali:</strong> ${modules}
        `;
        preview.style.display = 'block';
        startDateField.style.display = 'block';
    }
}

function confirmDelete(courseId, courseName) {
    Swal.fire({
        title: 'Conferma eliminazione',
        html: 'Sei sicuro di voler eliminare il corso <strong>"' + courseName + '"</strong>?<br><br>Questa azione eliminerà anche tutti i moduli, le edizioni, i file e le iscrizioni associate.<br><br>Questa azione non può essere annullata.',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#fc0000',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Si, Elimina',
        cancelButtonText: 'No, Annulla',
        reverseButtons: true,
        focusCancel: true
    }).then((result) => {
        if (result.isConfirmed) {
            const form = document.getElementById('deleteForm');
            form.action = '{{ route("organization.courses.delete", ":id") }}'.replace(':id', courseId);
            form.submit();
        }
    });
}
</script>
@endsection