{% load crispy_forms_tags %}

<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h2 class="modal-title">Ver Seguimientos</h2>
            <a href="javascript:location.reload()" class="btn btn-primary">Cerrar</a>
            
        </div>
        <div class="modal-body">
            <div class="col-md-12">
                <div class="card">
                  <div class="card-header card-header-primary">
                    <h4 class="card-title ">Servicios</h4>
                    <p class="card-category">Ver Servicio Realizado</p>
                    
                  </div>
                  <div class="card-body">
                    <div class="table-responsive">
                      <table class="table">
                        <thead class=" text-primary">
                          <th>No. Folio</th>
                          <th>No. Control</th>
                          <th>No. Reporte</th>
                          <th>Fecha</th>
                          <th>IB</th>
                          <th>Descripcion</th>
                        </thead>
                        <tbody>
                          {% for dato in datos %}
                          <tr>
                            <td>{{ dato.folio }}</td>
                            <td>{{ dato.ser_s_n_control }}</td>
                            <td>{{ dato.control_bit }}</td>
                            <td>{{ dato.ib }}</td>
                            <td>{{ dato.fecha }}</td>
                            <td>{{ dato.descripcion }}</td>
                          </tr>
                          {% endfor %}
                        </tbody>
                      </table>
                      
                    </div>
                  </div>
                </div>
              </div>
              
        </div>
        <button class="btn btn-danger" type="button" data-dismiss="modal">Cancelar</button>

    </div>

</div>