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

{% block title %}Modulo index{% 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ódulos</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                <!--
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Starter Page</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">Moódulos registrados</h3>
              </div>
    <div class="card-body">

    <table class="table" id="tbl_modulo">
        <thead>
            <tr>
                 <th style="width:0">Id</th>
              
                <th>Nombre</th>
                <th>Codigo</th>
                <th>Pantalla de turnos</th>  
                <th>Local</th>
                <th>Matriz</th>
                <th>Ejecutivo(s)</th>
              
                <th  style="width:210px"></th>
            </tr>
        </thead>
        <tbody>
        {% for modulo in modulos %}
            <tr>
                <td>{{ modulo.id }}</td>
              
                <td>{{ modulo.nombre }}</td>
                <td>{{ modulo.codigo }}</td>
               
                <td>{{ modulo.pantallaturnos}}</td>
                <td>{% if modulo.local.direccion is defined %}{{ modulo.local }}<br><small>{{ modulo.local.direccion }}</small>{% endif %}</td>
                <td>{% if modulo.buffer.nombre is defined %}{{ modulo.buffer.nombre }}{%  endif %}</td>
                <td>
                    {% if usuarios[modulo.id] is defined %}
                
                    {% for usuario in usuarios[modulo.id] %}
                      
                        <div class="card-comment">
                        <!-- User image -->
                        <img class="img-circle img-sm" src="/adminlte/dist/img/user6-128x128.jpg" alt="User Image">

                        <div class="comment-text">
                            <span class="username">
                            &nbsp;{{ usuario }}<br>
                            <small>{{ usuario.email }}</small>
                           
                            </span><!-- /.username -->
                        </div>
                        <!-- /.comment-text -->
                        </div>
                    {% endfor %}
              
                {% endif %}

                </td>
                <td class="text-right">

                    <a class="btn btn-primary btn-sm" href="{{ path('modulo_show', {'id': modulo.id}) }}"><i class="fas fa-folder">
                              </i>&nbsp;Ver detalles</a>
                    <a class="btn btn-info btn-sm" href="{{ path('modulo_edit', {'id': modulo.id}) }}"><i class="fas fa-edit"></i>&nbsp;Editar</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="7">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    </div>
     <div class="card-footer"><a class="btn btn-primary" href="{{ path('modulo_new') }}">Registrar módulo</a></div>
    </div>
    </div>
    </div>
    </div>
<script>
         $(function () {

                $("#tbl_modulo").DataTable();
        });
        </script>
{% endblock %}