{% load jalali %}
{% if announcement_jobs %}
<section class="info-card sms-delivery-card" aria-label="وضعیت اطلاع‌رسانی‌های تلفنی">
  <div class="sms-delivery-heading"><div><h3>وضعیت اطلاع‌رسانی‌های تلفنی</h3><small>پیگیری درخواست‌های تماس خودکار</small></div><span aria-hidden="true">☎</span></div>
  <div class="sms-delivery-list">
    {% for announcement_job in announcement_jobs %}
    <details class="sms-delivery-item">
      <summary><span class="sms-delivery-event">پیام کارشناس · {{ announcement_job.message.created_at|jalali_datetime }}</span><b>{{ announcement_job.status_label }}</b><span class="sms-delivery-info" aria-label="نمایش جزئیات اطلاع‌رسانی تلفنی" title="نمایش جزئیات">i</span></summary>
      <ol class="sms-delivery-timeline">
        <li class="is-complete"><span></span><div><b>ثبت پیام کارشناس</b><time datetime="{{ announcement_job.message.created_at|date:'c' }}">{{ announcement_job.message.created_at|jalali_datetime }}</time></div></li>
        <li class="{% if announcement_job.status == 'SENT' or announcement_job.status == 'PROCESSING' %}is-complete{% endif %}"><span></span><div><b>{% if announcement_job.attempts and announcement_job.status == 'PENDING' %}تلاش بعدی برای تماس{% else %}موعد بررسی پیام خوانده‌نشده{% endif %}</b><time datetime="{{ announcement_job.next_attempt_at|date:'c' }}">{{ announcement_job.next_attempt_at|jalali_datetime }}</time></div></li>
        <li class="{% if announcement_job.sent_at %}is-complete{% endif %}"><span></span><div><b>پذیرش درخواست توسط سرویس تماس</b>{% if announcement_job.sent_at %}<time datetime="{{ announcement_job.sent_at|date:'c' }}">{{ announcement_job.sent_at|jalali_datetime }}</time>{% else %}<small>{{ announcement_job.status_label }}</small>{% endif %}</div></li>
      </ol>
      {% if announcement_job.detail_label %}<p class="sms-delivery-description">{{ announcement_job.detail_label }}</p>{% endif %}
      {% if announcement_job.attempts %}<small class="sms-delivery-tracking">تعداد تلاش: {{ announcement_job.attempts }}</small>{% endif %}
    </details>
    {% endfor %}
  </div>
  <p class="sms-delivery-description">پذیرش درخواست، به‌تنهایی برقرار شدن یا پاسخ‌دادن به تماس را تأیید نمی‌کند.</p>
</section>
{% endif %}