{% extends "base.html" %}
{% block title %}پیام ثابت{% endblock %}
{% block page_title %}<i class="bi bi-pin-angle"></i> پیام ثابت{% endblock %}

{% block content %}
<div class="card">
  <div class="card-header d-flex align-items-center justify-content-between">
    <h6><i class="bi bi-pin-angle me-2 text-accent"></i>پیام‌های ثابت</h6>
    <a href="{{ url_for('fixed_messages.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>وضعیت</th><th style="width:110px"></th></tr></thead>
      <tbody>
        {% for it in items %}
        {% set badge = {'active':'chip-active','paused':'chip-group','completed':'chip-telegram','stopped':'chip-inactive','draft':'chip-private'}.get(it.status,'chip-private') %}
        <tr>
          <td class="text-muted text-xs">{{ it.id }}</td>
          <td><a href="{{ url_for('fixed_messages.detail', fm_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 class="text-xs">هر {{ it.schedule_value }} دقیقه</td>
          <td class="text-xs">{{ it.sent_count }}{% if it.error_count %} <span class="text-danger">({{ it.error_count }} خطا)</span>{% endif %}</td>
          <td><span class="chip {{ badge }}">{{ it.status }}</span></td>
          <td><a href="{{ url_for('fixed_messages.detail', fm_id=it.id) }}" class="btn btn-xs btn-outline-secondary"><i class="bi bi-eye"></i> مشاهده</a></td>
        </tr>
        {% else %}
        <tr><td colspan="7"><div class="empty-state"><i class="bi bi-pin-angle"></i><p>هنوز پیام ثابتی ساخته نشده است</p>
          <a href="{{ url_for('fixed_messages.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 %}