<div class="card border-secondary">
<div class="card-header">
{{ cabecera.nombrecliente }}
<div class="float-end">
<a href="{{ path('cliente_editar', { id: cabecera.id }) }}" class="btn btn-secondary btn-sm">Editar</a>
</div>
</div>
<div class="card-body text-secondary">
<div>
<p class="card-text mb-1"><i class="bi bi-house-fill pe-2"></i> {{ cabecera.direccioncliente }} {{ cabecera.direccion2cliente }}</p>
<p class="card-text mb-1"><i class="bi bi-telephone-fill pe-2"></i> {{ cabecera.telefonocliente }}</p>
<p class="card-text mb-1"><i class="bi bi-handbag-fill pe-2"></i> {{ cabecera.sucursal }}</p>
{% if cabecera.fechareserva %}<p class="card-text mb-1 text-primary"><i class="bi bi-alarm-fill pe-2"></i> {{ cabecera.fechareserva|date("d/m/Y g:i A") }}</p>{% endif %}
{% if cabecera.comentario %}<p class="card-text mb-1"><i class="bi bi-chat-dots-fill pe-2"></i>{{ cabecera.comentario }}</p>{% endif %}
</div>
<hr>
{% if cabecera.nombreReceptor or cabecera.telefonoReceptor or cabecera.observacionesReceptor %}
<div>
{% if cabecera.nombreReceptor %}<p class="card-text mb-1"><i class="bi bi-house pe-2"></i> {{ cabecera.nombreReceptor }}</p>{% endif %}
{% if cabecera.telefonoReceptor %}<p class="card-text mb-1"><i class="bi bi-telephone pe-2"></i> {{ cabecera.telefonoReceptor }}</p>{% endif %}
{% if cabecera.ObservacionesReceptor %}<p class="card-text mb-1"><i class="bi bi-chat-square-text pe-2"></i> {{ cabecera.ObservacionesReceptor }}</p>{% endif %}
</div>
{% endif %}
</div>
</div>