@extends('backoffice.layout.master')
@section('setSectionTitle', __('Dettaglio Corsista'))
@section('setSectionDescription', $candidate->first_name . ' ' . $candidate->last_name)

@section('setContent')
    <div class="container-fluid">
        <!-- Header -->
        <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">
                                    {{ $candidate->first_name }} {{ $candidate->last_name }}
                                </h4>
                            </div>
                            <div class="col-12 col-md-6 text-md-end mt-3 mt-md-0">
                                <a href="{{ route('organization.candidates') }}" class="btn btn-secondary">
                                    {{ __('Torna ai Corsisti') }}
                                </a>
                                @if($enrollments->count() > 0)
                                <a href="{{ route('organization.messages.detail', ['candidate_id' => $candidate->id]) }}"
                                   class="btn btn-success">
                                    <i class="bi bi-chat-dots"></i> {{ __('Invia Messaggio') }}
                                </a>
                                @endif
                            </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">
                                    <h2 class="text-primary mb-0">{{ $enrollments->count() }}</h2>
                                    <small class="text-muted">{{ __('Iscrizioni a corsi') }}</small>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 text-center mb-3">
                                <div class="p-3 rounded bg-success bg-opacity-10">
                                    <h2 class="text-success mb-0">{{ $jobApplications->count() }}</h2>
                                    <small class="text-muted">{{ __('Candidature') }}</small>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 text-center mb-3">
                                <div class="p-3 rounded bg-info bg-opacity-10">
                                    <h2 class="text-info mb-0">{{ $candidate->created_at->format('d/m/Y') }}</h2>
                                    <small class="text-muted">{{ __('Data Iscrizione') }}</small>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 text-center mb-3">
                                <div class="p-3 rounded bg-primary bg-opacity-10">
                                    <h2 class="text-warning mb-0">
                                        <i class="bi bi-{{ $candidate->refUser->is_active ? 'check-circle' : 'x-circle' }}"></i>
                                    </h2>
                                    <small class="text-muted">{{ $candidate->refUser->is_active ? __('Account Attivo') : __('Account Sospeso') }}</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Tabs -->
        <ul class="nav nav-tabs mb-3" id="candidateTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="info-tab" data-bs-toggle="tab" href="#info" type="button" role="tab">
                    {{ __('Informazioni') }}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="courses-tab" data-bs-toggle="tab" href="#courses" type="button" role="tab">
                    {{ __('Iscrizioni a corsi') }}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="jobs-tab" data-bs-toggle="tab" href="#jobs" type="button" role="tab">
                    {{ __('Candidature Lavoro') }}
                </button>
            </li>
        </ul>

        <div class="tab-content" id="candidateTabsContent">
            <!-- TAB INFORMAZIONI -->
            <div class="tab-pane fade show active" id="info" role="tabpanel" aria-labelledby="info-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">{{ __('Informazioni Personali') }}</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-warning btn-sm" data-bs-toggle="modal" data-bs-target="#editCandidateModal">
                                        {{ __('Modifica') }}
                                    </button>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <h6 class="text-muted mb-3">{{ __('Account') }}</h6>
                                <table class="table table-borderless">
                                    <tr>
                                        <th style="width: 40%">{{ __('Email') }}:</th>
                                        <td>{{ $candidate->refUser->email ?? '-' }}</td>
                                    </tr>
                                    <tr>
                                        <th>{{ __('Stato') }}:</th>
                                        <td>
                                            <span class="badge bg-{{ $candidate->refUser->is_active ? 'success' : 'danger' }}">
                                                {{ $candidate->refUser->is_active ? __('Attivo') : __('Non attivo') }}
                                            </span>
                                        </td>
                                    </tr>
                                </table>

                                <h6 class="text-muted mb-3 mt-4">{{ __('Dati Anagrafici') }}</h6>
                                <table class="table table-borderless">
                                    <tr>
                                        <th style="width: 40%">{{ __('Nome') }}:</th>
                                        <td>{{ $candidate->first_name }}</td>
                                    </tr>
                                    <tr>
                                        <th>{{ __('Cognome') }}:</th>
                                        <td>{{ $candidate->last_name }}</td>
                                    </tr>
                                    <tr>
                                        <th>{{ __('Codice Fiscale') }}:</th>
                                        <td>{{ $candidate->fiscal_code ?? '-' }}</td>
                                    </tr>
                                    <tr>
                                        <th>{{ __('Data di Nascita') }}:</th>
                                        <td>{{ $candidate->birth_date->format('d/m/Y') ? $candidate->birth_date->format('d/m/Y') : '-' }}</td>
                                    </tr>
                                    <tr>
                                        <th>{{ __('Luogo di Nascita') }}:</th>
                                        <td>
                                            {{ $candidate->birth_city ?? '-' }}
                                            @if($candidate->refLocationCountry)
                                                ({{ $candidate->refLocationCountry->name }})
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>{{ __('Cittadinanza') }}:</th>
                                        <td>{{ $candidate->refLocationNationality->name ?? '-' }}</td>
                                    </tr>
                                    <tr>
                                        <th>{{ __('Telefono') }}:</th>
                                        <td>{{ $candidate->phone ?? '-' }}</td>
                                    </tr>
                                </table>
                            </div>

                            <div class="col-md-6">
                                <h6 class="text-muted mb-3">{{ __('Indirizzo di Residenza') }}</h6>
                                @if($candidate->refAddress)
                                    <table class="table table-borderless">
                                        <tr>
                                            <th style="width: 40%">{{ __('Via') }}:</th>
                                            <td>{{ $candidate->refAddress->street ?? '-' }}</td>
                                        </tr>
                                        <tr>
                                            <th>{{ __('Città') }}:</th>
                                            <td>{{ $candidate->refAddress->city ?? '-' }}</td>
                                        </tr>
                                        <tr>
                                            <th>{{ __('Provincia') }}:</th>
                                            <td>{{ $candidate->refAddress->province ?? '-' }}</td>
                                        </tr>
                                        <tr>
                                            <th>{{ __('Regione') }}:</th>
                                            <td>{{ $candidate->refAddress->region ?? '-' }}</td>
                                        </tr>
                                        <tr>
                                            <th>{{ __('CAP') }}:</th>
                                            <td>{{ $candidate->refAddress->postal_code ?? '-' }}</td>
                                        </tr>
                                        <tr>
                                            <th>{{ __('Paese') }}:</th>
                                            <td>{{ $candidate->refAddress->refLocationCountry->name ?? '-' }}</td>
                                        </tr>
                                    </table>
                                @else
                                    <p class="text-muted">{{ __('Nessun indirizzo registrato') }}</p>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- TAB Iscrizioni a corsi -->
            <div class="tab-pane fade" id="courses" role="tabpanel" aria-labelledby="courses-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">{{ __('Iscrizioni a corsi') }}</h5>
                            </div>
                            <div class="col-12 col-md-6 text-md-end mt-3 mt-md-0">
                                @if($allowsActions && $availableCourses->count() > 0)
                                    <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#enrollModal">
                                        {{ __('Iscrivi al Corso') }}
                                    </button>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        @if($enrollments->count() > 0)
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>{{ __('Corso') }}</th>
                                            <th>{{ __('Sessione') }}</th>
                                            <th>{{ __('Stato') }}</th>
                                            <th>{{ __('Moduli completati') }}</th>
                                            <th>{{ __('Azioni') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($enrollments as $enrollment)
                                            <tr>
                                                <td>
                                                    <strong>{{ $enrollment->refSessionCourse->refCourse->name }}</strong>
                                                </td>
                                                <td>
                                                    {{ $enrollment->refSessionCourse->start_date->format('d/m/Y') }}
                                                    @if($enrollment->refSessionCourse->end_date)
                                                        - {{ $enrollment->refSessionCourse->end_date->format('d/m/Y') }}
                                                    @endif
                                                </td>
                                                <td>
                                                    @php
                                                        $statusColors = [
                                                            'SCHEDULED' => 'primary',
                                                            'ONGOING' => 'success',
                                                            'COMPLETED' => 'secondary',
                                                            'CANCELLED' => 'danger'
                                                        ];
                                                        $statusLabels = [
                                                            'SCHEDULED' => __('Programmata'),
                                                            'ONGOING' => __('In corso'),
                                                            'COMPLETED' => __('Completata'),
                                                            'CANCELLED' => __('Annullata')
                                                        ];
                                                    @endphp
                                                    <span class="badge bg-{{ $statusColors[$enrollment->refSessionCourse->status] ?? 'secondary' }}">
                                                        {{ $statusLabels[$enrollment->refSessionCourse->status] ?? $enrollment->refSessionCourse->status }}
                                                    </span>
                                                </td>
                                                <td>
                                                    <small class="text-muted">{{ $enrollment->completed_modules_count }} / {{ $enrollment->total_modules_count }}</small>
                                                </td>
                                                <td>
                                                    @if($allowsActions)
                                                        <button type="button"
                                                                class="btn btn-sm btn-primary me-1"
                                                                data-bs-toggle="modal"
                                                                data-bs-target="#modulesModal{{ $enrollment->id }}">
                                                            {{ __('Moduli') }}
                                                        </button>
                                                        <button type="button"
                                                                class="btn btn-sm btn-danger"
                                                                onclick="confirmUnenroll({{ $enrollment->id }}, '{{ addslashes($enrollment->refSessionCourse->refCourse->name) }}')">
                                                            {{ __('Disiscrivi') }}
                                                        </button>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="text-center py-4">

                                <p class="text-muted">{{ __('Il corsista non è iscritto a nessun corso.') }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- TAB CANDIDATURE LAVORO -->
            <div class="tab-pane fade" id="jobs" role="tabpanel" aria-labelledby="jobs-tab">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">{{ __('Candidature a Offerte di Lavoro') }}</h5>
                    </div>
                    <div class="card-body">
                        @if($jobApplications->count() > 0)
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>{{ __('Posizione') }}</th>
                                            <th>{{ __('Azienda') }}</th>
                                            <th>{{ __('Categoria') }}</th>
                                            <th>{{ __('Sede') }}</th>
                                            <th>{{ __('Data Candidatura') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($jobApplications as $application)
                                            <tr>
                                                <td>
                                                    <strong>{{ $application->refJob->position }}</strong>
                                                </td>
                                                <td>{{ $application->refJob->refOrganization->name }}</td>
                                                <td>
                                                    @if($application->refJob->refJobsCategory)
                                                        <span class="badge bg-info">{{ $application->refJob->refJobsCategory->name }}</span>
                                                    @else
                                                        <span class="text-muted">-</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($application->refJob->refOrganizationsSite)
                                                        {{ $application->refJob->refOrganizationsSite->refAddress->city ?? '-' }}
                                                    @else
                                                        <span class="text-muted">-</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <small class="text-muted">{{ $application->created_at }}</small>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="text-center py-4">

                                <p class="text-muted">{{ __('Nessuna candidatura effettuata.') }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Modifica Corsista -->
    <div class="modal fade" id="editCandidateModal" tabindex="-1">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <form method="POST" action="{{ route('organization.candidates.update', $candidate->id) }}">
                    @csrf
                    @method('PUT')
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Modifica Corsista') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <!-- Personal Information -->
                        <h6 class="mb-3">{{ __('Informazioni Personali') }}</h6>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">{{ __('Nome') }} <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" name="first_name" value="{{ $candidate->first_name }}" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">{{ __('Cognome') }} <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" name="last_name" value="{{ $candidate->last_name }}" required>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">{{ __('Codice Fiscale') }}</label>
                                <input type="text" class="form-control" name="fiscal_code" value="{{ $candidate->fiscal_code }}" maxlength="16">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">{{ __('Data di Nascita') }}</label>
                                <input type="date" class="form-control" name="birth_date" value="{{ $candidate->birth_date->format('Y-m-d') }}">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <label class="form-label">{{ __('Paese di Nascita') }}</label>
                                <select class="form-select" name="birth_country_id">
                                    <option value="">{{ __('Seleziona...') }}</option>
                                    @foreach($countries as $country)
                                        <option value="{{ $country->id }}" {{ $candidate->birth_country_id == $country->id ? 'selected' : '' }}>
                                            {{ $country->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">{{ __('Città di Nascita') }}</label>
                                <input type="text" class="form-control" name="birth_city" value="{{ $candidate->birth_city }}">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">{{ __('Cittadinanza') }}</label>
                                <select class="form-select" name="citizenship_id">
                                    <option value="">{{ __('Seleziona...') }}</option>
                                    @foreach($nationalities as $nationality)
                                        <option value="{{ $nationality->id }}" {{ $candidate->citizenship_id == $nationality->id ? 'selected' : '' }}>
                                            {{ $nationality->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('Telefono') }}</label>
                            <input type="tel" class="form-control" name="phone" value="{{ $candidate->phone }}">
                        </div>

                        <hr>

                        <!-- Address Information -->
                        <h6 class="mb-3">{{ __('Indirizzo di Residenza') }}</h6>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">{{ __('Paese') }}</label>
                                <select class="form-select" name="address_country_id">
                                    <option value="">{{ __('Seleziona...') }}</option>
                                    @foreach($countries as $country)
                                        <option value="{{ $country->id }}" {{ $candidate->refAddress && $candidate->refAddress->country_id == $country->id ? 'selected' : '' }}>
                                            {{ $country->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">{{ __('Regione') }}</label>
                                <input type="text" class="form-control" name="address_region" value="{{ $candidate->refAddress->region ?? '' }}">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <label class="form-label">{{ __('Provincia') }}</label>
                                <input type="text" class="form-control" name="address_province" value="{{ $candidate->refAddress->province ?? '' }}">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">{{ __('Città') }}</label>
                                <input type="text" class="form-control" name="address_city" value="{{ $candidate->refAddress->city ?? '' }}">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">{{ __('CAP') }}</label>
                                <input type="text" class="form-control" name="address_postal_code" value="{{ $candidate->refAddress->postal_code ?? '' }}">
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('Via e Numero Civico') }}</label>
                            <input type="text" class="form-control" name="address_street" value="{{ $candidate->refAddress->street ?? '' }}">
                        </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 Iscrizione a Corso -->
    <div class="modal fade" id="enrollModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <form method="POST" action="{{ route('organization.candidates.enroll', $candidate->id) }}">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Iscrivi al Corso') }}</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">{{ __('Seleziona Corso e Sessione') }} <span class="text-danger">*</span></label>
                            <select class="form-select" name="session_id" required>
                                <option value="">{{ __('Seleziona...') }}</option>
                                @foreach($availableCourses as $course)
                                    <optgroup label="{{ $course->name }}">
                                        @foreach($course->refCoursesSessions as $session)
                                            @if(!in_array($session->status, ['COMPLETED', 'CANCELLED']))
                                                <option value="{{ $session->id }}">
                                                    {{ $session->start_date }}
                                                    @if($session->end_date)
                                                        - {{ $session->end_date }}
                                                    @endif
                                                    ({{ $session->status }})
                                                </option>
                                            @endif
                                        @endforeach
                                    </optgroup>
                                @endforeach
                            </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">
                            {{ __('Iscrivi') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Modals per gestione moduli (uno per ogni enrollment) -->
    @foreach($enrollments as $enrollment)
        <div class="modal fade" id="modulesModal{{ $enrollment->id }}" tabindex="-1">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">
                            {{ __('Moduli del Corso') }}: {{ $enrollment->refSessionCourse->refCourse->name }}
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        @if($enrollment->refSessionCourse->refCoursesSessionModules->count() > 0)
                            <div class="list-group">
                                @foreach($enrollment->refSessionCourse->refCoursesSessionModules->sortBy('position') as $module)
                                    <div class="list-group-item">
                                        <div class="d-flex align-items-center">
                                            <div class="form-check me-3">
                                                <input
                                                    class="form-check-input module-checkbox"
                                                    type="checkbox"
                                                    id="module_{{ $module->id }}"
                                                    data-candidate-id="{{ $candidate->id }}"
                                                    data-module-id="{{ $module->id }}"
                                                    {{ $module->is_completed ? 'checked' : '' }}
                                                    @if(!$allowsActions) disabled @endif
                                                >
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">{{ $module->position }}. {{ $module->title }}</h6>
                                                <small class="text-muted">
                                                    {{ $module->total_hours }} {{ __('ore') }}
                                                </small>
                                                @if($module->content)
                                                    <p class="mb-0 mt-2 small">{{ Str::limit($module->content, 150) }}</p>
                                                @endif
                                            </div>
                                            <div>
                                                @if($module->is_completed)
                                                    <span class="badge bg-success">
                                                        {{ __('Completato') }}
                                                    </span>
                                                @else
                                                    <span class="badge bg-secondary">
                                                        {{ __('Da completare') }}
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>

                            <div class="mt-3 p-3 rounded">
                                <div class="row">
                                    <div class="col-md-6">
                                        <strong>{{ __('Progresso:') }}</strong>
                                        <div class="progress mt-2" style="height: 25px;">
                                            @php
                                                $percentage = $enrollment->total_modules_count > 0
                                                    ? round(($enrollment->completed_modules_count / $enrollment->total_modules_count) * 100)
                                                    : 0;
                                            @endphp
                                            <div class="progress-bar bg-success" role="progressbar"
                                                 style="width: {{ $percentage }}%;"
                                                 aria-valuenow="{{ $percentage }}"
                                                 aria-valuemin="0"
                                                 aria-valuemax="100">
                                                {{ $percentage }}%
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 text-end">
                                        <strong>{{ __('Moduli completati:') }}</strong>
                                        <h3 class="mb-0 module-count-{{ $enrollment->id }}">
                                            {{ $enrollment->completed_modules_count }} / {{ $enrollment->total_modules_count }}
                                        </h3>
                                    </div>
                                </div>
                            </div>
                        @else
                            <div class="alert alert-info">
                                {{ __('Questo corso non ha ancora moduli definiti.') }}
                            </div>
                        @endif
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Chiudi') }}</button>
                    </div>
                </div>
            </div>
        </div>
    @endforeach

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

@endsection

@section('setBodyEnd')
<script>
function confirmUnenroll(subscriptionId, courseName) {
    Swal.fire({
        title: 'Conferma disiscrizione',
        html: 'Sei sicuro di voler disiscrivere il corsista dal corso <strong>"' + courseName + '"</strong>?',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#fc0000',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Si, Disiscrivi',
        cancelButtonText: 'Annulla'
    }).then((result) => {
        if (result.isConfirmed) {
            const form = document.getElementById('unenrollForm');
            form.action = '{{ route("organization.candidates.unenroll", [$candidate->id, ":id"]) }}'.replace(':id', subscriptionId);
            form.submit();
        }
    });
}

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();
        }
    }

    // Handle module checkbox toggle
    document.querySelectorAll('.module-checkbox').forEach(checkbox => {
        checkbox.addEventListener('change', function() {
            const candidateId = this.dataset.candidateId;
            const moduleId = this.dataset.moduleId;
            const isChecked = this.checked;

            // Disable checkbox during request
            this.disabled = true;

            fetch('{{ route("organization.candidates.modules.toggle", $candidate->id) }}', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
                },
                body: JSON.stringify({
                    module_id: moduleId
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    // Update badge
                    const badge = this.closest('.list-group-item').querySelector('.badge');
                    if (data.completed) {
                        badge.className = 'badge bg-success';
                        badge.innerHTML = '{{ __("Completato") }}';
                    } else {
                        badge.className = 'badge bg-secondary';
                        badge.innerHTML = '{{ __("Da completare") }}';
                    }

                    // Update progress bar
                    const modal = this.closest('.modal');
                    const progressBar = modal.querySelector('.progress-bar');
                    const listItems = modal.querySelectorAll('.module-checkbox');
                    const totalModules = listItems.length;
                    const completedModules = Array.from(listItems).filter(cb => cb.checked).length;
                    const percentage = totalModules > 0 ? Math.round((completedModules / totalModules) * 100) : 0;

                    progressBar.style.width = percentage + '%';
                    progressBar.setAttribute('aria-valuenow', percentage);
                    progressBar.textContent = percentage + '%';

                    // Update module count
                    const modalId = modal.id.replace('modulesModal', '');
                    const countElement = document.querySelector('.module-count-' + modalId);
                    if (countElement) {
                        countElement.textContent = completedModules + ' / ' + totalModules;
                    }

                    // Update count in table
                    const tableRow = document.querySelector(`button[data-bs-target="#${modal.id}"]`).closest('tr');
                    const tableCount = tableRow.querySelector('td:nth-child(4) small');
                    if (tableCount) {
                        tableCount.textContent = completedModules + ' / ' + totalModules;
                    }

                    // Show success message
                    Swal.fire({
                        icon: 'success',
                        title: data.message,
                        toast: true,
                        position: 'top-end',
                        showConfirmButton: false,
                        timer: 2000
                    });
                } else {
                    // Revert checkbox state
                    this.checked = !isChecked;
                    Swal.fire({
                        icon: 'error',
                        title: data.message || '{{ __("Errore durante l\'aggiornamento.") }}',
                        toast: true,
                        position: 'top-end',
                        showConfirmButton: false,
                        timer: 3000
                    });
                }
            })
            .catch(error => {
                // Revert checkbox state
                this.checked = !isChecked;
                Swal.fire({
                    icon: 'error',
                    title: '{{ __("Errore durante l\'aggiornamento.") }}',
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 3000
                });
            })
            .finally(() => {
                // Re-enable checkbox
                this.disabled = false;
            });
        });
    });
});
</script>
@endsection