{% extends "base.html" %}
{% block titulo %}Terceros{% endblock %}
{% block contenido %}
<div class="encabezado">
  <h1>Terceros</h1>
  <form class="buscar" method="get" action="{{ url_for('listar') }}">
    <input type="search" name="q" value="{{ q }}" placeholder="Buscar por nombre o NIT">
    <button type="submit">Buscar</button>
  </form>
</div>

{% if terceros %}
<table>
  <thead>
    <tr><th>NIT</th><th>Nombre</th><th>Tipo</th><th>Correo</th><th>Teléfono</th><th></th></tr>
  </thead>
  <tbody>
    {% for t in terceros %}
    <tr>
      <td>{{ t.nit }}</td>
      <td>{{ t.nombre }}</td>
      <td><span class="etiqueta {{ t.tipo }}">{{ t.tipo }}</span></td>
      <td>{{ t.email or "—" }}</td>
      <td>{{ t.telefono or "—" }}</td>
      <td>
        <div class="acciones">
        <a href="{{ url_for('editar', id_tercero=t.id) }}">Editar</a>
        <form method="post" action="{{ url_for('eliminar', id_tercero=t.id) }}"
              onsubmit="return confirm('¿Eliminar este tercero?');">
          <button type="submit" class="peligro">Eliminar</button>
        </form>
        </div>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p class="vacio">
  {% if q %}No hay terceros que coincidan con «{{ q }}».{% else %}Aún no hay terceros registrados.{% endif %}
  <a href="{{ url_for('crear') }}">Registra el primero</a>.
</p>
{% endif %}
{% endblock %}