{% 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_authenticated %}
            <a href="{% url 'index' %}" class="btn btn-info float-right" >Principal</a>
            <a href="{% url 'crear_ordservicio' %}" class="btn btn-info float-right" >Ingresar Orden de Servicio</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>
            {% endif %}
           

            <div class="col-md-12">
              <div class="card">
                <div class="card-header card-header-primary">
                  <h4 class="card-title ">Refacciones</h4>
                  <p class="card-category">Reporte  {{ controlcb }}</p>
                </div>
                <div class="card-body">
                  <div class="table-responsive">
                    <table class="table">
                      <thead class=" text-primary">
                        <th>REFERENCIA</th>
                        <th>No. Reporte</th>
                        <th>Cantidad</th>
                        <th>Usuario</th>
                        <th>Fecha</th>
                      </thead>
                      <tbody>
                        {% for dato in datos %}
                        <tr>
                          <td>{{ dato.referencia }}</td>
                          <td>{{ dato.n_reporte }}</td>
                          <td>{{ dato.cantidad }}</td>
                          <td>{{ dato.usuario }}</td>
                          <td>{{ dato.fecharegis }}</td>
                        </tr>
                        {% endfor %}
                      </tbody>
                    </table>
                    
                  </div>
                </div>
              </div>
            </div>
            
            
          </div>
        </div>
      </div>

      {% endblock content %}