{{--
  CONTACT INFO COMPONENT
  Hiển thị nút liên hệ với popover (SĐT, Zalo, Email, Địa chỉ)
  Usage: <x-ui.contact-info :data="$creator" />
--}}
@props(['data' => null])

@php
    $hasAny = $data?->contact_phone || $data?->contact_zalo || $data?->contact_email || $data?->address;
@endphp

@if($hasAny)
    <button
        type="button"
        class="contact-toggle-btn"
        @if($data?->contact_phone) data-phone="{{ e($data->contact_phone) }}" @endif
        @if($data?->contact_zalo) data-zalo="{{ e($data->contact_zalo) }}" @endif
        @if($data?->contact_email) data-email="{{ e($data->contact_email) }}" @endif
        @if($data?->address) data-address="{{ e($data->address) }}" @endif
        aria-expanded="false"
        aria-label="Xem liên hệ"
    >&#x1F4F1;</button>
@else
    -
@endif
