<?php
$companyContacts = isset($companyContacts) && is_array($companyContacts) ? $companyContacts : [];
$contactTypes = isset($contactTypes) && is_array($contactTypes) ? $contactTypes : company_profile_contact_types();
$renderContacts = $companyContacts ?: [['type' => 'mobile', 'label' => '', 'value' => '']];
?>
<section class="cpi-contact-editor" aria-labelledby="cpiContactTitle">
  <header>
    <div>
      <h3 id="cpiContactTitle">أرقام ووسائل التواصل</h3>
      <p>يمكن إضافة أكثر من رقم أو وسيلة، وستظهر البيانات المحفوظة في بطاقات معلومات المشتركين.</p>
    </div>
    <button type="button" class="cpi-add-contact" data-company-contact-add><i class="fa fa-plus"></i><span>إضافة وسيلة</span></button>
  </header>
  <div class="cpi-contact-list" data-company-contacts>
    <?php foreach ($renderContacts as $contact): ?>
      <div class="cpi-contact-row" data-company-contact-row>
        <label><span>النوع</span><select name="contact_type[]">
          <?php foreach ($contactTypes as $value => $label): ?><option value="<?= h($value) ?>" <?= (($contact['type'] ?? '') === $value) ? 'selected' : '' ?>><?= h($label) ?></option><?php endforeach; ?>
        </select></label>
        <label><span>التسمية الاختيارية</span><input name="contact_label[]" value="<?= h((string)($contact['label'] ?? '')) ?>" placeholder="مثال: واتساب المبيعات"></label>
        <label class="cpi-contact-value"><span>الرقم أو الرابط</span><input name="contact_value[]" value="<?= h((string)($contact['value'] ?? '')) ?>" dir="ltr" placeholder="رقم، بريد، رابط أو اسم مستخدم"></label>
        <button type="button" class="cpi-remove-contact" data-company-contact-remove title="حذف الوسيلة" aria-label="حذف الوسيلة"><i class="fa fa-trash"></i></button>
      </div>
    <?php endforeach; ?>
  </div>
  <template data-company-contact-template>
    <div class="cpi-contact-row" data-company-contact-row>
      <label><span>النوع</span><select name="contact_type[]">
        <?php foreach ($contactTypes as $value => $label): ?><option value="<?= h($value) ?>"><?= h($label) ?></option><?php endforeach; ?>
      </select></label>
      <label><span>التسمية الاختيارية</span><input name="contact_label[]" value="" placeholder="مثال: واتساب المبيعات"></label>
      <label class="cpi-contact-value"><span>الرقم أو الرابط</span><input name="contact_value[]" value="" dir="ltr" placeholder="رقم، بريد، رابط أو اسم مستخدم"></label>
      <button type="button" class="cpi-remove-contact" data-company-contact-remove title="حذف الوسيلة" aria-label="حذف الوسيلة"><i class="fa fa-trash"></i></button>
    </div>
  </template>
</section>

