{% if voip_call_methods and customer.mobile %}
<div class="voip-call" data-voip-call data-call-url="{% url 'staff_tickets:contact_call' customer.public_id %}">
  <button type="button" class="voip-call-trigger" data-voip-call-trigger aria-expanded="false" aria-haspopup="menu">
    <span class="voip-call-trigger-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M6.6 10.8c1.7 3.3 3.3 4.9 6.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.3 1.2.4 2.5.6 3.8.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.8 21 3 13.2 3 3.7c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.8.1.4 0 .8-.3 1.1l-2.2 2.2Z"/></svg></span>
    <span class="voip-call-trigger-copy"><b>تماس</b><small>ارتباط با مخاطب</small></span>
    <span class="voip-call-chevron" aria-hidden="true">⌄</span>
  </button>
  <div class="voip-call-menu" data-voip-call-menu role="menu" aria-label="انتخاب روش تماس" hidden>
    <header><span aria-hidden="true">☎</span><div><b>شروع تماس</b><small>روش ارتباط کارشناس را انتخاب کنید</small></div></header>
    <div class="voip-call-options">
      {% if 'ip_phone' in voip_call_methods %}<button type="button" role="menuitem" data-voip-method="ip_phone"><span class="voip-method-icon" aria-hidden="true">⌁</span><span><b>تلفن داخلی</b><small>تماس از داخلی ثبت‌شده کارشناس</small></span><span class="voip-method-arrow" aria-hidden="true">←</span></button>{% endif %}
      {% if 'mobile' in voip_call_methods %}<button type="button" role="menuitem" data-voip-method="mobile"><span class="voip-method-icon is-mobile" aria-hidden="true">▯</span><span><b>موبایل کارشناس</b><small>اتصال تماس به شماره VOIP کارشناس</small></span><span class="voip-method-arrow" aria-hidden="true">←</span></button>{% endif %}
    </div>
  </div>
  <small class="voip-call-status" data-voip-call-status role="status" aria-live="polite"></small>
</div>
{% endif %}