{% extends "base.html" %}
{% block title %}Poziv — Gogo Telefon{% endblock %}
{% block nav %}{% include "dashboard/_nav.html" %}{% endblock %}
{% block content %}
<p><a href="/dash/calls">← Svi pozivi</a></p>
<h1>Poziv {{ call.started_at.strftime('%d.%m.%Y. %H:%M') }}
  <span class="badge {{ call.outcome }}">{{ outcome_labels.get(call.outcome, call.outcome) }}</span></h1>
<div class="card">
  <p><b>Broj:</b> {{ call.caller_msisdn or '—' }} ·
     <b>Trajanje:</b> {{ call.duration_s }}s ·
     <b>Naplaćene minute asistenta:</b> {{ (call.agent_seconds_charged / 60) | round(1) }} min</p>
  {% if call.recording_path %}
  <audio controls src="/dash/calls/{{ call.id }}/audio" style="width:100%"></audio>
  {% else %}<p class="muted">Snimka nije dostupna (obrisana nakon isteka perioda čuvanja ili poziv nije snimljen).</p>{% endif %}
</div>
{% if call.transcript %}
<div class="card">
  <h2>Transkript</h2>
  <div class="transcript">
    {% for t in call.transcript %}
      <div class="t {{ t.role }}">{{ t.text }}</div>
      {% if t.tool_calls %}<div class="tools">⚙ {% for tc in t.tool_calls %}{{ tc.name }} {% endfor %}</div>{% endif %}
    {% endfor %}
  </div>
</div>
{% endif %}
{% endblock %}