{% set verify = company_verification_data() %}
{% if verify.enabled %}
<section class="mx-auto max-w-5xl" aria-label="{{ t('verified_uk_company', lang) }}">
  <div class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm sm:p-8">
    <div class="flex items-start gap-4">
      <div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-emerald-100">
        <svg class="h-6 w-6 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
      </div>
      <div class="min-w-0 flex-1">
        <h2 class="text-lg font-black text-zinc-950">{{ t('verified_uk_company', lang) }}</h2>
        <p class="mt-1 text-sm text-zinc-600">{{ t('verification_intro', lang, company_name=verify.company_name) }}</p>
      </div>
    </div>
    <dl class="mt-6 grid gap-x-6 gap-y-4 sm:grid-cols-2">
      {% if verify.show_dealer_license_publicly and verify.company_registration_number %}
        <div><dt class="text-xs font-bold uppercase tracking-wider text-zinc-400">{{ t('company_number', lang) }}</dt><dd class="mt-1 text-sm font-semibold text-zinc-900">{{ verify.company_registration_number }}</dd></div>
      {% endif %}
      {% if verify.vat_number %}
        <div><dt class="text-xs font-bold uppercase tracking-wider text-zinc-400">{{ t('vat_number', lang) }}</dt><dd class="mt-1 text-sm font-semibold text-zinc-900">{{ verify.vat_number }}</dd></div>
      {% endif %}
      {% if settings.address_street or settings.address or verify.address %}
        <div class="sm:col-span-2"><dt class="text-xs font-bold uppercase tracking-wider text-zinc-400">{{ t('registered_office', lang) }}</dt><dd class="mt-1 text-sm font-semibold text-zinc-900">{{ format_address(settings)|safe }}</dd></div>
      {% endif %}
      {% if verify.phone %}
        <div><dt class="text-xs font-bold uppercase tracking-wider text-zinc-400">{{ t('sales_phone', lang) }}</dt><dd class="mt-1 text-sm font-semibold text-zinc-900"><a href="tel:{{ verify.phone }}" class="text-amber-700 hover:text-amber-800">{{ verify.phone }}</a></dd></div>
      {% endif %}
      {% if verify.email %}
        <div><dt class="text-xs font-bold uppercase tracking-wider text-zinc-400">{{ t('sales_email', lang) }}</dt><dd class="mt-1 text-sm font-semibold text-zinc-900"><a href="mailto:{{ verify.email }}" class="text-amber-700 hover:text-amber-800">{{ verify.email }}</a></dd></div>
      {% endif %}
    </dl>
    {% if verify.company_registration_number %}
      <div class="mt-6 border-t border-zinc-100 pt-5">
        <a class="inline-flex items-center gap-2 rounded-lg bg-zinc-950 px-5 py-2.5 text-sm font-black text-white transition hover:bg-zinc-800" href="{{ verify.companies_house_url or 'https://www.omvic.ca/' }}" target="_blank" rel="noopener noreferrer">
          <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg>
          {{ t('verify_companies_house', lang) }}
        </a>
      </div>
    {% endif %}
  </div>
</section>
{% endif %}