{% extends "cuentas_por_pagar/base.html" %}
{% block title %}Proveedores{% endblock %}

<!-- CSS Code -->
{% block style_css %}{% endblock %}

<!-- JavaScript Code -->
{% block js_code %}{% endblock %}

{% block breadcrumb %}{{ block.super }} Proveedores {% endblock %}
{% block content %}
<div class="form-actions mainmenu">
  <a class="btn btn-success" href="/cuentas_por_pagar/proveedor/">Nuevo</a>
</div>
<table class="table tableCell table-hover">
    <tr>
      <th>ID</th>
      <th>NOMBRE</th>
    </tr>
    {% for proveedor in proveedores%}
    <div id="myModal{{ proveedor.id}}" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3 id="myModalLabel">Seguro que Deseas Eliminar</h3>
      </div>
      <div class="modal-body">
        <h4>Al eliminar el proveedor</h4>
        <p style="color:red;">Ya no sera posible recuperar los datos del proveedor</p>
      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal">Cancelar</button>
        <a href="#" class="btn btn-primary">Estoy Seguro</a>
      </div>
    </div>
    <tr>
      <td>
        <a href="/cuentas_por_pagar/proveedor/{{ proveedor.id }}/">{{ proveedor.id }}</a>
      </td>
      <td>{{ proveedor.nombre }}</td>
      <td style="text-align:center;">
        <a href='#myModal{{ proveedor.id}}' data-toggle="modal" class="btn btn-mini btn-danger"><i class="icon-trash"></i></a>
      </td>
    </tr>
    {% endfor %}

    <div class="pagination pagination-mini mainmenu">
      <ul>
        {% if proveedores.has_previous %}
        <li><a href="?page={{ proveedores.previous_page_number }}">Anterior</a></li>
        {% else %}
        <li class="disabled"><a href="#">Anterior</a></li>
        {% endif %}
        <li class="disabled"><a href="#">Pagina {{ proveedores.number }} de {{ proveedores.paginator.num_pages }}.</a></li>
        {% if proveedores.has_next %}
        <li><a href="?page={{ proveedores.next_page_number }}">Siguiente</a></li>
        {% else %}
        <li class="disabled"><a href="#">Siguiente</a></li>
        {% endif %} 
      </ul>
    </div>
</table>
<br>
{% endblock %}