{% extends "base.html" %}

{% load static %}

{% load crispy_forms_tags %}

{% block content %}


      <!-- End Navbar -->
      <div class="content">
        <div class="container-fluid">
          <div class="row">

            

            {% if user.is_superuser %}
            <a href="{% url 'crear_bitacora' %}" class="btn btn-info float-right" >Ingresar Reporte</a>
            <a href="{% url 'bitacora_excel' %}" class="btn btn-info float-right" >Bitacora Excel</a>
            
            {% endif %}
            

            <div class="col-md-12">
              <div class="card">
                <div class="card-header card-header-primary">
                  <h4 class="card-title ">BITACORA</h4>
                  <p class="card-category">BITACORA</p>
                </div>
                <div class="card-body">
                  <div class="table-responsive">
                    <table class="table"  id="data">
                      <thead class=" text-primary">
                        <th>+</th>
                        <th style="text-align: center;">NO. DE REPORTE</th>
                        <th>FECHA</th>
                        <th>AREA</th>
                        <th>REPORTE</th>
                        <th>QUIEN REPORTA</th>
                        <th>ASIGNADO A</th>
                        <th>RECIBIDO POR</th>
                        <th>HORA</th>
                        <th>ACCIONES REALIZADAS</th>
                        <!--<th>REFACCIONES</th>  -->
                        <th>ORD. SERVICIO</th>
                        <th>BIT. PENDIENTES</th>
                        <th>ACCIONES</th>
                      </thead>
                       

                      <tbody>
                        {% for dato in datos %}
                        <tr>
                          <td></td>
                          <td style="text-align: center;">{{ dato.n_reporte }}-{{ dato.n_year }}</td>
                          <td>{{ dato.fecha }}</td>
                          <td>{{ dato.area }}</td>
                          <td>{{ dato.reporte }}</td>
                          <td>{{ dato.quien_reporta }}</td>
                          <td>{{ dato.asignado }}</td>
                          <td>{{ dato.recibido_por }}</td>
                          <td>{{ dato.hora }}</td>
                          <td>
                            <button onclick="abrir_modal_penseguimientobit('{% url 'crear_servrealizadobit' dato.control_bit %}')" class="btn btn-primary">Servicio Realizado</button> <br>
                            
                              
                              <a href="{% url 'crear_accesoriosbit' dato.control_bit %}" class="btn btn-primary">Agregar accesorios</a> <br>
                            
                              {% for accees in accesorio %}
                                {% if dato.control_bit == accees.control_bit %}

                                  {{ accees.n_parte }}
                                  -/- {{ accees.cantidad }}
                                  -/- {{ accees.control_bit }} <br>

                                {% endif %}
                              {% endfor %}   
                          </td>
                          <!-- 
                          <td>
                            <a href="{% url 'refaccionespre' dato.control_bit %}" class="btn btn-primary">Agregar</a>
                            <a href="{% url 'refacciones1' dato.control_bit %}" class="btn btn-primary">VER</a>
                          </td>  -->
                          <td><a href="{% url 'crear_ordserviciobit' dato.control_bit %}" class="btn btn-primary">Reparado</a></td>
                          <td><a href="{% url 'crear_pendiente' dato.control_bit %}" class="btn btn-primary">Pendientes</a></td>
                          <td>
                            {% if user.is_superuser %}
                            <a href="{% url 'actualizar_bitacora' dato.id %}" class="btn btn-primary">Actualizar</a>
                            {% endif %}
                          </td>
                        </tr>
                        {% endfor %}
                        

                      </tbody>
                    </table>
                    
                  </div>
                </div>
              </div>
            </div>
            
            
            
          </div>
        </div>
      </div>

      <div class="modal fade" id="penseguimiento" role="dialog">    

      </div>

      <div class="modal fade" id="verseguimiento" role="dialog">    

      </div>




      {% endblock content %}

{% block javascript %}

<script type="text/javascript">
  var $ = jQuery.noConflict();
  function abrir_modal_penseguimientobit(url){
    $('#penseguimiento').load(url, function (){
      $(this).modal('show');
    });
  }
</script>

<script type="text/javascript">
  var $ = jQuery.noConflict();
  function abrir_modal_verseguimiento(url){
    $('#verseguimiento').load(url, function (){
      $(this).modal('show');
    });
  }
</script>

{% endblock javascript %}