@extends('layouts.app')

@section('title', 'Nuovo Cliente')
@section('page-title', 'Nuovo Cliente')

@section('page-actions')
    <a href="{{ route('customers.index') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i>Torna alla lista
    </a>
@endsection

@section('content')

    <div class="row justify-content-center">
        <div class="col-lg-10">
            <div class="card">
                <div class="card-header bg-white border-0 pt-4 pb-0 px-4">
                    <h5 class="fw-semibold">
                        <i class="bi bi-person-plus me-2 text-primary"></i>Dati cliente
                    </h5>
                    <p class="text-muted small">I campi contrassegnati con * sono obbligatori.</p>
                </div>

                <div class="card-body p-4">
                    {{--
                        @csrf: genera un token nascosto per proteggere da attacchi CSRF
                        (Cross-Site Request Forgery). Laravel lo verifica automaticamente.
                        OBBLIGATORIO in tutti i form POST/PUT/DELETE!
                    --}}
                    <form method="POST" action="{{ route('customers.store') }}">
                        @csrf

                        @include('customers._form')

                        <div class="d-flex justify-content-end gap-2 mt-4 pt-3 border-top">
                            <a href="{{ route('customers.index') }}" class="btn btn-outline-secondary">
                                Annulla
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-check-lg me-1"></i>Salva Cliente
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection