{% extends "base.html" %}
{% block titulo %}Directorio de Clientes{% endblock %}
{% block encabezado %}Directorio de Clientes{% endblock %}
{% block contenido %}

<form class="barra" method="get">
  <input class="crece" type="search" name="q" value="{{ q }}" placeholder="Buscar por RUT o nombre…">
  <button class="btn btn--fantasma">Buscar</button>
  <a class="btn btn--primario" href="{{ url_for('clientes.form') }}">+ Nuevo cliente</a>
</form>

<div class="tarjeta">
  <div style="overflow-x:auto">
  <table class="tabla">
    <thead><tr><th>RUT</th><th>Nombre / Razón social</th><th class="der">Acciones</th></tr></thead>
    <tbody>
      {% for id, rut, dv, nombre in filas %}
      <tr>
        <td>{{ fmt(rut) }}-{{ dv }}</td>
        <td>{{ nombre }}</td>
        <td class="der">
          <a class="btn btn--fantasma mini" href="{{ url_for('clientes.form', id_cli=id) }}">Editar</a>
          <form method="post" action="{{ url_for('clientes.eliminar', id_cli=id) }}" style="display:inline"
                onsubmit="return confirm('¿Eliminar este cliente?')">
            <button class="btn btn--peligro mini">Eliminar</button>
          </form>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="3" class="muted">Sin clientes que coincidan.</td></tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
</div>
{% endblock %}