{% extends "base.html" %}
{% block titulo %}Historial de Documentos{% endblock %}
{% block encabezado %}Historial de Documentos{% endblock %}
{% block contenido %}

<div class="barra">
  <a class="btn {{ 'btn--primario' if tipo=='cot' else 'btn--fantasma' }}" href="{{ url_for('documentos.historial', tipo='cot') }}">Cotizaciones</a>
  <a class="btn {{ 'btn--primario' if tipo=='ot' else 'btn--fantasma' }}" href="{{ url_for('documentos.historial', tipo='ot') }}">Órdenes de Trabajo</a>
  {% if puede_oc %}
  <a class="btn {{ 'btn--primario' if tipo=='oc' else 'btn--fantasma' }}" href="{{ url_for('documentos.historial', tipo='oc') }}">Órdenes de Compra</a>
  {% endif %}
</div>

<form class="barra" method="get">
  <input class="crece" type="search" name="q" value="{{ q }}" placeholder="Buscar por N° o nombre…">
  <button class="btn btn--fantasma">Buscar</button>
  <span class="muted">{{ total }} registro(s)</span>
</form>

<div class="tarjeta">
  <div style="overflow-x:auto">
  <table class="tabla">
    <thead>
      <tr>
        <th>N°</th><th>Fecha</th><th>{{ 'Proveedor' if tipo=='oc' else 'Cliente' }}</th>
        <th>Creado por</th><th class="der">Total</th><th>Estado</th><th class="der">Acciones</th>
      </tr>
    </thead>
    <tbody>
    {% for f in filas %}
      {% if tipo == 'oc' %}
        {% set num, fecha, hora, creador, nombre, total, pdf_path, estado = f %}
        {% set tel, correo = '', '' %}
      {% else %}
        {% set num, fecha, hora, creador, nombre, total, pdf_path, tel, estado, correo = f %}
      {% endif %}
      <tr>
        <td><b>{{ '%03d'|format(num) }}</b></td>
        <td>{{ fecha }} {{ hora }}</td>
        <td>{{ nombre or 'Sin nombre' }}</td>
        <td class="muted">{{ creador }}</td>
        <td class="der">${{ fmt(total) }}</td>
        <td>
          {% set editable = es_admin or (tipo=='oc' and puede_oc) or (tipo=='ot' and puede_caja) or tipo=='cot' %}
          {% if editable %}
          <form method="post" action="{{ url_for('documentos.estado', tipo=tipo, numero=num) }}" style="display:inline">
            <input type="hidden" name="q" value="{{ q }}"><input type="hidden" name="p" value="{{ pagina }}">
            <select name="estado" class="estado-sel" data-estado="{{ estado }}" onchange="this.form.submit()">
              {% for e in estados %}<option {{ 'selected' if e==estado }}>{{ e }}</option>{% endfor %}
            </select>
          </form>
          {% else %}<span class="estado-chip" data-estado="{{ estado }}">{{ estado }}</span>{% endif %}
        </td>
        <td class="der">
          {% if pdf_path %}
          <a class="btn btn--fantasma mini" href="{{ url_for('documentos.pdf', tipo=tipo, numero=num) }}" target="_blank">PDF</a>
          {% endif %}
          {% if tipo != 'oc' %}
            {% set cel = tel_valido(tel) %}
            {% if cel %}
            <a class="btn btn--fantasma mini" target="_blank"
               href="https://wa.me/{{ cel }}?text={{ ('Estimado contacto, le enviamos la ' ~ titulo ~ ' N° %03d.'|format(num))|urlencode }}">WhatsApp</a>
            {% endif %}
            {% if correo and '@' in correo %}
            <a class="btn btn--fantasma mini"
               href="mailto:{{ correo.split(';')[0].split(',')[0].strip() }}?subject={{ (titulo ~ ' N° %03d - REMAQ AGROMEC'|format(num))|urlencode }}&body={{ 'Estimado contacto, adjuntamos el documento solicitado. Saludos.'|urlencode }}">Correo</a>
            {% endif %}
          {% endif %}
          {% if tipo=='cot' and estado=='Aprobada' %}
          <a class="btn btn--primario mini" href="{{ url_for('documentos.nueva', tipo='ot', copiar_cot=num) }}">→ OT</a>
          {% endif %}
          {% if es_admin or (tipo=='oc' and puede_oc) %}
          <a class="btn btn--fantasma mini" href="{{ url_for('documentos.editar', tipo=tipo, numero=num) }}">Editar</a>
          <form method="post" action="{{ url_for('documentos.borrar', tipo=tipo, numero=num) }}" style="display:inline"
                onsubmit="return confirm('¿Eliminar PERMANENTEMENTE este documento?')">
            <button class="btn btn--peligro mini">X</button>
          </form>
          {% endif %}
        </td>
      </tr>
    {% else %}
      <tr><td colspan="7" class="muted">Sin documentos.</td></tr>
    {% endfor %}
    </tbody>
  </table>
  </div>
</div>

{% if max_pag > 1 %}
<div class="paginador">
  {% if pagina > 1 %}<a href="{{ url_for('documentos.historial', tipo=tipo, q=q, p=pagina-1) }}">‹ Anterior</a>{% endif %}
  <span>Página {{ pagina }} de {{ max_pag }}</span>
  {% if pagina < max_pag %}<a href="{{ url_for('documentos.historial', tipo=tipo, q=q, p=pagina+1) }}">Siguiente ›</a>{% endif %}
</div>
{% endif %}
{% endblock %}