{# Herencia de la plantilla base #}
{% extends "layout.html" %}

{% block content %}
<div class="d-flex justify-content-between align-items-center"
    style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;">
    <div>&nbsp;</div>
    <a class="btn-clinic" href="{{ url_for('persona.crud') }}" style="text-decoration: none;">+ Agregar Persona</a>
</div>


<div class="table-responsive">
    <table class="table table-hover">
        <thead>
            <tr>
                <th>Nombres y Apellidos</th>
                <th>Cédula</th>
                <th>F. Nacimiento</th>
                <th>Dirección</th>
                <th>Correo Electrónico</th>
                <th width="60"></th>
                <th width="60"></th>
            </tr>
        </thead>
        <tbody>
            {% for r in personas %}
            <tr>
                <td>{{ r['nombres'] }}</td>
                <td>{{ r['cedula'] }}</td>
                <td>{{ r['fecha_nmto'] }}</td>
                <td>{{ r['direccion'] }}</td>
                <td>{{ r['email'] }}</td>
                <td class="text-center">
                    <a href="{{ url_for('persona.crud', idpersona=r['idpersona']) }}" title="Editar"
                        style="color: var(--primary);">
                        <i class="glyphicon glyphicon-pencil"></i>
                    </a>
                </td>
                <td class="text-center">
                    <a href="{{ url_for('persona.eliminar', idpersona=r['idpersona']) }}" title="Eliminar"
                        style="color: #d9534f;" onclick="return confirm('¿Seguro de eliminar este registro?');">
                        <i class="glyphicon glyphicon-trash"></i>
                    </a>
                </td>
            </tr>
            {% else %}
            <tr>
                <td colspan="7" class="text-center">No hay registros disponibles.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}