@extends('backoffice.layout.master')
@section('setSectionTitle', __('Dettaglio Candidato'))
@section('setSectionButton')
    <a href="{{ route('expert.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 -->
        <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 }}
                                </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"><i class="bi bi-check-circle"></i> {{ __('Account Attivo') }}</span>
                                @else
                                    <span class="badge bg-danger fs-6"><i class="bi bi-x-circle"></i> {{ __('Account Disattivato') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4 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>
                    </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="interests-tab" data-bs-toggle="tab" href="#interests" type="button" role="tab">
                    {{ __('Paesi di Interesse') }}
                </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') }}</h5>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('expert.candidate.update', ['candidate_id' => $candidate->id]) }}" method="POST">
                            @csrf
                            @method('PUT')

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

                            <div class="mt-3">
                                <button type="submit" class="btn btn-success">
                                    <i class="bi bi-check-circle me-1"></i>{{ __('Salva Modifiche') }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <!-- TAB: Countries of Interest -->
            <div class="tab-pane fade" id="interests" role="tabpanel">
                <div class="row">
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">{{ __('Paesi di Interesse') }}</h5>
                            </div>
                            <div class="card-body">
                                @if($candidate->refCandidatesCountriesInterests->count() > 0)
                                    <ul class="list-group">
                                        @foreach($candidate->refCandidatesCountriesInterests as $interest)
                                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                                <span>
                                                    <i class="bi bi-geo-alt-fill text-primary me-2"></i>
                                                    {{ $interest->refLocationCountry->name }}
                                                </span>
                                                <form action="{{ route('expert.candidate.removeCountryInterest', ['candidate_id' => $candidate->id, 'country_id' => $interest->country_id]) }}" method="POST" class="d-inline">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-danger">
                                                        <i class="bi bi-trash"></i> {{ __('Rimuovi') }}
                                                    </button>
                                                </form>
                                            </li>
                                        @endforeach
                                    </ul>
                                @else
                                    <p class="text-muted">{{ __('Nessun paese di interesse aggiunto.') }}</p>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">{{ __('Aggiungi Paese') }}</h5>
                            </div>
                            <div class="card-body">
                                <form action="{{ route('expert.candidate.addCountryInterest', ['candidate_id' => $candidate->id]) }}" method="POST">
                                    @csrf
                                    <div class="mb-3">
                                        <label class="form-label">{{ __('Seleziona Paese') }}</label>
                                        <select class="form-select" name="country_id" required>
                                            <option value="">{{ __('Seleziona...') }}</option>
                                            @foreach($available_countries as $country)
                                                <option value="{{ $country->id }}">{{ $country->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="bi bi-plus-circle me-1"></i>{{ __('Aggiungi') }}
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
@endsection

@section('setBodyEnd')
    <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