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


{% block title %}{{ parent() }} - usuarios{% endblock %}

{% block stylesheets %}{{ parent() }}{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}
{% block body3 %}

    {#<div class="container">
        <div class="row">
            <main class="col-9 border border-light bg-light p-2">

                <div class="card">
                    <div class="card-body">
                        <h3>REQUISIÇÕES ENVIADAS</h3>
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered" id="zero_config">
                                <thead>
                                <tr>
                                    <th>NOME</th>
                                    <th>ATRIBUIÇÕES</th>
                                    <th>E-MAIL</th>
                                    <th>AUTENTICADO</th>
                                    <th>Ações</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for user in users %}
                                    <tr>
                                        <td>{{ user.nome }}</td>

                                        <td>
                                            {% for role in user.roles %}
                                                {% if role == "ROLE_ADMIN" %}
                                                    {% set name="Administrador" %}
                                                    {% set color="danger" %}
                                                {% elseif role == "ROLE_CLIENTE_ADMIN"%}
                                                    {% set name="Cliente" %}
                                                    {% set color="success" %}
                                                {% elseif role == "ROLE_SECRE_ADMIN"%}
                                                    {% set name="Secretario(a)" %}
                                                    {% set color="warning" %}
                                                {% else %}
                                                    {% set name="Usuário normal" %}
                                                    {% set color="dark" %}
                                                {% endif %}
                                                <span class="badge bg-{{ color }}">{{ name }}</span>
                                            {% endfor %}
                                        </td>
                                        <td>{{ user.email }}</td>  <!--disabled-->
                                        <td>

                                            <div class="form-check form-switch">
                                                <input class="form-check-input" type="checkbox" role="switch" id="switch{{ user.id }}" {{ user.isVerified ?"checked" : ""}} checked>

                                                <label class="form-check-label" for="switch{{ user.id }}"></label>
                                            </div>
                                        </td>
                                        <td>
                                            <a href="{{ path('app_admin_principal_user_edit',{id: user.id}) }}" class="btn btn-warning"><i class="fas fa-edit"></i></a>
                                            <a href="" class="btn btn-danger"><i class="fas fa-cancel"></i></a>
                                        </td>

                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </main>
        </div>
    </div>#}

    <div class="container-fluid">
        <!-- ============================================================== -->
        <!-- Sales Cards  -->
        <!-- ============================================================== -->
        <div class="row">
            <!-- Column -->

            <div class="col-md-6 col-lg-2 col-xlg-3">
                <a href="#">
                    <div class="card card-hover">
                        <div class="box bg-dark text-center">
                            <h1 class="font-light text-white"><i class="mdi mdi-view-dashboard"></i></h1>
                            <h6 class="text-white" style="text-transform: uppercase;">Vistorias Solicitadas</h6>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-6 col-lg-2 col-xlg-3">
                <a href="#">
                    <div class="card card-hover">
                        <div class="box bg-info text-center">
                            <h1 class="font-light text-white"><i class="mdi mdi-calendar-check"></i></h1>
                            <h6 class="text-white" style="text-transform: uppercase;">Agendamentos Marcados</h6>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Column -->
            {#<div class="col-md-6 col-lg-4 col-xlg-3">
                <div class="card card-hover">
                    <div class="box bg-success text-center">
                        <h1 class="font-light text-white"><i class="mdi mdi-chart-areaspline"></i></h1>
                        <h6 class="text-white">Charts</h6>
                    </div>
                </div>
            </div>#}
            <!-- Column -->
            <div class="col-md-6 col-lg-2 col-xlg-3">
                <a href="{{ path('app_extintor_index') }}">
                    <div class="card card-hover">
                        <div class="box bg-warning text-center">
                            <h1 class="font-light text-white"><img src="{{ asset('img/extintor.png') }}"/> </h1>
                            <h6 class="text-white" style="text-transform: uppercase;">Extintores Solicitados</h6>
                        </div>
                    </div>
                </a>
            </div>
            <!-- Column -->
            <div class="col-md-6 col-lg-2 col-xlg-3">
                <a href="#">
                    <div class="card card-hover">
                        <div class="box bg-danger text-center">
                            <h1 class="font-light text-white"><i class="mdi mdi-file-document"></i></h1>
                            <h6 class="text-white" style="text-transform: uppercase;">Licenças Solicitadas</h6>
                        </div>
                    </div>
                </a>
            </div>
            <!-- Column -->
            <div class="col-md-6 col-lg-2 col-xlg-3">
                <a href="#">
                    <div class="card card-hover">
                        <div class="box bg-info text-center">
                            <h1 class="font-light text-white"><i class="mdi mdi-check-circle-outline"></i></h1>
                            <h6 class="text-white" style="text-transform: uppercase;">Inspeções Solicitadas</h6>
                        </div>
                    </div>
                </a>
            </div>
            <!-- Column -->
            <!-- Column -->
            {#<div class="col-md-6 col-lg-4 col-xlg-3">
                <div class="card card-hover">
                    <div class="box bg-danger text-center">
                        <h1 class="font-light text-white"><i class="mdi mdi-receipt"></i></h1>
                        <h6 class="text-white">Forms</h6>
                    </div>
                </div>
            </div>#}
            <!-- Column -->
            {#<div class="col-md-6 col-lg-2 col-xlg-3">
                <div class="card card-hover">
                    <div class="box bg-info text-center">
                        <h1 class="font-light text-white"><i class="mdi mdi-relative-scale"></i></h1>
                        <h6 class="text-white">Buttons</h6>
                    </div>
                </div>
            </div>#}
            <!-- Column -->

            <!-- Column -->
            {# <div class="col-md-6 col-lg-2 col-xlg-3">
                 <div class="card card-hover">
                     <div class="box bg-success text-center">
                         <h1 class="font-light text-white"><i class="mdi mdi-calendar-check"></i></h1>
                         <h6 class="text-white">Calnedar</h6>
                     </div>
                 </div>
             </div>#}
            <!-- Column -->
            {#<div class="col-md-6 col-lg-2 col-xlg-3">
                <div class="card card-hover">
                    <div class="box bg-warning text-center">
                        <h1 class="font-light text-white"><i class="mdi mdi-alert"></i></h1>
                        <h6 class="text-white">Errors</h6>
                    </div>
                </div>
            </div>#}
            <!-- Column -->
        </div>
        <!-- ============================================================== -->
        <!-- Recent comment and chats -->
        <!-- ============================================================== -->
        {#<section>
            {% include '_partials/_flash.html.twig' %}
            {% block body %}{% endblock %}
        </section>#}
    </div>


{% endblock %}