{% extends 'base.html' %}

{% block titulo %} Principal {% 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 de Control</h5>
      </div>
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="#">Tabla</a></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"></h3>
      <a href="#" class="btn btn-success float-left" data-toggle="modal" data-target="#modalDigital"><i class="fas fa-plus-square"></i> Nuevo</a>
    </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>N°</th>
            <th>ENTRADA</th>
            <th>NOMBRE DE UNIDAD</th>
            <th>DESCRIPCIÓN</th>
            <th>ESCANEADO</th>
            <th>ACCIONES</th>
          </tr>
        </thead>
        <tbody>
          {% for digital in digito %}
            <tr>
            <td>{{forloop.counter}}</td>
            <td>{{digital.fecha_entrada|date:"d/m/Y"}}</td>
            <td>{{digital.nombreU}}</td>
            <td>{{digital.descripcion}}</td>
            <td><a href="{{digital.img.url}}" target="_blank">Descargar</a></td>
            <td>
            <a href="{% url 'edit_info' digital.id %}" class="btn btn-info"><i class="fas fa-solid fa-marker"></i></a> 
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>

<div class="modal fade" id="modalDigital" tabindex="-1" aria-labelledby="modalTituloDigital" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-dark ">
        <h5 class="modal-title" id="modalTituloDigital">Formulario Digital</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        {% include 'digital/unidad_digital_form.html' %}
      </div>
    </div>
  </div>
</div>


{% endblock%}