{% extends "admin/base.html" %}

{% block title %}AI Content | Admin{% endblock %}

{% block content %}
<div class="admin-page-head">
  <div>
    <p class="eyebrow-dark">Fireworks-first generation</p>
    <h1>AI Content</h1>
    <p class="mt-3 max-w-3xl text-sm font-bold text-zinc-600">Generate listing descriptions after import using stored facts only. Prices, HST, financing, warranty, and invented specs are blocked by the prompt and cleanup layer.</p>
  </div>
  <a class="btn-outline" href="{{ url_for('admin_settings') }}">AI Settings</a>
</div>

<section class="mt-8 grid gap-4 md:grid-cols-4">
  <div class="admin-panel"><p class="form-label">Provider</p><p class="mt-2 text-2xl font-black">{{ ai_status.provider|title }}</p></div>
  <div class="admin-panel"><p class="form-label">API Status</p><p class="mt-2 text-2xl font-black">{{ "Ready" if ai_status.enabled and ai_status.active_configured else "Needs setup" }}</p></div>
  <div class="admin-panel"><p class="form-label">Needs AI description</p><p class="mt-2 text-2xl font-black">{{ missing_count }}</p></div>
  <div class="admin-panel"><p class="form-label">Generated listings</p><p class="mt-2 text-2xl font-black">{{ generated_count }}</p></div>
</section>

<section class="admin-panel mt-6">
  <h2>Model Guidance</h2>
  <div class="mt-4 grid gap-3 text-sm font-bold text-zinc-600 md:grid-cols-2">
    <p>Bulk listing descriptions: Kimi K2.5</p>
    <p>Important pages: Kimi K2.6 or GLM-4.6</p>
    <p>Translations later: Kimi K2.5</p>
    <p>Difficult cleanup: Kimi K2 Thinking</p>
  </div>
  <p class="mt-4 text-sm text-zinc-500">Selected model: {{ ai_status.fireworks_model if ai_status.provider == 'fireworks' else ai_status.openai_model }}</p>
</section>

<form class="admin-panel mt-6" method="post" action="{{ url_for('admin_bulk_generate_ai') }}">
  <div class="flex flex-col justify-between gap-3 lg:flex-row lg:items-start">
    <div>
      <h2>Bulk Generate</h2>
      <p class="mt-1 text-sm text-zinc-600">Use small batches on shared hosting. Selected rows define the pool; Missing description only then skips rows that already have successful AI content and continues to the next selected row.</p>
    </div>
    <button class="btn-primary" type="submit" {% if not ai_status.enabled or not ai_status.active_configured %}disabled{% endif %}>Generate Batch</button>
  </div>
  <div class="mt-5 grid gap-4 md:grid-cols-5">
    <label><span class="form-label">Category</span><select class="form-input" name="category"><option value="">Any category</option>{% for option in filter_options.categories %}<option value="{{ option.category }}">{{ option.category }}</option>{% endfor %}</select></label>
    <label><span class="form-label">Limit</span><select class="form-input" name="limit"><option value="1">1</option><option value="5" selected>5</option><option value="10">10</option><option value="25">25</option></select></label>
    <label><span class="form-label">Mode</span><select class="form-input" name="ai_content_mode"><option value="full">Full description</option><option value="missing">Missing fields only</option></select></label>
    <label class="rounded-lg border border-zinc-200 p-4 text-sm font-bold"><input type="checkbox" name="missing_description_only" checked> Needs AI description only</label>
    <label class="rounded-lg border border-zinc-200 p-4 text-sm font-bold"><input type="checkbox" name="imported_only"> Imported only</label>
    <label class="rounded-lg border border-zinc-200 p-4 text-sm font-bold md:col-span-2"><input type="checkbox" name="allow_ai_overwrite"> Allow overwrite make/model/body_style</label>
  </div>
  <p class="mt-4 text-sm font-black text-zinc-600" data-listing-selected-count>Selected 0 of {{ listings|length }} listings</p>

  <div class="mt-6 overflow-x-auto rounded-lg border border-zinc-200">
    <table class="min-w-full divide-y divide-zinc-200">
      <thead class="bg-zinc-100">
        <tr><th class="table-heading"><input type="checkbox" data-check-all></th><th class="table-heading">Public Ref</th><th class="table-heading">Internal Stock</th><th class="table-heading">Title</th><th class="table-heading">Category</th><th class="table-heading">Make</th><th class="table-heading">AI Status</th></tr>
      </thead>
      <tbody class="divide-y divide-zinc-200">
        {% for listing in listings %}
          <tr>
            <td class="table-cell"><input class="listing-row-checkbox" type="checkbox" name="listing_ids" value="{{ listing.id }}"></td>
            <td class="table-cell font-bold">{{ listing.public_stock_number or "No public ref" }}</td>
            <td class="table-cell text-xs font-bold text-zinc-500">{{ listing.stock_number }}</td>
            <td class="table-cell">{{ listing.title_en }}</td>
            <td class="table-cell">{{ listing.category }}</td>
            <td class="table-cell">{{ listing.make }}</td>
            <td class="table-cell">{{ "Generated" if listing.id in generated_listing_ids else ("Has manual/imported description" if listing.description_html_en else "Missing") }}</td>
          </tr>
        {% else %}
          <tr><td class="table-cell" colspan="7">No listings found.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</form>

<section class="admin-panel mt-6">
  <h2>Recent Generations</h2>
  <div class="mt-4 overflow-x-auto">
    <table class="min-w-full divide-y divide-zinc-200">
      <thead class="bg-zinc-100"><tr><th class="table-heading">Time</th><th class="table-heading">Listing</th><th class="table-heading">Provider</th><th class="table-heading">Model</th><th class="table-heading">Status</th><th class="table-heading">Error</th></tr></thead>
      <tbody class="divide-y divide-zinc-200">
        {% for row in recent_generations %}
          <tr><td class="table-cell">{{ row.created_at }}</td><td class="table-cell">{{ row.public_stock_number or row.stock_number }} {{ row.title_en or '' }}</td><td class="table-cell">{{ row.provider }}</td><td class="table-cell">{{ row.model }}</td><td class="table-cell">{{ row.status }}</td><td class="table-cell">{{ row.error }}</td></tr>
        {% else %}
          <tr><td class="table-cell" colspan="6">No AI generations yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}