{% extends 'base.html.twig' %}

{% block body %}
    {% for type, flashMessage in app.session.flashbag.all() %}
         <div class="alert alert-{{ type }} fade in">
         <button class="close" data-dismiss="alert" type="button">×</button>
        {% if flashMessage.title is defined %}
            <strong>{{ flashMessage.title }}</strong>
          {{ flashMessage.message }}
        {% else %}
            {{ type }}
        {% endif %}
         </div>
    {% endfor %}

    <h1>Lista de personas</h1>

    <ul>
        <a class="btn btn-info" role="button" href="{{ path('persona_new') }}"><span class="glyphicon glyphicon-plus"></span></a>
    </ul>

    <table class="table table-bordered">
        <thead>
            <tr class="info">
                <th>Id</th>
                <th>Nombre</th>
                <th>Apellido</th>
                <th>Cedula</th>
                <th>Acciones</th>
        </thead>
        <tbody>
        {% for persona in personas %}
            <tr>
                <td><a href="{{ path('persona_show', { 'id': persona.id }) }}">{{ persona.id }}</a></td>
                <td>{{ persona.nombre }}</td>
                <td>{{ persona.apellido }}</td>
                <td><a href="{{ path('persona_show', { 'id': persona.id }) }}">{{ persona.cedula }}</td></a>
                <td>
                    <ul>
                        <a class="btn btn-info" role="button" href="{{ path('persona_show', { 'id': persona.id }) }}"><span class="glyphicon glyphicon-eye-open"></span></a>
                        <a class="btn btn-danger" role="button" href="{{ path('persona_edit', { 'id': persona.id }) }}"><span class="glyphicon glyphicon-pencil"></span></a>        
                    </ul>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}