{# templates/commercial/portefeuille/tabs/profil/index.html.twig #}
<div class="card border-0 shadow-sm">
    <div class="card-body p-4">
        {# Le formulaire pointe vers la route de sauvegarde (on passe l'ID de la souscription) #}
        <form method="POST" action="{{ path('app_commercial_portefeuille_show', {id: souscription.id}) }}">
            
            <h6 class="fw-bold mb-4 text-primary border-bottom pb-2">
                <i class="fas fa-user-edit me-2"></i>Identité & Coordonnées
            </h6>
            
            <div class="row g-3">
                {# Utilisation de getFullName() - Méthode déjà présente dans l'entité #}
                <div class="col-md-6">
                    <label class="small text-muted fw-bold">Nom Complet (Lecture seule)</label>
                    <input type="text" class="form-control bg-light" value="{{ client.fullName }}" readonly>
                </div>

                {# Champ profession - Maintenant accessible via getProfession() #}
                <div class="col-md-6">
                    <label class="small text-muted fw-bold">Profession</label>
                    <input type="text" name="profession" class="form-control" value="{{ client.profession|default('') }}">
                </div>

                <div class="col-md-6">
                    <label class="small text-muted fw-bold">Téléphone / WhatsApp</label>
                    <input type="text" name="telephone" class="form-control" value="{{ client.telephone }}">
                </div>

                <div class="col-md-6">
                    <label class="small text-muted fw-bold">Email</label>
                    <input type="email" name="email" class="form-control" value="{{ client.email }}">
                </div>

                {# Champ adresse - Maintenant accessible via getAdresse() #}
                <div class="col-md-12">
                    <label class="small text-muted fw-bold">Adresse de résidence</label>
                    <textarea name="adresse" class="form-control" rows="2">{{ client.adresse|default('') }}</textarea>
                </div>
            </div>

            <h6 class="fw-bold mt-5 mb-4 text-secondary border-bottom pb-2">
                <i class="fas fa-id-card me-2"></i>Informations KYC (Pièce d'identité)
            </h6>

            <div class="row g-3">
                {# Champ typePieceIdentite - Maintenant accessible via getTypePieceIdentite() #}
                <div class="col-md-6">
                    <label class="small text-muted fw-bold">Type de pièce</label>
                    <select name="typePieceIdentite" class="form-select">
                        <option value="">Sélectionner un type</option>
                        <option value="CNI" {{ client.typePieceIdentite == 'CNI' ? 'selected' : '' }}>Carte Nationale d'Identité (CNI)</option>
                        <option value="PASSPORT" {{ client.typePieceIdentite == 'PASSPORT' ? 'selected' : '' }}>Passeport</option>
                        <option value="PERMIS" {{ client.typePieceIdentite == 'PERMIS' ? 'selected' : '' }}>Permis de conduire</option>
                        <option value="ATTESTATION" {{ client.typePieceIdentite == 'ATTESTATION' ? 'selected' : '' }}>Attestation d'identité</option>
                    </select>
                </div>

                {# Champ numeroPieceIdentite - Maintenant accessible via getNumeroPieceIdentite() #}
                <div class="col-md-6">
                    <label class="small text-muted fw-bold">Numéro de la pièce</label>
                    <input type="text" name="numeroPieceIdentite" class="form-control" value="{{ client.numeroPieceIdentite|default('') }}">
                </div>
            </div>

            <div class="mt-4 pt-3 border-top d-flex justify-content-between align-items-center">
                <p class="small text-muted mb-0">
                    <i class="fas fa-clock me-1"></i> 
                    Compte créé le : {{ client.createdAt|date('d/m/Y') }}
                </p>
                <button type="submit" class="btn btn-primary px-4 shadow-sm">
                    <i class="fas fa-save me-2"></i>Enregistrer les modifications
                </button>
            </div>
        </form>
    </div>
</div>