{% extends "base.html" %}

{% load static %}


{% block content %}


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

            

            {% if user.is_authenticated %}
            <a href="{% url 'index' %}" class="btn btn-primary float-right" >Inicio</a>
            <a href="{% url 'pendientes_excel' %}" class="btn btn-info float-right" >Pendientes Excel</a>
            {% endif %}
            <div class="col-md-12">
              <div class="card">
                <div class="card-header card-header-primary">
                  <h4 class="card-title ">PENDIENTES</h4>
                  <p class="card-category">BITACORA DE PENDIENTES</p>
                </div>
                <div class="card-body">
                  <div class="table-responsive">
                    <table class="table" id="data">
                      <thead class=" text-primary">
                      <tr>
                        <th>__</th>
                        <th>NUM. DE REPORTE</th>
                        <th>FECHA</th>
                        <th>REPORTA IB</th>
                        <th>N. CONTROL</th>
                        <th>NUMERO DE SERIE</th>
                        <th>EQUIPO</th>
                        <th>AREA</th>
                        <th>FALLA PRESENTADA</th>
                        <th>CON CONTRATO</th>
                        <th>NUM. REPORTE PROVEEDOR</th>
                        <th>ACCIONES REALIZADAS</th>
                        <th>REFACCIONES PENDIENTES</th>
                        <th>ORD. SERVICIO</th>
                        <th>ACCIONES</th>
                        <th></th>
                      </tr>  
                      </thead>
                     
                      <tbody>
                        {% for dato in datos %}
                        <tr>
                          <td></td>
                          <td>{{ dato.n_reporte }}</td>
                          <td>{{ dato.fecha }}</td>
                          <td>{{ dato.reporta_ib }}</td>
                          <td>{{ dato.n_control }}</td>
                          
                            {% for equi in equipo %}
                                {% if dato.n_control == equi.n_control %}

                                <td>{{ equi.n_serie }}</td>
                                <td>{{ equi.equipo }}</td>
                                <td>{{ equi.area }}</td>

                                {% endif %}
                              {% endfor %}
        
                          <td>{{ dato.falla }}</td>
                          <td>{{ dato.contrato }}</td>
                          <td>{{ dato.reprovedor }}</td>
                          <td>
                            <button onclick="abrir_modal_penseguimiento('{% url 'crear_servrealizadopen' dato.n_reporte %}')" class="btn btn-primary">Seguimiento</button> <br>
                            
                              
                              <a href="{% url 'crear_accesoriospen' dato.n_reporte %}" class="btn btn-primary">Agregar accesorios</a> <br>
                            
                              {% for accees in accesorio %}
                                {% if dato.n_reporte == accees.control_bit %}

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

                                {% endif %}
                              {% endfor %}                          
                          </td>
                          <td>{{ dato.refacciones }}</td>
                          <td><a href="{% url 'crear_ordserviciobit' dato.n_reporte %}" class="btn btn-primary">Reparado</a></td>
                          <td>
                            {% if user.is_superuser %}
                            <a href="{% url 'actualizar_pendientes' dato.id %}" class="btn btn-primary">Actualizar</a>
                            {% endif %}
                          </td>
                          <td></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_penseguimiento(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 %}