@extends('layouts.base')

@section('content')
@section('breadcrumb')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ $homeUrl }}">Accueil</a></li>
            <li class="breadcrumb-item"><a href="{{ route('account.clients.list', ['application' => $application->id]) }}">Mes clients</a></li>
            <li class="breadcrumb-item"><a href="{{ route('account.clients.show', ['client' => $client]) }}">Fiche client</a></li>
            <li class="breadcrumb-item active" aria-current="page">Modifier</li>
        </ol>
    </nav>
@endsection

<div class="container-fluid py-4">
    <div class="row">
        <div class="col-12">
            <div class="card shadow-sm">
                <div class="card-header bg-primary">
                    <h5 class="mb-0">
                        <i class="fas fa-edit me-2"></i>Modifier les informations client
                    </h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('account.clients.update', ['client' => $client]) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="lastname" class="form-label">Nom</label>
                                <input type="text" class="form-control" id="lastname" name="lastname" value="{{ old('lastname', $client->lastname) }}">
                            </div>
                            <div class="col-md-6">
                                <label for="firstname" class="form-label">Prénom</label>
                                <input type="text" class="form-control" id="firstname" name="firstname" value="{{ old('firstname', $client->firstname) }}">
                            </div>
                            <div class="col-md-6">
                                <label for="civility" class="form-label">Civilité</label>
                                <select class="form-select" id="civility" name="civility">
                                    <option value="">Sélectionner</option>
                                    <option value="mr" {{ old('civility', $client->civility?->value) == 'mr' ? 'selected' : '' }}>Monsieur</option>
                                    <option value="mme" {{ old('civility', $client->civility?->value) == 'mme' ? 'selected' : '' }}>Madame</option>
                                    <option value="mlle" {{ old('civility', $client->civility?->value) == 'mlle' ? 'selected' : '' }}>Mademoiselle</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="email" class="form-label">Email <span class="text-danger">*</span></label>
                                <input type="email" class="form-control" id="email" name="email" value="{{ old('email', $client->email) }}" required>
                            </div>
                            <div class="col-md-6">
                                <label for="phone" class="form-label">Téléphone</label>
                                <input type="text" class="form-control" id="phone" name="phone" value="{{ old('phone', format_phone_display($client->phones->first()->value ?? null)) }}">
                            </div>
                            <div class="col-md-6">
                                <label for="birthdate" class="form-label">Date de naissance</label>
                                <input type="date" class="form-control" id="birthdate" name="birthdate" value="{{ old('birthdate', $client->birthdate?->format('Y-m-d')) }}">
                            </div>
                            <div class="col-md-12">
                                <label for="address" class="form-label">Adresse</label>
                                <input type="text" class="form-control" id="address" name="address" value="{{ old('address', $client->address) }}">
                            </div>
                            <div class="col-md-6">
                                <label for="city" class="form-label">Ville</label>
                                <input type="text" class="form-control" id="city" name="city" value="{{ old('city', $client->city) }}">
                            </div>
                            <div class="col-md-6">
                                <label for="zip" class="form-label">Code postal</label>
                                <input type="text" class="form-control" id="zip" name="zip" value="{{ old('zip', $client->zip) }}">
                            </div>
                            <div class="col-md-6">
                                <label for="country" class="form-label">Pays</label>
                                <input type="text" class="form-control" id="country" name="country" value="{{ old('country', $client->country) }}" maxlength="2">
                            </div>
                            <div class="col-md-6">
                                <label for="nationality" class="form-label">Nationalité</label>
                                <input type="text" class="form-control" id="nationality" name="nationality" value="{{ old('nationality', $client->nationality) }}" maxlength="2">
                            </div>
                            <div class="col-md-12">
                                <label for="profession" class="form-label">Profession</label>
                                <input type="text" class="form-control" id="profession" name="profession" value="{{ old('profession', $client->profession) }}">
                            </div>
                            <div class="col-md-12">
                                <label for="note_promoteur" class="form-label">Note promoteur</label>
                                <textarea class="form-control" id="note_promoteur" name="note_promoteur" rows="4" placeholder="Note visible uniquement dans le back-office pour les promoteurs">{{ old('note_promoteur', $client->note_promoteur) }}</textarea>
                                <small class="text-muted">Cette note n'est visible que dans le back-office et n'est pas affichée dans le front.</small>
                            </div>
                        </div>

                        <div class="mt-4 d-flex justify-content-between gap-2 flex-wrap">
                            <a href="{{ route('account.clients.show', ['client' => $client]) }}" class="btn btn-secondary">
                                <i class="fas fa-times me-2"></i>Annuler
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save me-2"></i>Enregistrer
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection