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

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

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

{% block breadcrumb %}{{ block.super }} tipos_proveedores {% endblock %}
{% block content %}
<div class="form-actions mainmenu">
  <!-- <a class="btn btn-success" href="/contabilidad/tipo_proveedor/">Nueva</a> -->
</div>
<table class="table tableCell table-hover">
    <tr>
      <th>ID</th>
      <th>NOMBRE</th>
    </tr>
    {% for tipo_proveedor in tipos_proveedores%}
    <div id="myModal{{ tipo_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 tipo_proveedor</h4>
        <p style="color:red;">Ya no sera posible recuperar los datos del tipo_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/tipo_proveedor/{{ tipo_proveedor.id }}/">{{ tipo_proveedor.id }}</a>
      </td>
      <td>{{ tipo_proveedor.nombre }}</td>
      <td style="text-align:center;">
        <a href='#myModal{{ tipo_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 tipos_provedores.has_previous %}
        <li><a href="?page={{ tipos_provedores.previous_page_number }}">Anterior</a></li>
        {% else %}
        <li class="disabled"><a href="#">Anterior</a></li>
        {% endif %}
        <li class="disabled"><a href="#">Pagina {{ tipos_provedores.number }} de {{ tipos_provedores.paginator.num_pages }}.</a></li>
        {% if tipos_proveedores.has_next %}
        <li><a href="?page={{ tipos_proveedores.next_page_number }}">Siguiente</a></li>
        {% else %}
        <li class="disabled"><a href="#">Siguiente</a></li>
        {% endif %} 
      </ul>
    </div>
</table>
<br>
{% endblock %}