@extends('backoffice.layout.master')
@section('setSectionTitle', __('Dettaglio Candidato'))
@section('setSectionButton')
    <a href="{{ route('administrator.candidates') }}" class="btn btn-secondary">
        <i class="bi bi-arrow-left"></i> {{ __('Torna alla Lista') }}
    </a>
@endsection

@section('setContent')
    <div class="container-fluid">

        <!-- Header Card with Stats -->
        <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">
                                <h3 class="mb-0">{{ $candidate->first_name }} {{ $candidate->last_name }}</h3>
                                <small class="text-muted">
                                    <i class="bi bi-envelope"></i> {{ $candidate->refUser->email }}
                                    @if($candidate->phone)
                                        <span class="ms-3"><i class="bi bi-telephone"></i> {{ $candidate->phone }}</span>
                                    @endif
                                </small>
                            </div>
                            <div class="col-12 col-md-6 text-md-end mt-3 mt-md-0">
                                @if($candidate->refUser->is_active)
                                    <span class="badge bg-success fs-6 me-2"><i class="bi bi-check-circle"></i> {{ __('Account Attivo') }}</span>
                                    <button type="button" class="btn btn-sm btn-warning" onclick="toggleAccountStatus({{ $candidate->id }}, false)">
                                        <i class="bi bi-pause-circle"></i> {{ __('Sospendi Account') }}
                                    </button>
                                @else
                                    <span class="badge bg-danger fs-6 me-2"><i class="bi bi-x-circle"></i> {{ __('Account Disattivato') }}</span>
                                    <button type="button" class="btn btn-sm btn-success" onclick="toggleAccountStatus({{ $candidate->id }}, true)">
                                        <i class="bi bi-check-circle"></i> {{ __('Attiva Account') }}
                                    </button>
                                @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">
                                    <h3 class="text-primary mb-0">{{ $candidate->refCandidatesCountriesInterests->count() }}</h3>
                                    <small class="text-muted">{{ __('Paesi di Interesse') }}</small>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 text-center mb-3">
                                <div class="p-3 rounded bg-warning bg-opacity-10">
                                    <h3 class="text-warning mb-0">{{ $candidate->refCandidatesJobsCategories->count() }}</h3>
                                    <small class="text-muted">{{ __('Settori selezionati') }}</small>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 text-center mb-3">
                                <div class="p-3 rounded bg-danger bg-opacity-10">
                                    <h3 class="text-danger mb-0">{{ $candidate->refSkills->count() }}</h3>
                                    <small class="text-muted">{{ __('Competenze selezionate') }}</small>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 text-center mb-3">
                                <div class="p-3 rounded bg-info bg-opacity-10">
                                    <h3 class="text-info mb-0">{{ $candidate->refFiles->count() }}</h3>
                                    <small class="text-muted">{{ __('Documenti caricati') }}</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Tabs Navigation -->
        <ul class="nav nav-tabs mb-3" id="candidateTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="personal-tab" data-bs-toggle="tab" href="#personal" type="button" role="tab">
                    {{ __('Info Personali') }}
                </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">
                    {{ __('Documenti') }}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="interests-tab" data-bs-toggle="tab" href="#interests" type="button" role="tab">
                    {{ __('Paesi di Interesse') }}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="skills-tab" data-bs-toggle="tab" href="#skills" type="button" role="tab">
                    {{ __('Competenze') }}
                </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">
                    {{ __('Offerte di Lavoro') }}
                </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">
                    {{ __('Corsi') }}
                </button>
            </li>
        </ul>

        <!-- Tabs Content -->
        <div class="tab-content" id="candidateTabsContent">

            <!-- TAB: Personal Information -->
            <div class="tab-pane fade show active" id="personal" role="tabpanel">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">{{ __('Informazioni Personali e Indirizzo') }}</h5>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('administrator.candidate.update', ['id' => $candidate->id]) }}" method="POST">
                            @csrf
                            @method('PUT')

                            <h6 class="mb-3 text-primary"> {{ __('Dati Anagrafici') }}</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">{{ __('Data di Nascita') }}</label>
                                    <input type="date" class="form-control" name="birth_date" value="{{ $candidate->birth_date->format('Y-m-d') }}">
                                </div>
                                <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>

                            <div class="row">
                                <div class="col-md-6 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-6 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>

                            <div class="row">
                                <div class="col-md-6 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 class="col-md-6 mb-3">
                                    <label class="form-label">{{ __('Telefono') }}</label>
                                    <input type="text" class="form-control" name="phone" value="{{ $candidate->phone }}">
                                </div>
                            </div>

                            <hr class="my-4">

                            <h6 class="mb-3 text-primary">{{ __('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-6 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-6 mb-3">
                                    <label class="form-label">{{ __('Città') }}</label>
                                    <input type="text" class="form-control" name="address_city" value="{{ $candidate->refAddress->city ?? '' }}">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">{{ __('CAP') }}</label>
                                    <input type="text" class="form-control" name="address_postal_code" value="{{ $candidate->refAddress->postal_code ?? '' }}" maxlength="10">
                                </div>
                            </div>

                            <div class="text-end mt-4">
                                <button type="submit" class="btn btn-success">
                                    {{ __('Salva Modifiche') }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <!-- TAB: Files/Documents -->
            <div class="tab-pane fade" id="files" role="tabpanel">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">{{ __('Documenti Caricati') }}</h5>
                    </div>
                    <div class="card-body">
                        @if($candidate->refFiles->isEmpty())
                            <div class="alert alert-info mb-0">
                                <i class="bi bi-info-circle"></i> {{ __('Nessun documento caricato.') }}
                            </div>
                        @else
                            <div class="list-group">
                                @foreach($candidate->refFiles as $candidateFile)
                                    <div class="list-group-item">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">{{ $candidateFile->pivot->type }}</h6>
                                                <small class="text-muted">
                                                    {{ __('File') }} {{ $candidateFile->file_extension }}
                                                    <span class="ms-2">{{ __('Caricato il:') }} {{ $candidateFile->created_at }}</span>
                                                </small>
                                            </div>
                                            <div class="text-end">
                                                @if(!is_null($candidateFile->pivot->approved_at))
                                                    <span class="badge bg-success me-2"><i class="bi bi-check-circle"></i> {{ __('Approvato') }}</span>
                                                @else
                                                    <span class="badge bg-warning me-2"><i class="bi bi-clock"></i> {{ __('In Attesa') }}</span>
                                                @endif

                                                @if(!is_null($candidateFile->pivot->approved_at))
                                                    <form action="{{ route('administrator.candidate.file.reject', ['candidate_id' => $candidate->id, 'file_id' => $candidateFile->id]) }}" method="POST" style="display: inline;">
                                                        @csrf
                                                        <button type="submit" class="btn btn-sm btn-outline-warning">
                                                            <i class="bi bi-x-circle"></i> {{ __('Rifiuta') }}
                                                        </button>
                                                    </form>
                                                @else
                                                    <form action="{{ route('administrator.candidate.file.approve', ['candidate_id' => $candidate->id, 'file_id' => $candidateFile->id]) }}" method="POST" style="display: inline;">
                                                        @csrf
                                                        <button type="submit" class="btn btn-sm btn-outline-success">
                                                            <i class="bi bi-check-circle"></i> {{ __('Approva') }}
                                                        </button>
                                                    </form>
                                                @endif

                                                <a href="{{ route('administrator.candidate.file.download', ['candidate_id' => $candidate->id, 'file_id' => $candidateFile->id]) }}"
                                                   class="btn btn-sm btn-success me-1">
                                                    <i class="bi bi-download"></i> {{ __('Scarica') }}
                                                </a>

                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- TAB: Countries of Interest -->
            <div class="tab-pane fade" id="interests" role="tabpanel">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">{{ __('Paesi di Interesse') }}</h5>
                    </div>
                    <div class="card-body">
                        @if($candidate->refCandidatesCountriesInterests->isEmpty())
                            <div class="alert alert-info">
                                <i class="bi bi-info-circle"></i> {{ __('Nessun paese di interesse selezionato.') }}
                            </div>
                        @else
                            <div class="mb-4">
                                <h6 class="mb-3">{{ __('Paesi Assegnati') }}</h6>
                                @foreach($candidate->refCandidatesCountriesInterests as $interest)
                                    <span class="badge bg-success me-2 mb-2" style="font-size: 1rem; padding: 0.5rem 1rem;">
                                        <i class="bi bi-flag"></i> {{ $interest->refLocationCountry->name }}
                                        <form action="{{ route('administrator.candidate.country.remove', ['candidate_id' => $candidate->id, 'country_id' => $interest->country_id]) }}"
                                              method="POST" style="display: inline;">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn-close btn-close-white ms-2" style="font-size: 0.6rem;" aria-label="Remove"></button>
                                        </form>
                                    </span>
                                @endforeach
                            </div>
                        @endif

                        @if($availableCountries->isNotEmpty())
                            <hr>
                            <h6 class="mb-3">{{ __('Aggiungi Nuovo Paese') }}</h6>
                            <form action="{{ route('administrator.candidate.country.add', ['candidate_id' => $candidate->id]) }}" method="POST">
                                @csrf
                                <div class="row">
                                    <div class="col-md-8">
                                        <select class="form-select" name="country_id" required>
                                            <option value="">{{ __('Seleziona un paese...') }}</option>
                                            @foreach($availableCountries as $country)
                                                <option value="{{ $country->id }}">{{ $country->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-4">
                                        <button type="submit" class="btn btn-success w-100">
                                            <i class="bi bi-plus-circle"></i> {{ __('Aggiungi Paese') }}
                                        </button>
                                    </div>
                                </div>
                            </form>
                        @endif
                    </div>
                </div>
            </div>

            <!-- TAB: Skills -->
            <div class="tab-pane fade" id="skills" role="tabpanel">
                <form action="{{ route('administrator.candidate.skills.update', ['candidate_id' => $candidate->id]) }}" method="POST" id="skillsForm">
                    @csrf

                    @php
                        $grouped = $skills->groupBy('category');
                    @endphp

                    <div class="row g-4">
                        @foreach($grouped as $category => $categorySkills)
                            <div class="col-12 col-md-6">
                                <div class="card shadow-sm border-0 h-100">
                                    <div class="card-header bg-primary bg-gradient text-white py-3">
                                        <h5 class="mb-0 fw-semibold">
                                            {{ $category }}
                                        </h5>
                                    </div>
                                    <div class="card-body p-4">
                                        <div class="d-flex flex-wrap gap-2" role="group" aria-label="Skills {{ $category }}">
                                            @foreach($categorySkills as $skill)
                                                <div>
                                                    <input
                                                        class="btn-check"
                                                        type="checkbox"
                                                        id="skill_{{ $skill['id'] }}"
                                                        name="skills[]"
                                                        value="{{ $skill['id'] }}"
                                                        {{ $skill['checked'] ? 'checked' : '' }}
                                                        autocomplete="off"
                                                    >
                                                    <label
                                                        class="btn btn-outline-primary btn-sm rounded-pill"
                                                        for="skill_{{ $skill['id'] }}"
                                                    >
                                                        {{ $skill['name'] }}
                                                    </label>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>

                    <div class="row mt-4">
                        <div class="col text-end">
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-save"></i> {{ __('Salva Competenze') }}
                            </button>
                        </div>
                    </div>
                </form>
            </div>

            <!-- TAB: Jobs -->
            <div class="tab-pane fade" id="jobs" role="tabpanel">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">{{ __('Candidature alle Offerte di Lavoro') }}</h5>
                    </div>
                    <div class="card-body">
                        @if($candidate->refCandidatesJobsSubscriptions->count() > 0)
                            <div class="table-responsive">
                                <table class="table table-hover align-middle">
                                    <thead>
                                        <tr>
                                            <th>{{ __('Posizione') }}</th>
                                            <th>{{ __('Azienda') }}</th>
                                            <th>{{ __('Categoria') }}</th>
                                            <th>{{ __('Sede') }}</th>
                                            <th>{{ __('Stato Offerta') }}</th>
                                            <th>{{ __('Data Candidatura') }}</th>
                                            <th class="text-end">{{ __('Azioni') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($candidate->refCandidatesJobsSubscriptions as $subscription)
                                            <tr>
                                                <td><strong>{{ $subscription->refJob->position }}</strong></td>
                                                <td>{{ $subscription->refJob->refOrganization->name }}</td>
                                                <td>{{ $subscription->refJob->refJobsCategory->name ?? '-' }}</td>
                                                <td>{{ $subscription->refJob->refOrganizationsSite->name ?? '-' }}</td>
                                                <td>
                                                    @if($subscription->refJob->status == 'ACCEPTED')
                                                        <span class="badge bg-success">{{ __('Pubblicata') }}</span>
                                                    @elseif($subscription->refJob->status == 'PENDING')
                                                        <span class="badge bg-warning text-dark">{{ __('In Attesa') }}</span>
                                                    @else
                                                        <span class="badge bg-danger">{{ __('Rifiutata') }}</span>
                                                    @endif
                                                </td>
                                                <td>{{ $subscription->created_at->format('d/m/Y H:i') }}</td>
                                                <td class="text-end">
                                                    <a href="{{ route('administrator.company.detail', $subscription->refJob->organization_id) }}?tab=jobs" class="btn btn-sm btn-primary" title="{{ __('Visualizza Azienda') }}">
                                                        <i class="bi bi-building"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="alert alert-info">
                                {{ __('Nessuna candidatura inviata.') }}
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- TAB: Courses -->
            <div class="tab-pane fade" id="courses" role="tabpanel">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">{{ __('Iscrizioni ai Corsi') }}</h5>
                    </div>
                    <div class="card-body">
                        @if($candidate->refCoursesSessionSubscriptions->count() > 0)
                            <div class="table-responsive">
                                <table class="table table-hover align-middle">
                                    <thead>
                                        <tr>
                                            <th>{{ __('Corso') }}</th>
                                            <th>{{ __('Ente Formativo') }}</th>
                                            <th>{{ __('Data Inizio Sessione') }}</th>
                                            <th>{{ __('Data Fine Sessione') }}</th>
                                            <th>{{ __('Stato Sessione') }}</th>
                                            <th>{{ __('Data Iscrizione') }}</th>
                                            <th class="text-end">{{ __('Azioni') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($candidate->refCoursesSessionSubscriptions as $subscription)
                                            <tr>
                                                <td><strong>{{ $subscription->refSessionCourse->refCourse->name }}</strong></td>
                                                <td>{{ $subscription->refSessionCourse->refCourse->refOrganization->name }}</td>
                                                <td>{{ $subscription->refSessionCourse->start_date->format('d/m/Y') }}</td>
                                                <td>{{ $subscription->refSessionCourse->end_date ? $subscription->refSessionCourse->end_date->format('d/m/Y') : '-' }}</td>
                                                <td>
                                                    <span class="badge bg-{{ $subscription->refSessionCourse->status == 'ACTIVE' ? 'success' : ($subscription->refSessionCourse->status == 'COMPLETED' ? 'secondary' : 'warning') }}">
                                                        {{ $subscription->refSessionCourse->status }}
                                                    </span>
                                                </td>
                                                <td>{{ $subscription->created_at }}</td>
                                                <td class="text-end">
                                                    <a href="{{ route('administrator.body.detail', $subscription->refSessionCourse->refCourse->organization_id) }}?tab=courses" class="btn btn-sm btn-primary" title="{{ __('Visualizza Ente') }}">
                                                        <i class="bi bi-building"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="alert alert-info">
                                {{ __('Nessuna iscrizione ai corsi.') }}
                            </div>
                        @endif
                    </div>
                </div>
            </div>

        </div>

    </div>

@endsection

@section('setBodyEnd')
    <script>
        function toggleAccountStatus(candidateId, willActivate) {
            const action = willActivate ? '{{ __("attivare") }}' : '{{ __("sospendere") }}';
            const title = willActivate ? '{{ __("Attivare Account") }}' : '{{ __("Sospendere Account") }}';
            const message = willActivate
                ? '{{ __("Sei sicuro di voler attivare questo account? Il candidato potrà accedere alla piattaforma.") }}'
                : '{{ __("Sei sicuro di voler sospendere questo account? Il candidato non potrà più accedere alla piattaforma.") }}';

            Swal.fire({
                title: title,
                text: message,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: willActivate ? '#198754' : '#ffc107',
                cancelButtonColor: '#6c757d',
                confirmButtonText: willActivate ? '{{ __("Sì, attiva") }}' : '{{ __("Sì, sospendi") }}',
                cancelButtonText: '{{ __("Annulla") }}'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Create and submit form
                    const form = document.createElement('form');
                    form.method = 'POST';
                    form.action = '{{ route("administrator.candidate.toggle.status", ["candidate_id" => ":id"]) }}'.replace(':id', candidateId);

                    const csrfToken = document.createElement('input');
                    csrfToken.type = 'hidden';
                    csrfToken.name = '_token';
                    csrfToken.value = '{{ csrf_token() }}';
                    form.appendChild(csrfToken);

                    document.body.appendChild(form);
                    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