{% extends "base.html" %}
{% block title %}Asistent — {{ owner.tenant.name }}{% endblock %}
{% block nav %}{% include "dashboard/_nav.html" %}{% endblock %}
{% block content %}
<h1>Virtuelni asistent</h1>

<form method="post" action="/dash/agent">
<div class="grid2">
  <div class="card">
    <h2>Glas i cijene</h2>
    <label>Glas asistenta</label>
    <select name="tts_voice">
      {% for v in voices %}
      <option value="{{ v.id }}" {{ 'selected' if t.tts_voice==v.id }}>{{ v.label }}</option>
      {% endfor %}
    </select>
    <label>Kako asistent odgovara na pitanja o cijenama</label>
    <select name="price_mode">
      <option value="exact" {{ 'selected' if t.price_mode=='exact' }}>Kaže tačnu cijenu</option>
      <option value="range" {{ 'selected' if t.price_mode=='range' }}>Kaže raspon (od–do)</option>
      <option value="on_request" {{ 'selected' if t.price_mode=='on_request' }}>„Cijene na upit"</option>
    </select>
  </div>
  <div class="card">
    <h2>Napomene za asistenta</h2>
    <p class="muted">Činjenice o salonu koje asistent smije reći klijentima
    (npr. „parking iza zgrade", „ne primamo djecu ispod 7 godina").</p>
    <textarea name="agent_notes" style="min-height:120px">{{ t.agent_notes }}</textarea>
  </div>
</div>
<button>Sačuvaj</button>
</form>

<div class="card" style="margin-top:20px">
  <h2>Chat widget za vašu web stranicu</h2>
  <p class="muted">Zalijepite ovaj red koda pred kraj <code>&lt;body&gt;</code> taga vaše
  stranice (ili ga pošaljite onome ko vam održava web):</p>
  <pre>&lt;script src="{{ base_url }}/widget.js" data-gogo-key="{{ t.widget_public_key }}" async&gt;&lt;/script&gt;</pre>
  <p class="muted">Isprobajte razgovor na <a href="/widget-demo/{{ t.widget_public_key }}" target="_blank">demo stranici</a>.</p>
</div>

<div class="card">
  <h2>Pozdravna poruka</h2>
  <p class="muted">Pozdrav i ponašanje asistenta održava Gogo tim centralno — uvijek uključuje
  obavještenje o snimanju razgovora. Trenutni pozdrav:</p>
  <blockquote style="border-left:3px solid var(--brand);margin:8px 0;padding:4px 14px;color:var(--muted)">
    {{ greeting }}
  </blockquote>
</div>
{% endblock %}