@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>{{ __('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->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>
                                                    <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' }}')">
                                                        {{ __('Modifica') }}
                                                    </button>
                                                    <button type="button"
                                                            class="btn btn-sm btn-danger"
                                                            title="{{ __('Elimina') }}"
                                                            onclick="confirmDelete({{ $course->id }}, '{{ addslashes($course->name) }}')">
                                                        {{ __('Elimina') }}
                                                    </button>
                                                </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">
                        <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="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" 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="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 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_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) {
    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;

    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 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 sessioni, 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