{% extends "base.html" %}
{% block title %}{{ fm.name }}{% endblock %}
{% block page_title %}<i class="bi bi-pin-angle"></i> {{ fm.name }}{% endblock %}

{% block content %}
{% set badge = {'active':'chip-active','paused':'chip-group','completed':'chip-telegram','stopped':'chip-inactive','draft':'chip-private'}.get(fm.status,'chip-private') %}

<div class="card mb-3"><div class="card-body d-flex flex-wrap align-items-center gap-3">
  <div><div class="text-muted text-xs">وضعیت</div><span class="chip {{ badge }}">{{ fm.status }}</span></div>
  <div><div class="text-muted text-xs">اکانت‌ها ({{ participant_ids|length }})</div>
    <div class="fw-semibold">{% for pid in participant_ids %}{{ account_names.get(pid, pid) }}{% if not loop.last %}، {% endif %}{% endfor %}</div>
  </div>
  <div><div class="text-muted text-xs">مقصد</div><div class="fw-semibold">{{ fm.destination_title or fm.destination_chat_id }}</div></div>
  <div><div class="text-muted text-xs">زمان‌بندی</div><div class="fw-semibold">هر {{ fm.schedule_value }} دقیقه{% if participant_ids|length > 1 %} (چرخشی بین {{ participant_ids|length }} اکانت){% endif %}</div></div>
  <div><div class="text-muted text-xs">ارسال‌شده</div><div class="fw-semibold">{{ fm.sent_count }} <span class="text-danger">{{ '('+fm.error_count|string+' خطا)' if fm.error_count else '' }}</span></div></div>
  {% if fm.ai_enabled %}<div><div class="text-muted text-xs">AI</div><div class="fw-semibold">{{ provider_name }}</div></div>{% endif %}

  <div class="ms-auto d-flex gap-2">
    <form method="POST" action="{{ url_for('fixed_messages.start', fm_id=fm.id) }}"><button class="btn btn-sm btn-success"><i class="bi bi-play-fill me-1"></i>اجرا</button></form>
    <form method="POST" action="{{ url_for('fixed_messages.pause', fm_id=fm.id) }}"><button class="btn btn-sm btn-outline-warning"><i class="bi bi-pause-fill me-1"></i>توقف موقت</button></form>
    <form method="POST" action="{{ url_for('fixed_messages.resume', fm_id=fm.id) }}"><button class="btn btn-sm btn-outline-primary"><i class="bi bi-arrow-clockwise me-1"></i>ادامه</button></form>
    <form method="POST" action="{{ url_for('fixed_messages.stop', fm_id=fm.id) }}"><button class="btn btn-sm btn-outline-danger"><i class="bi bi-stop-fill me-1"></i>پایان</button></form>
    <form method="POST" action="{{ url_for('fixed_messages.delete', fm_id=fm.id) }}" onsubmit="return confirm('حذف این پیام ثابت؟')"><button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash3"></i></button></form>
  </div>
</div></div>

{% if fm.status_detail %}<div class="alert alert-info text-xs"><i class="bi bi-info-circle me-1"></i>{{ fm.status_detail }}</div>{% endif %}

