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

{% block title %}Motivos de pausa{% 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="fa fa-hand-paper"></i>&nbsp;Motivos de visita</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">Motivos registrados</h3>
        </div>
    <div class="card-body">

    <table class="table">
    <thead>
        <th>Local</th>
        <th>Fila</th>
        {% for m in motivo_visita %}
        <th>{{ m.nombre }}</th>
        {% endfor %}
    </thead>
    <tbody>

     {% for f in filas %}
       <tr>
        <td>{{ f.nombre_local }}</td>
        <td>{{ f.nombre_fila }}</td>
        {% for m in motivo_visita %}
        <td>
            <input class="form-check-input" type="checkbox" {% if conf_motivos[f.id][m.id] is defined %} checked {% endif %}>
            
        </td>
        {% endfor %}
       </tr>
    {% endfor %}



    <tbody>
    </table>
    

    </div>

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