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

{% block title %}Modulo{% endblock %}

{% block body %}
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark"><i class="fas fa-handshake"></i>&nbsp;Módulo&nbsp;{{ modulo.nombre }}</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
     
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"> <a href="{{ path('modulo_index') }}">Volver a lista</a></li>
            
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>

    <div class="content">
    <div class="container-fluid">
    <div class="row">

    <div class="card card-warning"  style="width:100%">
              <div class="card-header">
                <h3 class="card-title">Información principal</h3>
              </div>
    <div class="card-body">

    <table class="table">
        <tbody>
            <tr>
                <th>Id</th>
                <td>{{ modulo.id }}</td>
            </tr>
            
            <tr>
                <th>Nombre</th>
                <td>{{ modulo.nombre }}</td>
            </tr>
            <tr>
                <th>Codigo</th>
                <td>{{ modulo.codigo }}</td>
            </tr>
            <tr>
                <th>Pantalla de turnos</th>
                <td>{{ modulo.pantallaturnos }}</td>
            </tr>
                <tr>
                <th>Local</th>
                <td>{{ modulo.local }}</td>
            </tr>
            <tr>
                <th>Ejecutivo(s)</th>
                <td>
                {% for usuario in usuarios %}
                            <div class="card card-widget widget-user-2">
                            <!-- Add the bg color to the header using any of the bg-* classes -->
                            <div class="widget-user-header bg-info">
                                <div class="widget-user-image">
                                <img class="img-circle elevation-2" src="/adminlte/dist/img/user6-128x128.jpg" alt="User Avatar">
                                </div>
                                <!-- /.widget-user-image -->
                                <h3 class="widget-user-username">{{ usuario }}</h3>
                                <h5 class="widget-user-desc">{{ usuario.email }}</h5>
                            </div>
                            <div class="card-footer p-0">
                                <ul class="nav flex-column">
                                <!--
                                <li class="nav-item">
                                    <a href="#" class="nav-link">
                                    Projects <span class="float-right badge bg-primary">31</span>
                                    </a>
                                </li>-->
                                
                                </ul>
                            </div>
                            </div>
                {% endfor %}
                </td>

            </tr>
            
        </tbody>
    </table>

        </div>
    </div>


    </div>
    </div>
    </div>
{% endblock %}