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

{% block title %}Chatbot | Admin{% endblock %}

{% block content %}
<div class="admin-page-head">
  <div>
    <p class="eyebrow-dark">Fireworks assistant</p>
    <h1>Chatbot</h1>
    <p class="mt-2 text-sm font-bold text-zinc-500">Site-wide public chatbot settings, transcripts, and knowledge base.</p>
  </div>
  <a class="btn-outline" href="{{ url_for('admin_chatbot_knowledge') }}">Knowledge Base</a>
</div>

<form class="admin-panel mt-8" method="post">
  <div class="flex flex-col justify-between gap-3 lg:flex-row lg:items-start">
    <div>
      <h2>Settings</h2>
      <p class="mt-1 text-sm text-zinc-600">Fireworks is used by default. No OpenAI chatbot calls are made.</p>
    </div>
    <span class="admin-status-badge {{ 'ok' if ai_status.fireworks_configured else 'warn' }}">
      {{ "Fireworks key configured" if ai_status.fireworks_configured else "Fireworks key missing" }}
    </span>
  </div>
  <div class="mt-5 grid gap-3 md:grid-cols-2">
    <label class="admin-check-pill"><input type="checkbox" name="chatbot_enabled" {% if settings.chatbot_enabled %}checked{% endif %}> Enable chatbot</label>
    <label class="admin-check-pill"><input type="checkbox" name="chatbot_lead_capture_enabled" {% if settings.chatbot_lead_capture_enabled %}checked{% endif %}> Enable lead capture prompt</label>
    <label class="admin-check-pill"><input type="checkbox" name="chatbot_show_desktop" {% if settings.chatbot_show_desktop %}checked{% endif %}> Show on desktop</label>
    <label class="admin-check-pill"><input type="checkbox" name="chatbot_show_mobile" {% if settings.chatbot_show_mobile %}checked{% endif %}> Show on mobile</label>
    <label>
      <span class="form-label">Chatbot model</span>
      <select class="form-input" name="chatbot_model">
        {% for label, model_id in chatbot_models %}
          <option value="{{ model_id }}" {% if settings.chatbot_model == model_id %}selected{% endif %}>{{ label }}</option>
        {% endfor %}
      </select>
      <p class="mt-2 text-xs font-bold text-zinc-500">Default: Kimi K2.5. Higher quality: Kimi K2.6. Reasoning-heavy testing: Kimi K2 Thinking.</p>
    </label>
    <label>
      <span class="form-label">Custom model ID</span>
      <input class="form-input" name="chatbot_custom_model" value="{{ settings.chatbot_custom_model or '' }}" placeholder="Optional Fireworks model override">
    </label>
    <label class="md:col-span-2">
      <span class="form-label">Greeting</span>
      <textarea class="form-input min-h-24" name="chatbot_greeting">{{ settings.chatbot_greeting or '' }}</textarea>
    </label>
    <label class="md:col-span-2">
      <span class="form-label">Fallback message</span>
      <textarea class="form-input min-h-24" name="chatbot_fallback_message">{{ settings.chatbot_fallback_message or '' }}</textarea>
    </label>
    <label class="block md:col-span-2">
      <span class="form-label">Chatbot system prompt (master instructions)</span>
      <textarea name="chatbot_system_prompt" rows="14" class="form-input font-mono text-xs w-full">{{ settings.chatbot_system_prompt or '' }}</textarea>
      <span class="mt-1 block text-xs font-bold text-zinc-500">Leave empty to use the built-in Canadian default prompt.</span>
    </label>
  </div>
  <button class="btn-primary mt-6" type="submit">Save Chatbot Settings</button>
</form>

<section class="admin-panel mt-8">
  <div class="admin-section-head">
    <div>
      <h2>Recent Chat Sessions</h2>
      <p>Knowledge entries: {{ knowledge_count }}. Chat transcripts are stored locally in SQLite.</p>
    </div>
  </div>
  <div class="mt-5 overflow-x-auto">
    <table class="min-w-full divide-y divide-zinc-200">
      <thead class="bg-zinc-100"><tr><th class="table-heading">Session</th><th class="table-heading">Page</th><th class="table-heading">Listing</th><th class="table-heading">Lead</th><th class="table-heading">Updated</th><th class="table-heading">Actions</th></tr></thead>
      <tbody class="divide-y divide-zinc-200">
        {% for chat in sessions %}
          <tr>
            <td class="table-cell">{{ chat.session_token[:10] }}...</td>
            <td class="table-cell">{{ chat.source_page or 'Unknown' }}</td>
            <td class="table-cell">{{ chat.public_stock_number or chat.title_en or 'General' }}</td>
            <td class="table-cell">{{ 'Yes' if chat.lead_created else 'No' }}</td>
            <td class="table-cell">{{ chat.updated_at }}</td>
            <td class="table-cell"><a class="font-bold underline decoration-amber-400 decoration-2 underline-offset-4" href="{{ url_for('admin_chatbot_session', id=chat.id) }}">Transcript</a></td>
          </tr>
        {% else %}
          <tr><td class="table-cell" colspan="6">No chat sessions yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}