{% extends "base.html" %}
{% block title %}تعامل‌ها{% endblock %}
{% block page_title %}<i class="bi bi-chat-dots"></i> تعامل‌های هوشمند{% endblock %}

{% block content %}
{% include "interactions/_nav.html" %}

<div class="row g-3 mb-4">
  <div class="col-md-4">
    <div class="stat-card" style="background:linear-gradient(135deg,#7c3aed,#4338ca);color:#fff">
      <i class="bi bi-chat-square-heart stat-icon"></i>
      <div class="stat-value">{{ interactions|length }}</div>
      <div class="stat-label">تعامل ثبت‌شده</div>
    </div>
  </div>
  <div class="col-md-4">
    <a href="{{ url_for('accounts.index') }}" class="text-decoration-none">
      <div class="stat-card" style="background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff">
        <i class="bi bi-person-badge stat-icon"></i>
        <div class="stat-value">{{ account_count }}</div>
        <div class="stat-label">اکانت</div>
      </div>
    </a>
  </div>
  <div class="col-md-4">
    <a href="{{ url_for('accounts.index') }}#ai" class="text-decoration-none">
      <div class="stat-card" style="background:linear-gradient(135deg,#059669,#047857);color:#fff">
        <i class="bi bi-cpu stat-icon"></i>
        <div class="stat-value">{{ provider_count }}</div>
        <div class="stat-label">AI Provider</div>
      </div>
    </a>
  </div>
</div>

<div class="card">
  <div class="card-header d-flex align-items-center justify-content-between">
    <h6><i class="bi bi-list-ul me-2"></i>تعامل‌ها</h6>
    <a href="{{ url_for('interactions.wizard') }}" class="btn btn-sm btn-primary">
      <i class="bi bi-plus-lg me-1"></i>ساخت تعامل
    </a>
  </div>
  <div class="table-responsive">
    <table class="table table-hover align-middle mb-0">
      <thead>
        <tr><th>#</th><th>نام</th><th>مقصد</th><th>وضعیت</th><th>ساخته‌شده</th><th style="width:120px"></th></tr>
      </thead>
      <tbody>
        {% for it in interactions %}
        {% set st = it.status %}
        {% set badge = {'running':'chip-active','paused':'chip-group','completed':'chip-telegram','stopped':'chip-inactive','error':'chip-inactive','draft':'chip-private'}.get(st,'chip-private') %}
        <tr>
          <td class="text-muted text-xs">{{ it.id }}</td>
          <td><a href="{{ url_for('interactions.detail', interaction_id=it.id) }}" class="fw-semibold text-decoration-none">{{ it.name }}</a></td>
          <td class="text-xs text-muted">{{ it.destination_title or it.destination_chat_id or '—' }}</td>
          <td><span class="chip {{ badge }}">{{ st }}</span></td>
          <td class="text-xs text-muted">{{ it.created_at|jalali if it.created_at else '—' }}</td>
          <td><a href="{{ url_for('interactions.detail', interaction_id=it.id) }}" class="btn btn-xs btn-outline-secondary"><i class="bi bi-eye"></i> مشاهده</a></td>
        </tr>
        {% else %}
        <tr><td colspan="6">
          <div class="empty-state">
            <i class="bi bi-chat-square-dots"></i>
            <p>هنوز تعاملی ساخته نشده است</p>
            <a href="{{ url_for('interactions.wizard') }}" class="btn btn-sm btn-primary mt-2"><i class="bi bi-plus-lg me-1"></i>ساخت اولین تعامل</a>
          </div>
        </td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}