@extends('backoffice.layout.master')
@section('setSectionTitle', __('Profilo Associazione Datoriale'))
@section('setSectionDescription', __('Gestisci i dati della tua associazione datoriale'))

@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">{{ __('Dati Associazione') }}</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link fw-bold" id="manager-tab" data-bs-toggle="tab" href="#manager" role="tab"
                            aria-controls="manager" aria-selected="false">{{ __('Dati Personali') }}</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">

                        <!-- Tab Dati Associazione -->
                        <div class="tab-pane fade show active" id="info" role="tabpanel" aria-labelledby="info-tab">
                            <h4>{{ __('Informazioni Associazione Datoriale') }}</h4>
                            <form class="row g-3" method="POST" action="{{ route('employers_association.updateProfile') }}">
                                @csrf
                                <div class="col-12 col-md-6">
                                    <label for="name" class="form-label">{{ __('Denominazione') }}</label>
                                    <input type="text" name="name" id="name" value="{{ old('name', $employersAssociation->name) }}" class="form-control" required>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label for="vat_number" class="form-label">{{ __('Partita IVA') }}</label>
                                    <input type="text" name="vat_number" id="vat_number" value="{{ old('vat_number', $employersAssociation->vat_number) }}" class="form-control" required>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label for="fiscal_code" class="form-label">{{ __('Codice Fiscale') }}</label>
                                    <input type="text" name="fiscal_code" id="fiscal_code" value="{{ old('fiscal_code', $employersAssociation->fiscal_code) }}" class="form-control" required>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label for="phone" class="form-label">{{ __('Telefono') }}</label>
                                    <input type="text" name="phone" id="phone" value="{{ old('phone', $employersAssociation->phone) }}" class="form-control" required>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label for="email" class="form-label">{{ __('Email') }}</label>
                                    <input type="email" name="email" id="email" value="{{ old('email', $employersAssociation->email) }}" class="form-control" required>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label for="pec" class="form-label">{{ __('PEC') }}</label>
                                    <input type="email" name="pec" id="pec" value="{{ old('pec', $employersAssociation->pec) }}" class="form-control">
                                </div>
                                <div class="col-12">
                                    <label for="legal_representative" class="form-label">{{ __('Rappresentante Legale') }}</label>
                                    <input type="text" name="legal_representative" id="legal_representative" value="{{ old('legal_representative', $employersAssociation->legal_representative) }}" class="form-control" required>
                                </div>

                                <div class="col-12"><hr></div>
                                <h5>{{ __('Sede Legale') }}</h5>

                                <div class="col-12 col-md-6">
                                    <label for="address_country_id" class="form-label">{{ __('Paese') }}</label>
                                    <select name="address_country_id" id="address_country_id" class="form-select" required>
                                        <option value="">{{ __('Seleziona un paese') }}</option>
                                        @foreach($countries as $country)
                                            <option value="{{ $country->id }}" {{ old('address_country_id', $legalAddress->country_id) == $country->id ? 'selected' : '' }}>
                                                {{ $country->name_it }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label for="address_region" class="form-label">{{ __('Regione') }}</label>
                                    <input type="text" name="address_region" id="address_region" value="{{ old('address_region', $legalAddress->region) }}" class="form-control" required>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label for="address_province" class="form-label">{{ __('Provincia') }}</label>
                                    <input type="text" name="address_province" id="address_province" value="{{ old('address_province', $legalAddress->province) }}" class="form-control" required>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label for="address_city" class="form-label">{{ __('Città') }}</label>
                                    <input type="text" name="address_city" id="address_city" value="{{ old('address_city', $legalAddress->city) }}" class="form-control" required>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label for="address_postal_code" class="form-label">{{ __('CAP') }}</label>
                                    <input type="text" name="address_postal_code" id="address_postal_code" value="{{ old('address_postal_code', $legalAddress->postal_code) }}" class="form-control" required>
                                </div>

                                <div class="col-12">
                                    <button type="submit" class="btn btn-primary">{{ __('Salva Modifiche') }}</button>
                                </div>
                            </form>
                        </div>

                        <!-- Tab Dati Personali Manager -->
                        <div class="tab-pane fade" id="manager" role="tabpanel" aria-labelledby="manager-tab">
                            <h4>{{ __('I tuoi dati personali') }}</h4>
                            <div class="row g-3">
                                <div class="col-12 col-md-6">
                                    <label class="form-label">{{ __('Nome') }}</label>
                                    <input type="text" class="form-control" value="{{ $profile->refEmployersAssociationsManager->first_name }}" disabled>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label class="form-label">{{ __('Cognome') }}</label>
                                    <input type="text" class="form-control" value="{{ $profile->refEmployersAssociationsManager->last_name }}" disabled>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label class="form-label">{{ __('Ruolo') }}</label>
                                    <input type="text" class="form-control" value="{{ $profile->refEmployersAssociationsManager->job_title }}" disabled>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label class="form-label">{{ __('Email') }}</label>
                                    <input type="email" class="form-control" value="{{ $profile->email }}" disabled>
                                </div>
                                <div class="col-12">
                                    <p class="text-muted">{{ __('Per modificare i tuoi dati personali, contatta l\'amministratore.') }}</p>
                                </div>
                            </div>
                        </div>

                        <!-- Tab Password -->
                        <div class="tab-pane fade" id="password" role="tabpanel" aria-labelledby="password-tab">
                            <h4>{{ __('Modifica la tua password') }}</h4>
                            <form class="row g-3" method="POST" action="{{ route('employers_association.updatePassword') }}">
                                @csrf
                                <div class="col-12 col-md-6">
                                    <label for="current_password" class="form-label">{{ __('Password Attuale') }}</label>
                                    <input type="password" name="current_password" id="current_password" class="form-control" required>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label for="new_password" class="form-label">{{ __('Nuova Password') }}</label>
                                    <input type="password" name="new_password" id="new_password" class="form-control" required>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label for="new_password_confirmation" class="form-label">{{ __('Conferma Nuova Password') }}</label>
                                    <input type="password" name="new_password_confirmation" id="new_password_confirmation" class="form-control" required>
                                </div>
                                <div class="col-12">
                                    <button type="submit" class="btn btn-primary">{{ __('Aggiorna Password') }}</button>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    @if(request()->has('tab'))
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                var tab = '{{ request()->get("tab") }}';
                var tabEl = document.querySelector('#' + tab + '-tab');
                if (tabEl) {
                    var tab = new bootstrap.Tab(tabEl);
                    tab.show();
                }
            });
        </script>
    @endif
@endsection