@extends('layouts.admin')

@section('title', 'Nuova Persona - NetGescon')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="page-header">
                <div class="page-header-content">
                    <div class="page-title">
                        <h4><i class="fas fa-user-plus position-left"></i> <span class="font-weight-semibold">Nuova Persona</span></h4>
                    </div>
                    
                    <div class="heading-elements">
                        <div class="heading-btn-group">
                            <a href="{{ route('admin.rubrica.index') }}" class="btn btn-link btn-float has-text">
                                <i class="fas fa-arrow-left text-primary"></i>
                                <span>Torna alla Rubrica</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">
                        <i class="fas fa-user-plus mr-2"></i>
                        Inserimento Nuova Persona
                    </h5>
                </div>

                <div class="card-body">
                    <form action="{{ route('admin.rubrica.store') }}" method="POST" class="form-validate-jquery">
                        @csrf

                        <!-- Dati Anagrafici -->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group-feedback form-group-feedback-left">
                                    <h6 class="font-weight-semibold">
                                        <i class="fas fa-id-card mr-2 text-primary"></i>
                                        Dati Anagrafici
                                    </h6>
                                    <hr class="mt-2 mb-4">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="nome" class="font-weight-semibold">Nome <span class="text-danger">*</span></label>
                                    <input type="text" name="nome" id="nome" class="form-control @error('nome') is-invalid @enderror" 
                                           value="{{ old('nome') }}" required>
                                    @error('nome')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="cognome" class="font-weight-semibold">Cognome <span class="text-danger">*</span></label>
                                    <input type="text" name="cognome" id="cognome" class="form-control @error('cognome') is-invalid @enderror" 
                                           value="{{ old('cognome') }}" required>
                                    @error('cognome')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="codice_fiscale" class="font-weight-semibold">Codice Fiscale</label>
                                    <input type="text" name="codice_fiscale" id="codice_fiscale" 
                                           class="form-control @error('codice_fiscale') is-invalid @enderror" 
                                           value="{{ old('codice_fiscale') }}" maxlength="16">
                                    @error('codice_fiscale')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="data_nascita" class="font-weight-semibold">Data di Nascita</label>
                                    <input type="date" name="data_nascita" id="data_nascita" 
                                           class="form-control @error('data_nascita') is-invalid @enderror" 
                                           value="{{ old('data_nascita') }}">
                                    @error('data_nascita')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Contatti -->
                        <div class="row mt-4">
                            <div class="col-md-12">
                                <div class="form-group-feedback form-group-feedback-left">
                                    <h6 class="font-weight-semibold">
                                        <i class="fas fa-phone mr-2 text-success"></i>
                                        Contatti
                                    </h6>
                                    <hr class="mt-2 mb-4">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="telefono_1" class="font-weight-semibold">Telefono Principale</label>
                                    <input type="tel" name="telefono_1" id="telefono_1" 
                                           class="form-control @error('telefono_1') is-invalid @enderror" 
                                           value="{{ old('telefono_1') }}">
                                    @error('telefono_1')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="telefono_2" class="font-weight-semibold">Telefono Secondario</label>
                                    <input type="tel" name="telefono_2" id="telefono_2" 
                                           class="form-control @error('telefono_2') is-invalid @enderror" 
                                           value="{{ old('telefono_2') }}">
                                    @error('telefono_2')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="email" class="font-weight-semibold">Email</label>
                                    <input type="email" name="email" id="email" 
                                           class="form-control @error('email') is-invalid @enderror" 
                                           value="{{ old('email') }}">
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Relazione con Unità Immobiliare -->
                        <div class="row mt-4">
                            <div class="col-md-12">
                                <div class="form-group-feedback form-group-feedback-left">
                                    <h6 class="font-weight-semibold">
                                        <i class="fas fa-home mr-2 text-warning"></i>
                                        Collegamento Unità Immobiliare
                                    </h6>
                                    <hr class="mt-2 mb-4">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="unita_immobiliare_id" class="font-weight-semibold">Unità Immobiliare</label>
                                    <select name="unita_immobiliare_id" id="unita_immobiliare_id" 
                                            class="form-control select2 @error('unita_immobiliare_id') is-invalid @enderror">
                                        <option value="">Seleziona un'unità immobiliare...</option>
                                        @foreach($unitaDisponibili as $unita)
                                            <option value="{{ $unita->id }}" {{ old('unita_immobiliare_id') == $unita->id ? 'selected' : '' }}>
                                                {{ $unita->stabile->denominazione }} - {{ $unita->codice_interno }}
                                                ({{ $unita->tipologia }} - {{ $unita->superficie_mq ?? 'N/A' }}mq)
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('unita_immobiliare_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="tipo_relazione_id" class="font-weight-semibold">Tipo di Relazione</label>
                                    <select name="tipo_relazione_id" id="tipo_relazione_id" 
                                            class="form-control select2 @error('tipo_relazione_id') is-invalid @enderror">
                                        <option value="">Seleziona tipo di relazione...</option>
                                        @foreach($tipiRelazione as $tipo)
                                            <option value="{{ $tipo->id }}" {{ old('tipo_relazione_id') == $tipo->id ? 'selected' : '' }}>
                                                {{ $tipo->nome }}
                                                @if($tipo->descrizione)
                                                    - {{ $tipo->descrizione }}
                                                @endif
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('tipo_relazione_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Pulsanti di Azione -->
                        <div class="row mt-4">
                            <div class="col-12">
                                <div class="text-right">
                                    <a href="{{ route('admin.rubrica.index') }}" class="btn btn-light mr-2">
                                        <i class="fas fa-times mr-1"></i>
                                        Annulla
                                    </a>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-save mr-1"></i>
                                        Salva Persona
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
$(document).ready(function() {
    // Initialize Select2
    $('.select2').select2({
        theme: 'bootstrap4',
        width: '100%'
    });
    
    // Auto-format Codice Fiscale
    $('#codice_fiscale').on('input', function() {
        this.value = this.value.toUpperCase();
    });
});
</script>
@endpush
@endsection