@extends('backoffice.layout.master')
@section('setSectionTitle', __('Il mio profilo'))
@section('setSectionDescription', __('Questo è il dettaglio del tuo profilo. Da qui, puoi aggiornare i tuoi dati.'))


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

            <div class="col">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <a class="nav-link active fw-bold" id="info-tab" data-bs-toggle="tab" href="#info" role="tab"
                            aria-controls="info" aria-selected="true">{{ __('I tuoi dati') }}</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link fw-bold" id="documents-tab" data-bs-toggle="tab" href="#documents" role="tab"
                            aria-controls="documents" aria-selected="true">{{ __('I tuoi documenti') }}</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link fw-bold" id="lang-tab" data-bs-toggle="tab" href="#lang" role="tab"
                            aria-controls="lang" aria-selected="false">{{ __('Lingue parlate') }}</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link fw-bold" id="countries-tab" data-bs-toggle="tab" href="#countries" role="tab"
                            aria-controls="countries" aria-selected="false">{{ __('Paesi di interesse') }}</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link fw-bold" id="password-tab" data-bs-toggle="tab" href="#password" role="tab"
                            aria-controls="password" aria-selected="false">{{ __('Modifica Password') }}</a>
                    </li>
                </ul>

                <div class="card">
                    <div class="card-body tab-content">

                        <div class="tab-pane fade show active" id="info" role="tabpanel" aria-labelledby="info-tab">
                            <h4>{{ __('Modifica le informazioni del tuo account.') }}</h4>
                            <form class="row g-3 align-items-center" method="POST"
                                action="{{ route(FormatHelper::roleRoute('updateProfile')) }}">
                                @csrf
                                <div class="col-12 col-md-6 col-lg-4">
                                    <label for="email" class="form-label">{{ __('Email') }}</label>
                                    <input type="email" name="email" id="email" value="{{ $profile->email }}"
                                        class="form-control" disabled>
                                </div>
                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('Nome') }}" name="first_name"
                                        :value="$profile->refCandidate->first_name" :required="[true, true]" />
                                </div>

                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('Cognome') }}" name="last_name"
                                        :value="$profile->refCandidate->last_name" :required="[true, true]" />
                                </div>

                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field type="date" label="{{ __('Data di nascita') }}" name="birth_date"
                                        :value="date('Y-m-d', strtotime($profile->refCandidate->birth_date))"
                                        :required="[true, true]" />
                                </div>

                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('Codice fiscale') }}" name="fiscal_code"
                                        :value="$profile->refCandidate->fiscal_code" :required="[true, true]" />
                                </div>

                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-select-field label="{{ __('Nazione di nascita') }}" name="birth_country_id"
                                        :data="$countries" :selected="$profile->refCandidate->birth_country_id"
                                        :required="[true, true]" />
                                </div>

                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('Città di nascita') }}" name="birth_city"
                                        :value="$profile->refCandidate->birth_city" :required="[true, true]" />
                                </div>

                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-select-field label="{{ __('Cittadinanza') }}" name="citizenship_id"
                                        :data="$nationalities" :selected="$profile->refCandidate->citizenship_id"
                                        :required="[true, true]" />
                                </div>

                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('Telefono') }}" name="phone"
                                        :value="$profile->refCandidate->phone" :required="[true, true]" />
                                </div>

                                <div class="col-12 mt-5">
                                    <h4>{{ __('Indirizzo di residenza') }}</h4>
                                </div>

                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-select-field label="{{ __('Paese di residenza') }}" name="address_country_id"
                                        :data="$countries" :selected="$residentAddress->country_id" :required="[true, true]" />
                                </div>

                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('Regione di residenza') }}" name="address_region"
                                        :value="$residentAddress->region" :required="[true, true]" />
                                </div>
                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('Provincia di residenza') }}" name="address_province"
                                        :value="$residentAddress->province" :required="[true, true]" />
                                </div>
                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('Città di residenza') }}" name="address_city"
                                        :value="$residentAddress->city" :required="[true, true]" />
                                </div>
                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('CAP di residenza') }}" name="address_postal_code"
                                        :value="$residentAddress->postal_code" :required="[true, true]" />
                                </div>

                                <div class="col-12 mt-5">
                                    <button type="submit" class="btn btn-success">{{ __('Aggiorna profilo') }}</button>
                                </div>
                            </form>
                        </div>

                        <div class="tab-pane fade" id="documents" role="tabpanel" aria-labelledby="documents-tab">
                            <div class="row">
                                <div class="col-12 col-md-8">
                                    <div class="card">
                                        <div class="card-header">
                                            <h4>{{ __('Documenti') }}:</h4>
                                        </div>
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                <table class="table table-striped table-hover text-start">
                                                    <thead>
                                                        <tr>
                                                            <th>{{ __('Tipo file') }}</th>
                                                            <th>{{ __('Nome file') }}</th>
                                                            <th>{{ __('Caricato il') }}</th>
                                                            <th>{{ __('Approvazione') }}</th>
                                                            <th>{{ __('Azioni') }}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($files_necessary as $type)
                                                            @php
                                                                $file = $candidate_files                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            ->where('type', $type)->first();
                                                            @endphp
                                                            <tr>
                                                                <td>{{ __($type) }}</td>
                                                                <td>{{ $file ? $file->refFile->file_name : '' }}</td>
                                                                <td>
                                                                    @if ($file)
                                                                        {{ Carbon\Carbon::parse($file->created_at)->format('d M Y - H:i') }}
                                                                    @else
                                                                        <span class="badge bg-light-danger">{{ __('Non caricato') }}</span>
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    @if ($file && !is_null($file->approved_at))
                                                                        <span class="badge bg-success">{{ Carbon\Carbon::parse($file->approved_at)->format('d M Y - H:i') }}</span>
                                                                    @elseif ($file)
                                                                        <span class="badge bg-light-warning"><i class="bi bi-clock"></i> {{ __('In fase di verifica') }}</span>
                                                                    @else
                                                                        <span class="badge bg-light-danger"></span>
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    @if ($file)
                                                                        <a href="{{ route('candidate.downloadFile', ['candidate_file_id' => $file->id]) }}" class="btn btn-warning btn-sm">
                                                                            <i class="bi bi-download"></i> {{ __('Scarica') }}
                                                                        </a>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <div class="card">
                                        <div class="card-header">
                                            <h4>{{ __('Carica un file obbligatorio') }}:</h4>
                                        </div>
                                        <div class="card-body">
                                            <form method="POST" action="{{ route('candidate.uploadFile') }}" enctype="multipart/form-data">
                                                @csrf
                                                <div class="mb-3">
                                                    <label for="type" class="form-label">{{ __('Tipo file') }}:</label>
                                                    <select class="form-select" id="type" name="type" required>
                                                        @foreach ($files_necessary as $type)
                                                            <option value="{{ $type }}">{{ __($type) }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="mb-3">
                                                    <label for="candidate_file" class="form-label">{{ __('Seleziona il file') }}:</label>
                                                    <input type="file" class="form-control" id="candidate_file" name="candidate_file" accept=".pdf" required>
                                                </div>
                                                <button type="submit" class="btn btn-success"><i class="bi bi-upload"></i> {{ __('Carica') }}</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="lang" role="tabpanel" aria-labelledby="lang-tab">
                            <div class="row">
                                <div class="col-12 col-md-4">
                                    <h4>{{ __('Le tue lingue') }}</h4>
                                    @if (!empty($languages_spoken))
                                        <ul class="list-group list-group-flush">
                                            @foreach ($languages_spoken as $lang)
                                                <li class="list-group-item">
                                                    @if ($lang->is_primary == 1)
                                                        <i class="bi bi-star-fill text-warning align-middle"></i>
                                                    @else
                                                        <a href="{{ route('candidate.changePrimaryLang', $lang->id) }}"><i
                                                                class="bi bi-star text-muted align-middle"></i></a>
                                                    @endif
                                                    <span
                                                        style="vertical-align: sub;">{{ $lang->refLanguageSpoken->language_name }}</span>
                                                    @if ($lang->is_primary != 1)
                                                        <a href="{{ route('candidate.deleteLang', $lang->id) }}"><i
                                                                class="float-end bi bi-trash-fill text-muted align-middle"></i></a>
                                                    @endif
                                                </li>
                                            @endforeach
                                        </ul>
                                    @else
                                        <p>{{ __('Nessuna lingua aggiunta.') }}</p>
                                    @endif
                                </div>
                                <div class="col-12 col-md-8">
                                    <h4>{{ __('Aggiungi una lingua') }}</h4>
                                    <form action="{{ route('candidate.addLang') }}" method="POST">
                                        @csrf
                                        <div class="mb-3">
                                            <x-select-field label="{{ __('Seleziona una lingua') }}"
                                                name="language_spoken_id" text="language_name" :data="$langs"
                                                :required="[true, false]" />
                                        </div>
                                        <button type="submit" class="btn btn-success">{{ __('Aggiungi') }}</button>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="countries" role="tabpanel" aria-labelledby="countries-tab">
                            <div class="row">
                                <div class="col-12 col-md-4">
                                <h4>{{ __('Paesi di interesse') }}</h4>
                                @if (!empty($countries_interests))
                                    <ul class="list-group list-group-flush">
                                        @foreach ($countries_interests as $country)
                                            <li class="list-group-item">
                                                <span style="vertical-align: sub;">{{ $country->refLocationCountry->name }}</span>
                                                <a href="{{ route('candidate.deleteCountryInterest', $country->refLocationCountry->id) }}"><i class="float-end bi bi-trash-fill text-muted align-middle"></i></a>
                                            </li>
                                        @endforeach
                                    </ul>
                                @else
                                    <p>{{ __('Nessun paese di interesse aggiunto.') }}</p>
                                @endif
                            </div>
                            <div class="col-12 col-md-8">
                                <h4>{{ __('Aggiungi un paese di interesse') }}</h4>
                                <form action="{{ route('candidate.addCountryInterest') }}" method="POST">
                                    @csrf
                                    <div class="mb-3">
                                        <x-select-field label="{{ __('Seleziona un paese') }}"
                                            name="country_id" text="name" :data="$available_countries"
                                            :required="[true, false]" />
                                    </div>
                                    <button type="submit" class="btn btn-success">{{ __('Aggiungi') }}</button>
                                </form>
                            </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="password" role="tabpanel" aria-labelledby="password-tab">
                            <h4>{{ __('Modifica password') }}</h4>
                            <form action="{{ route(FormatHelper::roleRoute('updatePassword')) }}" method="POST">
                                @csrf
                                <div class="mb-3">
                                    <x-input-field label="{{ __('Password attuale') }}" name="current_password"
                                        type="password" :required="[true, false]" />
                                </div>
                                <div class="mb-3">
                                    <x-input-field label="{{ __('Nuova password') }}" name="new_password"
                                        type="password" :required="[true, false]" />
                                </div>
                                <div class="mb-3">
                                    <x-input-field label="{{ __('Conferma nuova password') }}" name="confirm_password"
                                        type="password" :required="[true, false]" />
                                </div>
                                <button type="submit" class="btn btn-success">{{ __('Aggiorna password') }}</button>
                            </form>
                        </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