{% 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 %}
            {% if form is not None %}
            <div class="col-md-12">
              <div class="card">
                <div class="card-header card-header-primary">
                  <h4 class="card-title ">Ingreso</h4>
                  <p class="card-category">Servicios</p>
                </div>

                <div class="card-body">
                  <form method="POST" action="{% url 'crear_servrealizado' %}" class="mt-3" autocomplete="off" >
                    {% csrf_token %}
                    <p>Folio</p>
                    <input name="folio" type="text" placeholder="{{ folio }}" class="form-control" value="{{ folio }}" > <br>
                    <p>No. de Control</p>
                    <input name="ser_s_n_control" type="text" placeholder="{{ n_control }}" class="form-control" value="{{ n_control }}" > <br>
                    <p>No. de Reporte Bitacora</p>
                    <input name="control_bit" type="text" placeholder="{{ nreporte }}" class="form-control" value="{{ nreporte }}" > <br>
                    {{ form|crispy }}
                    <button type="submit" class="btn btn-success">Guardar</button>
                  </form>
                </div>
              </div>
            </div>
            {% 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">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>
        </div>
      </div>

      {% endblock content %}