{# templates/commercial/portefeuille/tabs/crm/index.html.twig #}
<div class="row">
    <div class="col-md-5">
        <form method="POST" action="{{ path('app_commercial_portefeuille_show', {id: souscription.id}) }}" class="bg-light p-3 rounded">
            <h6 class="small fw-bold">Noter un échange</h6>
            <select name="type" class="form-select form-select-sm mb-2">
                <option value="APPEL">Appel</option>
                <option value="WHATSAPP">WhatsApp</option>
                <option value="VISITE">Visite</option>
            </select>
            <textarea name="commentaire" class="form-control form-control-sm mb-2" rows="3" placeholder="Résumé..."></textarea>
            <button class="btn btn-sm btn-dark w-100">Enregistrer</button>
        </form>
    </div>
    <div class="col-md-7">
        <div class="list-group list-group-flush border rounded shadow-sm">
            {% for e in echanges %}
            <div class="list-group-item p-3">
                <div class="d-flex justify-content-between">
                    <span class="badge bg-secondary mb-1">{{ e.typeEchange }}</span>
                    <small class="text-muted">{{ e.dateEchange|date('d/m/Y H:i') }}</small>
                </div>
                <p class="small mb-0">{{ e.commentaire }}</p>
            </div>
            {% endfor %}
        </div>
    </div>
</div>