{% 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-info float-right" >Principal</a>
            <a href="{% url 'crear_servrealizado' %}" class="btn btn-info float-right" >Ingresar Servicio a una Orden</a>
            <a href="{% url 'crear_accesorios' %}" class="btn btn-info float-right" >Ingresar Accesorios a una Orden</a>
            <a href="{% url 'servicios_excel' %}" class="btn btn-info float-right" >Servicios Excel</a>
            {% endif %}
            <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"> SERVICIOS</p>
                </div>
                <div class="card-body">
                  <div class="table-responsive">
                    <table class="table"  id="data">
                      <thead class=" text-primary">
                      <tr>
                        <th>__</th>
                        <th>No. Folio</th>
                        <th>Fecha</th>
                        <th>Reporta</th>
                        <th>Atiende IB1</th>
                        <th>Atiende IB2</th>
                        <th>No. Control</th>
                        <th>No. REPORTE:    </th>
                        <th>Tipo de Servicio</th>
                        <th>Origen Falla</th>
                        <th>Falla Detectada</th>
                        <th>ACCIONES REALIZADAS</th>
                        <!--  <th>Servicio Realizado</th>
                        <th>Accesorios</th> 
                        <th>CONCLUIDO</th> --> 
                        <th>Servicio Externo</th>
                        <th>PDF</th>
                        <th>Actualizar</th>
                        <th></th>
                      </tr>  
                      </thead>
                      <tbody>
                        {% for dato in datos %}
                        <tr>
                          <td></td>
                          <td>{{ dato.folio }}</td>
                          <td>{{ dato.fecha }}</td>
                          <td>{{ dato.reporta }}</td>
                          <td>{{ dato.ib1_id }}</td>
                          <td>{{ dato.ib2_id }}</td>
                          <td>{{ dato.orden_n_control }}</td>
                          <td>{{ dato.n_reporte }}</td>
                          <td>{{ dato.tipo_servicio_id }}</td>
                          <td>{{ dato.origen_falla_id }}</td>
                          <td>{{ dato.falla_detectada }}</td>
                          <td>
                            <button onclick="abrir_modal_penseguimientocon('{% 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>
                            <button onclick="abrir_modal_conseguimiento('{% url 'crear_servrealizadocon' dato.n_reporte %}')" class="btn btn-primary">Seguimiento</button> <br>
                            <button onclick="abrir_modal_verseguimiento('{% url 'verservrealizado' dato.n_reporte %}')" class="btn btn-primary">Ver</button> <br>
                            
                          </td>
                          <td><a href="{% url 'serviaccesorios' dato.n_reporte %}" class="btn btn-primary">VER</a></td>
                        
                          <td>{{ dato.estatus }}</td> -->
                          <td>{{ dato.externo_empresa }}</td>
                          <td><a href="{% url 'pdf' dato.id %}" class="btn btn-primary">PDF</a></td>
                          <td>
                            {% if user.is_superuser %}
                            <a href="{% url 'actualizar_orden' 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_penseguimientocon(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 %}