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

{% block title %}{{ parent() }} - Municípios{% endblock %}

{% block body2 %}

    <div class="col-12">
        <div class="row">
            <div class="card">
                <div class="card-body">
                    <div class="col-2">
                        <a href="{{ path('app_bairro_add') }}" class=" btn btn-warning"><i class="fa fa-plus-circle"></i> Bairro</a>
                    </div>
                </div>

            </div>
        </div>
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Tabela de Bairros</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <table id="example1" class="table table-bordered  table-hover">
                    <thead>
                    <tr>
                        <th>Nome do bairro</th>
                        <th>Comuna</th>
                        <th>Município</th>
                        <th>Provínçia</th>
                        <th>Data de atualização</th>
                        <th>Estado</th>
                        <th>Ações</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for bairro in bairros %}
                        <tr>
                            <td>{{ bairro.nome }}</td>
                            <td>{{ bairro.nome_comuna }}</td>
                            <td>{{ bairro.nome_municipio }}</td>
                            <td>{{ bairro.nome_provincia }}</td>
                            <td>{{ bairro.updateAt|date }}</td>
                            <td>
                                {% if bairro.isAtivo == true %}
                                    {% set valor = "Ativo" %}
                                {% else %}
                                    {% set valor = "Não ativo" %}
                                {% endif %}
                                {{ valor }}
                            </td>
                            <td>
                                <a href="#" class="btn btn-warning"><i class="fas fa-edit"></i></a>
                                <a href="#" class="btn btn-primary"><i class="fas fa-eye"></i></a>
                                <a href="#" class="btn btn-danger"><i class="fas fa-trash"></i></a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                    {# <tfoot>
                     <tr>
                         <th>Rendering engine</th>
                         <th>Browser</th>
                         <th>Platform(s)</th>
                         <th>Engine version</th>
                         <th>CSS grade</th>
                     </tr>
                     </tfoot>#}
                </table>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    </div>

{% endblock %}