{% load custom_tags %}
{# ستون «شماره‌های تماس» مشتری — تک‌منبع برای همهٔ صفحاتِ ستون اطلاعات مشتری. #}
{# شماره‌ها از خودِ شیء customer استخراج می‌شوند (نه context view) تا هیچ صفحه‌ای بدون داده نماند. #}
{# با phones_editable=1 (قالب‌هایی که اسکریپت افزودن/حذف شماره دارند) دکمه‌های ویرایش هم می‌آیند. #}
{% customer_phones customer as sms_phone_entries %}
<div class="field column is-12-desktop is-12-mobile m-0">
  <label class="label">شماره‌های تماس</label>
  <div id="dynamic-phones-edit">
    {% for entry in sms_phone_entries %}
    <div class="field has-addons mt-2 ss02">
      <div class="control" style="width: 30%;">
        <input disabled value="{{ entry.title }}" name="phone_titles" class="input" type="text" placeholder="عنوان">
      </div>
      <div class="control is-expanded">
        <input disabled value="{{ entry.display }}" name="phones" class="input an_phone" type="text" placeholder="تلفن">
      </div>
      <div class="control">
        <a href="tel:{{ entry.display }}" class="button is-success" title="تماس با {{ entry.display }}">
          📞
        </a>
      </div>
      {% if phones_editable and perms.admin_panel.ViewStore %}
      <div class="control">
        <button type="button" disabled class="button is-danger remove-phone-btn">-</button>
      </div>
      {% endif %}
    </div>
    {% empty %}
    <p class="help mt-2">شماره‌ای برای این مشتری ثبت نشده است.</p>
    {% endfor %}
  </div>
  {% if phones_editable and perms.admin_panel.ViewStore %}
  <button type="button" disabled id="add-more-phone-edit" class="button is-small is-info mt-2 w-100 add-phone-btn">
    + افزودن شماره دیگر
  </button>
  {% endif %}
</div>