{% extends "base.html" %}

{% block titulo %} ABASTECIMIENTO {% endblock %} 

{% block seccion %}
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h5 class="m-0">Panel del Punto de Abastecimiento</h5>
      </div>
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="#">Información</a></li>
          <li class="breadcrumb-item active">Producto</li>
        </ol>
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block contenido %}

<div class="card card-dark card-outline">
  <div class="card-header">
    <div class="d-flex justify-content-between">
      <h3 class="card-title m-0"></h3>
      <h3 class="card-title m-0">Llegada del Producto enviado del Servicio de Armamento</h3>
      <h3 class="card-title m-0"></h3>
    </div>
  </div>
  <div class="card-body">
   <div class="table-responsive">
    <table id="example1" class="table table-bordered table-striped  table-hover-blue">
      <thead class="table-dark">
        <tr>
          <th>F-ENTRADA</th>
          <th>NOMBRE DEL PRODUCTO</th>
          <th>SERIALES</th>
          <th>CANTIDAD</th>
          <th>PRECIO</th>
          <th>TOTAL</th>
        </tr>
      </thead>
      <tbody>
      {% for datos in producto %}
        <tr>
          <td>{{datos.fecha_salida|date:'d-m-Y'}}</td>
          <td>{{datos.movimiento}}</td>
          <td>{{datos.serial}}</td>
          <td>{{datos.cantidad}}</td>
          <td>{{datos.precio}}</td>
          <td>{{datos.total}}</td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
    </div>
  </div>
</div>



{% endblock %}