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

{% block title %}Oficinas index{% endblock %}

{% block body %}
    <h1>Lista de Oficina index</h1>

    <table class="table table-border table-hover">
        <thead class="thead-dark">
            <tr>
                <th>Id</th>
                <th>Nombre</th>
                <th>Direccion</th>
                <th>Activo</th>
                <th>actions</th>
            </tr>
        </thead>
        <tbody>
        {% for oficina in oficinas %}
            <tr>
                <td>{{ oficina.id }}</td>
                <td>{{ oficina.nombre }}</td>
                <td>{{ oficina.direccion }}</td>
                <td>{{ oficina.activo ? "<span class='fa fa-check-circle' style='color:green'></span>" : "<span style='color:red' class='fa fa-times-circle'></span>" }}</td>
                <td>
                    <a class="btn btn-sm btn-info" style="margin-bottom: 4px" href="{{ path('oficina_show', {'id': oficina.id}) }}"><span class="fas fa-info-circle"></span>&nbspVer</a>
                     <a class="btn btn-sm btn-primary" style="margin-bottom: 4px" href="{{ path('oficina_edit', {'id': oficina.id}) }}"><span class="fa fa-edit"></span> Editar</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="5">no se encontraron oficinas</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <a class="btn btn-primary " href="{{ path('oficina_new') }}"><span class="fa fa-plus-square"></span> Nueva Oficina</a>
{% endblock %}