{% extends "recipe_hub/base_recipe_hub.html" %}
{% block recipe_hub_content %}
<div class="d-flex align-items-center justify-content-between mb-4">
  <h4 class="mb-0"><i class="fas fa-file-import me-2 text-success"></i>Import Log</h4>
  <span class="text-muted small">{{ total }} entries</span>
</div>

<div class="card border-0 shadow-sm mb-3">
  <div class="card-body py-2">
    <form method="GET" class="d-flex gap-2 align-items-center">
      <select name="status" class="form-select form-select-sm" style="width:auto">
        <option value="">All Status</option>
        <option value="success" {{ 'selected' if status=='success' }}>Success</option>
        <option value="partial" {{ 'selected' if status=='partial' }}>Partial</option>
        <option value="failed" {{ 'selected' if status=='failed' }}>Failed</option>
      </select>
      <button class="btn btn-sm btn-outline-primary">Filter</button>
    </form>
  </div>
</div>

<div class="card border-0 shadow-sm">
  <div class="table-responsive">
    <table class="table table-sm table-hover mb-0 align-middle">
      <thead class="table-light">
        <tr>
          <th class="ps-3">Recipe</th>
          <th>File</th>
          <th class="text-center">Match</th>
          <th>Status</th>
          <th>Date</th>
          <th>Actions</th>
        </tr>
      </thead>
      <tbody>
      {% for log in logs %}
      <tr>
        <td class="ps-3 fw-medium small">{{ log.recipe_title or '—' }}</td>
        <td class="small text-muted">{{ log.filename[:40] if log.filename else '—' }}</td>
        <td class="text-center small">
          {% if log.total_extracted %}
            {{ log.matched_count }}/{{ log.total_extracted }}
          {% else %}—{% endif %}
        </td>
        <td>
          <span class="badge {% if log.status=='success' %}bg-success{% elif log.status=='partial' %}bg-warning text-dark{% else %}bg-danger{% endif %}">
            {{ log.status or '—' }}
          </span>
        </td>
        <td class="small text-muted">{{ log.created_at.strftime('%m/%d/%y %H:%M') if log.created_at else '—' }}</td>
        <td>
          <a href="{{ url_for('recipe_hub.import_detail', log_id=log.id) }}"
             class="btn btn-link btn-sm p-0"><i class="fas fa-eye"></i></a>
          {% if log.recipe_id %}
          <a href="{{ url_for('recipe_hub.comparison') }}?log_id={{ log.id }}"
             class="btn btn-link btn-sm p-0 ms-1" title="Compare">
            <i class="fas fa-columns"></i></a>
          {% endif %}
        </td>
      </tr>
      {% else %}
      <tr><td colspan="6" class="text-center text-muted py-5">No import logs yet.</td></tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}