{# Full settings — editable; a running fixed message reads these once at
   start, so changes take effect from the next start, not retroactively
   (see FixedMessageService.update_settings). #}
<div class="card mb-3">
  <div class="card-header d-flex align-items-center justify-content-between">
    <h6><i class="bi bi-sliders me-2 text-accent"></i>تنظیمات پیام ثابت</h6>
    <span class="text-muted text-xs">تغییرات از اجرای بعدی اعمال می‌شود</span>
  </div>
  <div class="card-body">
    <label class="form-label text-xs">اکانت‌های شرکت‌کننده (ترتیب = ترتیب ارسال چرخشی)</label>
    <div class="row g-2 mb-3">
      {% for a in all_accounts %}
      <div class="col-md-4">
        <div class="form-check">
          <input class="form-check-input" type="checkbox" value="{{ a.id }}" id="fmAcc{{ a.id }}"
                 data-fmacc {{ 'checked' if a.id in participant_ids else '' }}>
          <label class="form-check-label text-xs" for="fmAcc{{ a.id }}">{{ a.name }}{% if a.tg_username %} · @{{ a.tg_username }}{% endif %}</label>
        </div>
      </div>
      {% else %}
      <div class="col-12 text-muted text-xs">اکانتی موجود نیست.</div>
      {% endfor %}
    </div>

    <div class="row g-3">
      <div class="col-md-3"><label class="form-label text-xs">هر چند دقیقه ارسال شود</label><input id="fmSchedValue" type="number" class="form-control form-control-sm" value="{{ fm.schedule_value }}" min="1"></div>
      <div class="col-md-3">
        <label class="form-label text-xs">نوع پایان</label>
        <select id="fmCompletion" class="form-select form-select-sm">
          <option value="manual" {{ 'selected' if fm.completion_type=='manual' else '' }}>دستی</option>
          <option value="automatic" {{ 'selected' if fm.completion_type=='automatic' else '' }}>اتوماتیک</option>
        </select>
      </div>
      <div class="col-md-2"><label class="form-label text-xs">بعد از X پیام</label><input id="fmStopMsgs" type="number" class="form-control form-control-sm" value="{{ fm.stop_after_messages or 0 }}" min="0"></div>
      <div class="col-md-2"><label class="form-label text-xs">بعد از X دقیقه</label><input id="fmStopMins" type="number" class="form-control form-control-sm" value="{{ fm.stop_after_minutes or 0 }}" min="0"></div>
      <div class="col-md-2"><label class="form-label text-xs">بعد از X ساعت</label><input id="fmStopHours" type="number" class="form-control form-control-sm" value="{{ fm.stop_after_hours or 0 }}" min="0"></div>

      <div class="col-md-3 d-flex align-items-end pb-1"><div class="form-check form-switch"><input id="fmAiEnabled" class="form-check-input" type="checkbox" {{ 'checked' if fm.ai_enabled else '' }}><label class="form-check-label text-xs">بازنویسی AI فعال</label></div></div>
      <div class="col-md-4">
        <label class="form-label text-xs">Provider</label>
        <select id="fmAiProvider" class="form-select form-select-sm">
          <option value="">— بدون Provider —</option>
          {% for p in providers %}<option value="{{ p.id }}" {{ 'selected' if fm.ai_provider_id==p.id else '' }}>{{ p.name }} ({{ p.model or p.provider_type }})</option>{% endfor %}
        </select>
      </div>
      <div class="col-md-2">
        <label class="form-label text-xs">بازنویسی هر</label>
        <select id="fmAiMode" class="form-select form-select-sm">
          <option value="per_messages" {{ 'selected' if fm.ai_rewrite_mode=='per_messages' else '' }}>X پیام یک‌بار</option>
          <option value="per_minutes" {{ 'selected' if fm.ai_rewrite_mode=='per_minutes' else '' }}>X دقیقه یک‌بار</option>
        </select>
      </div>
      <div class="col-md-3"><label class="form-label text-xs">مقدار X بازنویسی</label><input id="fmAiValue" type="number" class="form-control form-control-sm" value="{{ fm.ai_rewrite_value or 1 }}" min="1"></div>
      <div class="col-12"><label class="form-label text-xs">پرامپت اختصاصی بازنویسی (اختیاری)</label><textarea id="fmAiPrompt" class="form-control form-control-sm" rows="2">{{ fm.ai_prompt or '' }}</textarea></div>
    </div>

    <div class="d-flex align-items-center gap-2 mt-3">
      <button class="btn btn-sm btn-primary" id="saveFmSettingsBtn" onclick="saveFmSettings()"><i class="bi bi-save me-1"></i>ذخیره تنظیمات</button>
      <div id="fmSettingsStatus" class="small"></div>
    </div>
  </div>
</div>

<div class="row g-3">
  <div class="col-lg-5">
    <div class="card"><div class="card-header"><h6><i class="bi bi-card-text me-2"></i>متن پیام</h6></div>
      <div class="card-body"><div style="white-space:pre-wrap;font-size:.9rem">{{ fm.message_text }}</div>
        {% if fm.media_path %}
        <div class="text-xs mt-2">
          <i class="bi bi-paperclip me-1"></i>رسانهٔ پیوست: {{ fm.media_file_name or fm.media_path }}
          {% if fm.media_kind and fm.media_kind != 'auto' %}
          <span class="chip chip-channel">{{ {'voice':'پیام صوتی (ویس)','document':'فایل خام'}.get(fm.media_kind, fm.media_kind) }}</span>
          {% endif %}
        </div>
        {% endif %}
        {% if fm.completion_type=='automatic' %}<hr><div class="text-muted text-xs">پایان اتوماتیک:
          {% if fm.stop_after_messages %} پس از {{ fm.stop_after_messages }} پیام{% endif %}
          {% if fm.stop_after_minutes %} · {{ fm.stop_after_minutes }} دقیقه{% endif %}
          {% if fm.stop_after_hours %} · {{ fm.stop_after_hours }} ساعت{% endif %}</div>{% endif %}
      </div>
    </div>
  </div>
  <div class="col-lg-7">
    <div class="card"><div class="card-header"><h6><i class="bi bi-list-check me-2"></i>لاگ ارسال‌ها ({{ logs|length }})</h6></div>
      <div class="card-body" style="max-height:420px;overflow:auto">
        {% for l in logs %}
        <div class="mb-2 pb-2" style="border-bottom:1px solid var(--border-light)">
          <div class="d-flex justify-content-between">
            <span class="chip {{ 'chip-active' if l.status=='success' else 'chip-inactive' }}">{{ l.status }}{% if l.ai_used %} · AI{% endif %}</span>
            <span class="text-muted" style="font-size:.68rem">{{ account_names.get(l.account_id, '') }} · {{ l.created_at|jalali('%Y/%m/%d %H:%M:%S') if l.created_at else '' }}</span>
          </div>
          {% if l.error %}<div class="text-danger text-xs mt-1">{{ l.error }}</div>
          {% else %}<div class="text-xs mt-1" style="white-space:pre-wrap">{{ (l.content or '')[:300] }}</div>{% endif %}
        </div>
        {% else %}<div class="empty-state"><i class="bi bi-inbox"></i><p>هنوز ارسالی ثبت نشده است</p></div>{% endfor %}
      </div>
    </div>
  </div>
</div>

{% endblock %}

{% block scripts %}
<script>
const FM_ID = {{ fm.id }};

function saveFmSettings() {
  const btn = document.getElementById('saveFmSettingsBtn');
  const st = document.getElementById('fmSettingsStatus');
  const orig = btn.innerHTML;
  btn.disabled = true;
  btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';
  const accountIds = [...document.querySelectorAll('[data-fmacc]:checked')].map(c => +c.value);
  const payload = {
    account_ids: accountIds,
    schedule_value: +document.getElementById('fmSchedValue').value || 1,
    completion_type: document.getElementById('fmCompletion').value,
    stop_after_messages: +document.getElementById('fmStopMsgs').value || 0,
    stop_after_minutes: +document.getElementById('fmStopMins').value || 0,
    stop_after_hours: +document.getElementById('fmStopHours').value || 0,
    ai_enabled: document.getElementById('fmAiEnabled').checked,
    ai_provider_id: document.getElementById('fmAiProvider').value || null,
    ai_rewrite_mode: document.getElementById('fmAiMode').value,
    ai_rewrite_value: +document.getElementById('fmAiValue').value || 1,
    ai_prompt: document.getElementById('fmAiPrompt').value.trim(),
  };
  fetch(`/fixed-messages/${FM_ID}/settings`, {
    method: 'POST', headers: {'Content-Type':'application/json'},
    body: JSON.stringify(payload)
  }).then(r => r.json()).then(d => {
    st.className = 'small ' + (d.ok ? 'text-success' : 'text-danger');
    st.textContent = d.message || '';
  }).catch(() => { st.className = 'small text-danger'; st.textContent = 'خطای شبکه'; })
    .finally(() => { btn.disabled = false; btn.innerHTML = orig; });
}
</script>
{% endblock %}