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

{% block title %}Matriz index{% endblock %}

{% block body %}
            <!-- Content Header (Page header) -->
    <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-random"></i>&nbsp;Matriz</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">Matriz</h3>
              </div>
    <div class="card-body">

    <table id="tbl_buffer" class="table">
        <thead>
            <tr>
                <th style="width:0">Id</th>
                <th>Nombre</th>
              
                <th>Local</th>
                <th>Filas asociadas</th>
                <th  style="width:210px"></th>
            </tr>
        </thead>
        <tbody>
        {% for buffer in buffers %}
            <tr>
                <td>{{ buffer.id }}</td>
                <td><b>{{ buffer.nombre }}</b></td>
                {# <td>{{ buffer.algoritmollamada }}</td> #}
                <td>
                {% if buffer.local.direccion is defined %}
                    {{ buffer.local }}<br><small>{{ buffer.local.direccion }}</small>
                {% endif %}
                </td>
                <td>
                {% if filas[buffer.id] is defined %}
                <ul>
                    {% for fila in filas[buffer.id] %}
                        <li>{{ fila }}</li>
                    {% endfor %}
                </ul>
                {% endif %}
                </td>
                <td class="text-right">

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

     </div>
     <div class="card-footer"><a class="btn btn-primary" href="{{ path('buffer_new') }}">Registrar Matriz</a></div>
    </div>
    </div>
    </div>
    </div>

	<script>
         $(function () {

		$("#tbl_buffer").DataTable();
	});
	</script>


{% endblock %}