@extends('backoffice.layout.master')
@section('setSectionTitle', __('La tua azienda'))
@if(!empty($profile->job_title))
    @section('setSectionDescription', __('Il tuo ruolo in azienda è: :role', ['role' => $profile->job_title]))
@endif

@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="detail-tab" data-bs-toggle="tab" href="#detail" role="tab"
                            aria-controls="detail" aria-selected="true">{{ __('Dettaglio azienda') }}</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link fw-bold" id="location-tab" data-bs-toggle="tab" href="#location" role="tab"
                            aria-controls="location" aria-selected="false">{{ __('Sedi aziendali') }}</a>
                    </li>
                </ul>

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

                        <div class="tab-pane fade show active" id="detail" role="tabpanel" aria-labelledby="detail-tab">
                            <form class="row g-3 align-items-center" method="POST"
                                action="{{ route('organization.update') }}">
                                @csrf

                                <div class="col-12 col-md-6 col-lg-4">
                                    <label for="name" class="form-label">{{ __('Denominazione') }}</label>
                                    <input type="text" name="name" id="name" value="{{ $organization->name }}" class="form-control" readonly>
                                </div>
                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('Partita IVA') }}" name="vat_number" :value="$organization->vat_number"
                                        :required="[true, false]" />
                                </div>
                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('Codice Fiscale Azienda') }}" name="fiscal_code" :value="$organization->fiscal_code"
                                        :required="[true, false]" />
                                </div>
                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('Telefono') }}" name="phone" :value="$organization->phone"
                                        :required="[true, false]" />
                                </div>
                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('Email') }}" name="email" :value="$organization->email"
                                        :required="[true, false]" />
                                </div>
                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('PEC') }}" name="pec" :value="$organization->pec"
                                        :required="[true, false]" />
                                </div>
                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('SDI') }}" name="sdi" :value="$organization->sdi"
                                        :required="[true, false]" />
                                </div>
                                <div class="col-12 col-md-6 col-lg-4">
                                    <x-input-field label="{{ __('Rappresentante Legale') }}" name="legal_representative" :value="$organization->legal_representative"
                                        :required="[true, false]" />
                                </div>

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

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

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

                                @if ($organization->type === 'COMPANY')
                                    <div class="col-12 mt-5">
                                        <h4>{{ __('Associazione datoriale') }}</h4>
                                    </div>
                                    <div class="col-12 col-md-6 col-lg-4">
                                        <x-input-field label="{{ __('Codice Associazione datoriale') }}" name="employers_association_code" :value="$organization->employers_association_code"
                                            :required="[false, false]" />
                                    </div>
                                @endif

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

                        <div class="tab-pane fade" id="location" role="tabpanel" aria-labelledby="location-tab">
                            <div class="row">
                                <div class="col-12 mb-4">
                                    <h5>{{ __('Sedi aziendali') }}</h5>
                                    <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#addSiteModal">
                                        <i class="bi bi-plus"></i> {{ __('Aggiungi sede') }}
                                    </button>
                                </div>

                                @if($organizationSites->isEmpty())
                                    <div class="col-12">
                                        <div class="alert alert-dark">
                                            {{ __('Non sono presenti sedi aziendali. Clicca su "Aggiungi sede" per crearne una.') }}
                                        </div>
                                    </div>
                                @else
                                    <div class="col-12">
                                        <div class="table-responsive">
                                            <table class="table table-striped">
                                                <thead>
                                                    <tr>
                                                        <th>{{ __('Nome sede') }}</th>
                                                        <th>{{ __('Indirizzo') }}</th>
                                                        <th>{{ __('Città') }}</th>
                                                        <th>{{ __('Paese') }}</th>
                                                        <th class="text-center">{{ __('Azioni') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($organizationSites as $site)
                                                        <tr>
                                                            <td><strong>{{ $site->alias }}</strong></td>
                                                            <td>
                                                                @if($site->refaddress)
                                                                    {{ $site->refaddress->street ? $site->refaddress->street . ', ' : '' }}
                                                                    {{ $site->refaddress->postal_code }} {{ $site->refaddress->city }}
                                                                @else
                                                                    <em>{{ __('Indirizzo non disponibile') }}</em>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @if($site->refaddress)
                                                                    {{ $site->refaddress->city }}, {{ $site->refaddress->province }}
                                                                @else
                                                                    -
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @if($site->refAddress && $site->refAddress->refLocationCountry)
                                                                    {{ $site->refAddress->refLocationCountry->name }}
                                                                @else
                                                                    -
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                <button type="button" class="btn btn-warning btn-sm me-1"
                                                                        onclick="editSite({{ $site->id }}, '{{ addslashes($site->alias) }}',
                                                                        {{ $site->refaddress ? $site->refaddress->country_id : 'null' }},
                                                                        '{{ $site->refaddress ? addslashes($site->refaddress->region) : '' }}',
                                                                        '{{ $site->refaddress ? addslashes($site->refaddress->province) : '' }}',
                                                                        '{{ $site->refaddress ? addslashes($site->refaddress->city) : '' }}',
                                                                        '{{ $site->refaddress ? $site->refaddress->postal_code : '' }}',
                                                                        '{{ $site->refaddress ? addslashes($site->refaddress->street) : '' }}')">
                                                                    <i class="bi bi-pencil"></i>
                                                                </button>
                                                                <a href="{{ route('organization.site.delete', $site->id) }}"
                                                                   class="btn btn-danger btn-sm"
                                                                   onclick="return confirm('{{ __('Sei sicuro di voler eliminare questa sede?') }}')">
                                                                    <i class="bi bi-trash"></i>
                                                                </a>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                @endif
                            </div>

                            <!-- Modal per aggiungere sede -->
                            <div class="modal fade" id="addSiteModal" tabindex="-1" aria-labelledby="addSiteModalLabel" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="addSiteModalLabel">{{ __('Aggiungi sede aziendale') }}</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <form method="POST" action="{{ route('organization.site.store') }}">
                                            @csrf
                                            <div class="modal-body">
                                                <div class="row g-3">
                                                    <input type="hidden" name="tab" value="location">

                                                    <div class="col-12">
                                                        <x-input-field label="{{ __('Nome della sede') }}" name="alias"
                                                            :required="[true, false]" />
                                                    </div>

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

                                                    <div class="col-12 col-md-6">
                                                        <x-input-field label="{{ __('Regione') }}" name="address_region"
                                                            :required="[true, false]" />
                                                    </div>

                                                    <div class="col-12 col-md-6">
                                                        <x-input-field label="{{ __('Provincia') }}" name="address_province"
                                                            :required="[true, false]" />
                                                    </div>

                                                    <div class="col-12 col-md-6">
                                                        <x-input-field label="{{ __('Città') }}" name="address_city"
                                                            :required="[true, false]" />
                                                    </div>

                                                    <div class="col-12 col-md-6">
                                                        <x-input-field label="{{ __('CAP') }}" name="address_postal_code"
                                                            :required="[true, false]" />
                                                    </div>

                                                    <div class="col-12">
                                                        <x-input-field label="{{ __('Indirizzo') }}" name="address_street"
                                                            :required="[false, false]" />
                                                    </div>
                                                </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-primary">{{ __('Salva sede') }}</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>

                            <!-- Modal per modificare sede -->
                            <div class="modal fade" id="editSiteModal" tabindex="-1" aria-labelledby="editSiteModalLabel" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="editSiteModalLabel">{{ __('Modifica sede aziendale') }}</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <form method="POST" id="editSiteForm">
                                            @csrf
                                            <div class="modal-body">
                                                <div class="row g-3">
                                                    <input type="hidden" name="tab" value="location">

                                                    <div class="col-12">
                                                        <x-input-field label="{{ __('Nome della sede') }}" name="alias"
                                                            :required="[true, false]" />
                                                    </div>

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

                                                    <div class="col-12 col-md-6">
                                                        <x-input-field label="{{ __('Regione') }}" name="address_region"
                                                            :required="[true, false]" />
                                                    </div>

                                                    <div class="col-12 col-md-6">
                                                        <x-input-field label="{{ __('Provincia') }}" name="address_province"
                                                            :required="[true, false]" />
                                                    </div>

                                                    <div class="col-12 col-md-6">
                                                        <x-input-field label="{{ __('Città') }}" name="address_city"
                                                            :required="[true, false]" />
                                                    </div>

                                                    <div class="col-12 col-md-6">
                                                        <x-input-field label="{{ __('CAP') }}" name="address_postal_code"
                                                            :required="[true, false]" />
                                                    </div>

                                                    <div class="col-12">
                                                        <x-input-field label="{{ __('Indirizzo') }}" name="address_street"
                                                            :required="[false, false]" />
                                                    </div>
                                                </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 sede') }}</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </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();
                }
            }
        });

        function editSite(siteId, alias, countryId, region, province, city, postalCode, street) {
            // Popolo il form di modifica con i dati della sede
            const form = document.getElementById('editSiteForm');
            form.action = `{{ url('backoffice/organization/site') }}/${siteId}`;

            // Popolo i campi del form
            form.querySelector('input[name="alias"]').value = alias || '';
            form.querySelector('select[name="address_country_id"]').value = countryId || '';
            form.querySelector('input[name="address_region"]').value = region || '';
            form.querySelector('input[name="address_province"]').value = province || '';
            form.querySelector('input[name="address_city"]').value = city || '';
            form.querySelector('input[name="address_postal_code"]').value = postalCode || '';
            form.querySelector('input[name="address_street"]').value = street || '';

            // Mostro il modal
            const modal = new bootstrap.Modal(document.getElementById('editSiteModal'));
            modal.show();
        }
    </script>
@endsection