@extends('backoffice.layout.master')
@section('setSectionTitle', __('Dettaglio Corso'))
@section('setSectionDescription', $course->name)

@section('setContent')
    <div class="container-fluid">
        <!-- Header con informazioni corso -->
        <div class="row mb-4">
            <div class="col">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-12 col-md-6">
                                <h4 class="mb-0">
                                    {{ $course->name }}
                                </h4>
                            </div>
                            <div class="col-12 col-md-6 text-md-end mt-3 mt-md-0">
                                <a href="{{ route('organization.courses') }}" class="btn btn-secondary">
                                    {{ __('Torna ai Corsi') }}
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-3 col-6 text-center mb-3">
                                <div class="p-3 rounded bg-primary bg-opacity-10 rounded">
                                    @php
                                        $totalModules = $sessions->sum(function($session) {
                                            return $session->refCoursesSessionModules->count();
                                        });
                                    @endphp
                                    <h2 class="text-primary mb-0">{{ $totalModules }}</h2>
                                    <small class="text-muted">{{ __('Moduli') }}</small>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 text-center mb-3">
                                <div class="p-3 rounded bg-primary bg-opacity-10 rounded">
                                    <h2 class="text-success mb-0">{{ $sessions->count() }}</h2>
                                    <small class="text-muted">{{ __('Sessioni') }}</small>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 text-center mb-3">
                                <div class="p-3 rounded bg-primary bg-opacity-10 rounded">
                                    <h2 class="text-info mb-0">{{ $courseTeachers->count() }}</h2>
                                    <small class="text-muted">{{ __('Docenti') }}</small>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 text-center mb-3">
                                <div class="p-3 rounded bg-primary bg-opacity-10 rounded">
                                    <h2 class="text-warning mb-0">{{ $subscribers->count() }}</h2>
                                    <small class="text-muted">{{ __('Iscritti') }}</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Tabs per le diverse sezioni -->
        <ul class="nav nav-tabs mb-3" id="courseTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="modules-tab" data-bs-toggle="tab" href="#modules" type="button" role="tab">
                    {{ __('Moduli') }}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="sessions-tab" data-bs-toggle="tab" href="#sessions" type="button" role="tab">
                    {{ __('Sessioni') }}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="teachers-tab" data-bs-toggle="tab" href="#teachers" type="button" role="tab">
                    {{ __('Docenti') }}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="files-tab" data-bs-toggle="tab" href="#files" type="button" role="tab">
                    {{ __('File') }}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="subscribers-tab" data-bs-toggle="tab" href="#subscribers" type="button" role="tab">
                    {{ __('Iscritti') }}
                </button>
            </li>
        </ul>

        <div class="tab-content" id="courseTabsContent">
            <!-- TAB MODULI -->
            <div class="tab-pane fade show active" id="modules" role="tabpanel" aria-labelledby="modules-tab">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-12">
                                <h5 class="mb-0">{{ __('Moduli del Corso (per Sessione)') }}</h5>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        @php
                            $hasModules = false;
                            foreach($sessions as $session) {
                                if($session->refCoursesSessionModules->count() > 0) {
                                    $hasModules = true;
                                    break;
                                }
                            }
                        @endphp

                        @if($hasModules)
                            @foreach($sessions as $session)
                                @if($session->refCoursesSessionModules->count() > 0)
                                    @php
                                        $sessionTotalHours = $session->refCoursesSessionModules->sum('total_hours');
                                    @endphp
                                    <h6 class="mt-4 mb-3">
                                        {{ __('Sessione del') }} {{ $session->start_date->format('d/m/Y') }}
                                        <span class="badge bg-{{ $session->status == 'SCHEDULED' ? 'info' : ($session->status == 'ONGOING' ? 'success' : 'secondary') }}">
                                            {{ $session->status == 'SCHEDULED' ? __('Programmata') : ($session->status == 'ONGOING' ? __('In corso') : __('Completata')) }}
                                        </span>
                                        <span class="text-warning ms-2">
                                            ({{ $sessionTotalHours }} / {{ $course->total_hours }} {{ __('ore') }})
                                        </span>
                                    </h6>
                                    <div class="accordion mb-4" id="modulesAccordion{{ $session->id }}">
                                        @foreach($session->refCoursesSessionModules->sortBy('position') as $index => $module)
                                            <div class="accordion-item">
                                                <h2 class="accordion-header" id="heading{{ $module->id }}">
                                                    <button class="accordion-button {{ $index > 0 ? 'collapsed' : '' }}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $module->id }}">
                                                        <span class="badge bg-primary me-2">{{ $module->position }}</span>
                                                        <strong>{{ $module->title }}</strong>
                                                        <span class="ms-auto me-3 text-muted small fw-bold">
                                                            {{ $module->total_hours }} {{ $module->total_hours === 1 ? __('ora') : __('ore') }}
                                                        </span>
                                                    </button>
                                                </h2>
                                                <div id="collapse{{ $module->id }}" class="accordion-collapse collapse {{ $index === 0 ? 'show' : '' }}" data-bs-parent="#modulesAccordion{{ $session->id }}">
                                                    <div class="accordion-body">
                                                        @if($module->content)
                                                            <div class="mb-3">
                                                                <strong>{{ __('Contenuto:') }}</strong>
                                                                <p class="mt-2">{{ $module->content }}</p>
                                                            </div>
                                                        @endif
                                                        <div class="text-end">
                                                            <button type="button" class="btn btn-sm btn-warning" onclick="editModule({{ $session->id }}, {{ $module->id }}, '{{ addslashes($module->title) }}', '{{ addslashes($module->content ?? '') }}', {{ $module->total_hours }}, {{ $module->position }})">
                                                                {{ __('Modifica') }}
                                                            </button>
                                                            <button type="button" class="btn btn-sm btn-danger" onclick="deleteModule({{ $session->id }}, {{ $module->id }}, '{{ addslashes($module->title) }}')">
                                                                {{ __('Elimina') }}
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                @endif
                            @endforeach
                        @else
                            <div class="text-center py-4">
                                <p class="text-muted">{{ __('Nessun modulo presente. Crea prima una sessione, poi aggiungi i moduli alla sessione.') }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- TAB SESSIONI -->
            <div class="tab-pane fade" id="sessions" role="tabpanel" aria-labelledby="sessions-tab">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-12 col-md-6">
                                <h5 class="mb-0">{{ __('Sessioni del Corso') }}</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 btn-sm" data-bs-toggle="modal" data-bs-target="#addSessionModal">
                                        {{ __('Aggiungi Sessione') }}
                                    </button>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        @if($sessions->count() > 0)
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>{{ __('Data Inizio') }}</th>
                                            <th>{{ __('Data Fine') }}</th>
                                            <th>{{ __('Stato') }}</th>
                                            <th>{{ __('Moduli') }}</th>
                                            <th>{{ __('Iscritti') }}</th>
                                            <th>{{ __('Azioni') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($sessions as $session)
                                            <tr>
                                                <td>{{ $session->start_date->format('d/m/Y') }}</td>
                                                <td>
                                                    @if($session->end_date)
                                                        {{ $session->end_date->format('d/m/Y') }}
                                                    @else
                                                        <span class="text-muted">{{ __('Non definita') }}</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @switch($session->status)
                                                        @case('SCHEDULED')
                                                            <span class="badge bg-info">{{ __('Programmata') }}</span>
                                                            @break
                                                        @case('ONGOING')
                                                            <span class="badge bg-success">{{ __('In corso') }}</span>
                                                            @break
                                                        @case('COMPLETED')
                                                            <span class="badge bg-secondary">{{ __('Completata') }}</span>
                                                            @break
                                                        @case('CANCELLED')
                                                            <span class="badge bg-danger">{{ __('Annullata') }}</span>
                                                            @break
                                                        @default
                                                            <span class="badge text-dark">{{ $session->status }}</span>
                                                    @endswitch
                                                </td>
                                                <td>
                                                    <span class="badge bg-secondary">{{ $session->refCoursesSessionModules->count() }}</span>
                                                    @if($allowsActions)
                                                        <button type="button" class="btn btn-sm btn-success ms-2" onclick="addModuleToSession({{ $session->id }}, {{ $session->refCoursesSessionModules->count() }})">
                                                            <i class="bi bi-plus"></i> {{ __('Aggiungi') }}
                                                        </button>
                                                    @endif
                                                </td>
                                                <td>
                                                    <span class="badge bg-primary">{{ $session->ref_courses_session_subscriptions_count }}</span>
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-sm btn-warning" onclick="editSession({{ $session->id }}, '{{ $session->start_date->format('Y-m-d') }}', '{{ $session->end_date ? $session->end_date->format('Y-m-d') : '' }}', '{{ $session->status }}')">
                                                        {{ __('Modifica') }}
                                                    </button>
                                                    <button type="button" class="btn btn-sm btn-danger" onclick="deleteSession({{ $session->id }})">
                                                        {{ __('Elimina') }}
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="text-center py-4">

                                <p class="text-muted">{{ __('Nessuna sessione presente. Aggiungi la prima sessione.') }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- TAB DOCENTI -->
            <div class="tab-pane fade" id="teachers" role="tabpanel" aria-labelledby="teachers-tab">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">{{ __('Docenti del Corso') }}</h5>
                    </div>
                    <div class="card-body">
                        @if($courseTeachers->count() > 0)
                            <div class="row">
                                @foreach($courseTeachers as $teacher)
                                    <div class="col-md-4 mb-3">
                                        <div class="card h-100">
                                            <div class="card-body">
                                                <h5 class="card-title">

                                                    {{ $teacher->first_name }} {{ $teacher->last_name }}
                                                </h5>
                                                @if($teacher->email)
                                                    <p class="card-text mb-1">

                                                        <a href="mailto:{{ $teacher->email }}">{{ $teacher->email }}</a>
                                                    </p>
                                                @endif
                                                @if($teacher->refJobCategory)
                                                    <p class="card-text">
                                                        {{ $teacher->refJobCategory->name }}
                                                    </p>
                                                @endif
                                                <div class="mt-3">
                                                    <button type="button" class="btn btn-sm btn-danger" onclick="removeTeacher({{ $teacher->id }}, '{{ addslashes($teacher->first_name) }} {{ addslashes($teacher->last_name ?? '') }}')">
                                                        {{ __('Rimuovi dal corso') }}
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <div class="text-center py-4">

                                <p class="text-muted">{{ __('Nessun docente assegnato a questo corso.') }}</p>
                            </div>
                        @endif

                        @if($availableTeachers->count() > 0)
                            <hr class="my-4">
                            <h6 class="mb-3">{{ __('Docenti Disponibili') }}</h6>
                            <form method="POST" action="{{ route('organization.courses.teachers.assign', $course->id) }}">
                                @csrf
                                <div class="row align-items-end">
                                    <div class="col-md-10">
                                        <select name="teacher_id" class="form-select" required>
                                            <option value="">{{ __('Seleziona un docente da assegnare...') }}</option>
                                            @foreach($availableTeachers as $teacher)
                                                <option value="{{ $teacher->id }}">
                                                    {{ $teacher->first_name }} {{ $teacher->last_name }}
                                                    @if($teacher->refJobCategory)
                                                        - {{ $teacher->refJobCategory->name }}
                                                    @endif
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <button type="submit" class="btn btn-success w-100">
                                            {{ __('Assegna') }}
                                        </button>
                                    </div>
                                </div>
                            </form>
                        @endif
                    </div>
                </div>
            </div>

            <!-- TAB FILE -->
            <div class="tab-pane fade" id="files" role="tabpanel" aria-labelledby="files-tab">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-12 col-md-6">
                                <h5 class="mb-0">{{ __('File del Corso') }}</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 btn-sm" data-bs-toggle="modal" data-bs-target="#uploadFileModal">
                                        {{ __('Carica File') }}
                                    </button>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        @if($files->count() > 0)
                            <div class="list-group">
                                @foreach($files as $file)
                                    <div class="list-group-item d-flex justify-content-between align-items-center">
                                        <div>

                                            <strong>{{ $file->name }}</strong>
                                            <br>
                                            <small class="text-muted">
                                                {{ $file->refFile->file_name }}
                                                ({{ number_format($file->refFile->file_size / 1024, 2) }} KB)
                                            </small>
                                        </div>
                                        <div>
                                            <a href="{{ route('organization.courses.files.download', [$course->id, $file->id]) }}" class="btn btn-sm btn-primary me-2">
                                                {{ __('Scarica') }}
                                            </a>
                                            <button type="button" class="btn btn-sm btn-danger" onclick="deleteFile({{ $file->id }}, '{{ addslashes($file->name) }}')">
                                                {{ __('Elimina') }}
                                            </button>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <div class="text-center py-4">

                                <p class="text-muted">{{ __('Nessun file presente. Carica il primo file.') }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- TAB ISCRITTI -->
            <div class="tab-pane fade" id="subscribers" role="tabpanel" aria-labelledby="subscribers-tab">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">{{ __('Candidati Iscritti') }}</h5>
                    </div>
                    <div class="card-body">
                        @if($subscribers->count() > 0)
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>{{ __('Nome Candidato') }}</th>
                                            <th>{{ __('Email') }}</th>
                                            <th>{{ __('Sessione') }}</th>
                                            <th>{{ __('Data Iscrizione') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($subscribers as $subscriber)
                                            <tr>
                                                <td>
                                                    <strong>{{ $subscriber->refCandidate->first_name }} {{ $subscriber->refCandidate->last_name }}</strong>
                                                </td>
                                                <td>{{ $subscriber->refCandidate->email ?? __('N/D') }}</td>
                                                <td>
                                                    @if($subscriber->refSessionCourse)
                                                        {{ $subscriber->refSessionCourse->start_date->format('d/m/Y') }}
                                                        @if($subscriber->refSessionCourse->end_date)
                                                            - {{ $subscriber->refSessionCourse->end_date->format('d/m/Y') }}
                                                        @endif
                                                    @else
                                                        <span class="text-muted">{{ __('Sessione non specificata') }}</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <small class="text-muted">{{ $subscriber->created_at }}</small>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="text-center py-4">

                                <p class="text-muted">{{ __('Nessun candidato iscritto al corso.') }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- MODALS -->

    <!-- Modal Aggiungi Modulo a Sessione -->
    <div class="modal fade" id="addModuleModal" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form method="POST" id="addModuleForm">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Aggiungi Modulo alla Sessione') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="mb-3">
                            <label class="form-label">{{ __('Titolo') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="title" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">{{ __('Contenuto') }}</label>
                            <textarea class="form-control" name="content" rows="4"></textarea>
                        </div>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">{{ __('Ore Totali') }} <span class="text-danger">*</span></label>
                                <input type="number" class="form-control" name="total_hours" min="1" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">{{ __('Posizione') }} <span class="text-danger">*</span></label>
                                <input type="number" class="form-control" name="position" min="1" value="1" required>
                            </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">
                            {{ __('Aggiungi') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Modal Modifica Modulo -->
    <div class="modal fade" id="editModuleModal" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form method="POST" id="editModuleForm">
                    @csrf
                    @method('PUT')
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Modifica Modulo') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="mb-3">
                            <label class="form-label">{{ __('Titolo') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="title" id="edit_module_title" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">{{ __('Contenuto') }}</label>
                            <textarea class="form-control" name="content" id="edit_module_content" rows="4"></textarea>
                        </div>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">{{ __('Ore Totali') }} <span class="text-danger">*</span></label>
                                <input type="number" class="form-control" name="total_hours" id="edit_module_hours" min="1" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">{{ __('Posizione') }} <span class="text-danger">*</span></label>
                                <input type="number" class="form-control" name="position" id="edit_module_position" min="1" required>
                            </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-warning">
                            {{ __('Aggiorna') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Modal Aggiungi Sessione -->
    <div class="modal fade" id="addSessionModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <form method="POST" action="{{ route('organization.courses.sessions.store', $course->id) }}">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Aggiungi Sessione') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="mb-3">
                            <label class="form-label">{{ __('Data Inizio') }} <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" name="start_date" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">{{ __('Data Fine') }}</label>
                            <input type="date" class="form-control" name="end_date">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">{{ __('Stato') }} <span class="text-danger">*</span></label>
                            <select class="form-select" name="status" required>
                                <option value="SCHEDULED">{{ __('Programmata') }}</option>
                                <option value="ONGOING">{{ __('In corso') }}</option>
                                <option value="COMPLETED">{{ __('Completata') }}</option>
                                <option value="CANCELLED">{{ __('Annullata') }}</option>
                            </select>
                        </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">
                            {{ __('Aggiungi') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Modal Modifica Sessione -->
    <div class="modal fade" id="editSessionModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <form method="POST" id="editSessionForm">
                    @csrf
                    @method('PUT')
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Modifica Sessione') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="mb-3">
                            <label class="form-label">{{ __('Data Inizio') }} <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" name="start_date" id="edit_session_start" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">{{ __('Data Fine') }}</label>
                            <input type="date" class="form-control" name="end_date" id="edit_session_end">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">{{ __('Stato') }} <span class="text-danger">*</span></label>
                            <select class="form-select" name="status" id="edit_session_status" required>
                                <option value="SCHEDULED">{{ __('Programmata') }}</option>
                                <option value="ONGOING">{{ __('In corso') }}</option>
                                <option value="COMPLETED">{{ __('Completata') }}</option>
                                <option value="CANCELLED">{{ __('Annullata') }}</option>
                            </select>
                        </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') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Modal Carica File -->
    <div class="modal fade" id="uploadFileModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <form method="POST" action="{{ route('organization.courses.files.upload', $course->id) }}" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Carica File') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="mb-3">
                            <label class="form-label">{{ __('Nome File') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="file_name" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">{{ __('File') }} <span class="text-danger">*</span></label>
                            <input type="file" class="form-control" name="course_file" accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.zip,.rar" required>
                            <small class="text-muted">{{ __('Formati accettati: PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX, TXT, ZIP, RAR (max 10MB)') }}</small>
                        </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">
                            {{ __('Carica') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Forms nascosti per eliminazioni -->
    <form id="deleteModuleForm" method="POST" style="display: none;">
        @csrf
        @method('DELETE')
    </form>
    <form id="deleteSessionForm" method="POST" style="display: none;">
        @csrf
        @method('DELETE')
    </form>
    <form id="deleteTeacherForm" method="POST" style="display: none;">
        @csrf
        @method('DELETE')
    </form>
    <form id="deleteFileForm" method="POST" style="display: none;">
        @csrf
        @method('DELETE')
    </form>

@endsection

@section('setBodyEnd')
<script>
// Moduli - gestione per sessione
function addModuleToSession(sessionId, currentModulesCount) {
    // Imposta la posizione di default come numero successivo
    document.querySelector('#addModuleForm input[name="position"]').value = currentModulesCount + 1;

    const form = document.getElementById('addModuleForm');
    form.action = '{{ route("organization.courses.modules.store", [$course->id, ":session_id"]) }}'
        .replace(':session_id', sessionId);

    new bootstrap.Modal(document.getElementById('addModuleModal')).show();
}

function editModule(sessionId, moduleId, title, content, hours, position) {
    document.getElementById('edit_module_title').value = title;
    document.getElementById('edit_module_content').value = content;
    document.getElementById('edit_module_hours').value = hours;
    document.getElementById('edit_module_position').value = position;
    const form = document.getElementById('editModuleForm');
    form.action = '{{ route("organization.courses.modules.update", [$course->id, ":session_id", ":module_id"]) }}'
        .replace(':session_id', sessionId)
        .replace(':module_id', moduleId);
    new bootstrap.Modal(document.getElementById('editModuleModal')).show();
}

function deleteModule(sessionId, moduleId, title) {
    Swal.fire({
        title: 'Conferma eliminazione',
        html: 'Sei sicuro di voler eliminare il modulo <strong>"' + title + '"</strong>?',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#fc0000',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Si, Elimina',
        cancelButtonText: 'Annulla'
    }).then((result) => {
        if (result.isConfirmed) {
            const form = document.getElementById('deleteModuleForm');
            form.action = '{{ route("organization.courses.modules.delete", [$course->id, ":session_id", ":module_id"]) }}'
                .replace(':session_id', sessionId)
                .replace(':module_id', moduleId);
            form.submit();
        }
    });
}

// Sessioni
function editSession(id, startDate, endDate, status) {
    document.getElementById('edit_session_start').value = startDate;
    document.getElementById('edit_session_end').value = endDate;
    document.getElementById('edit_session_status').value = status;
    const form = document.getElementById('editSessionForm');
    form.action = '{{ route("organization.courses.sessions.update", [$course->id, ":id"]) }}'.replace(':id', id);
    new bootstrap.Modal(document.getElementById('editSessionModal')).show();
}

function deleteSession(id) {
    Swal.fire({
        title: 'Conferma eliminazione',
        html: 'Sei sicuro di voler eliminare questa sessione?<br>Saranno eliminate anche tutte le iscrizioni.',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#fc0000',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Si, Elimina',
        cancelButtonText: 'Annulla'
    }).then((result) => {
        if (result.isConfirmed) {
            const form = document.getElementById('deleteSessionForm');
            form.action = '{{ route("organization.courses.sessions.delete", [$course->id, ":id"]) }}'.replace(':id', id);
            form.submit();
        }
    });
}

// Docenti
function removeTeacher(id, name) {
    Swal.fire({
        title: 'Conferma rimozione',
        html: 'Sei sicuro di voler rimuovere il docente <strong>"' + name + '"</strong> da questo corso?',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#fc0000',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Si, Rimuovi',
        cancelButtonText: 'Annulla'
    }).then((result) => {
        if (result.isConfirmed) {
            const form = document.getElementById('deleteTeacherForm');
            form.action = '{{ route("organization.courses.teachers.remove", [$course->id, ":id"]) }}'.replace(':id', id);
            form.submit();
        }
    });
}

// File
function deleteFile(id, name) {
    Swal.fire({
        title: 'Conferma eliminazione',
        html: 'Sei sicuro di voler eliminare il file <strong>"' + name + '"</strong>?',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#fc0000',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Si, Elimina',
        cancelButtonText: 'Annulla'
    }).then((result) => {
        if (result.isConfirmed) {
            const form = document.getElementById('deleteFileForm');
            form.action = '{{ route("organization.courses.files.delete", [$course->id, ":id"]) }}'.replace(':id', id);
            form.submit();
        }
    });
}
</script>

<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
        const urlParams = new URLSearchParams(window.location.search);
        const tab = urlParams.get('tab');
        if (tab) {
            const tabTrigger = document.querySelector(`[data-bs-toggle="tab"][href="#${tab}"]`);
            if (tabTrigger) {
                const tabInstance = new bootstrap.Tab(tabTrigger);
                tabInstance.show();
            }
        }
    });
</script>

@endsection