@props([
    'numb' => null,
    'whatsapp' => null,
    'display' => 'block',
    'lang' => null,
])

@php
    $locale = $lang ?? app()->getLocale();
    $isWhatsapp = !empty($whatsapp);
    $value = $isWhatsapp ? $whatsapp : $numb;
    $label = $isWhatsapp
        ? 'Whatsapp:'
        : ($locale === 'ar' ? 'الهاتف:' : 'Phone:');

    $icon = $isWhatsapp
        ? asset('assets/icons/whatsapp.png')
        : asset('assets/icons/telephone.svg');

    $alt = $isWhatsapp ? 'WhatsApp icon' : 'Phone icon';
@endphp

@if($value)
<a href="{{ $isWhatsapp ? 'https://wa.me/' . preg_replace('/\D+/', '', $value) : 'tel:' . preg_replace('/\s+/', '', $value) }}"
   target="{{ $isWhatsapp ? '_blank' : '_self' }}"
   @if($isWhatsapp) rel="noopener noreferrer" @endif
   class="flex items-center gap-2 text-sm text-slate-700 hover:text-blue-600">

    <img
        src="{{ $icon }}"
        alt="{{ $alt }}"
        class="w-4 h-4"
        loading="lazy"
    >

    @if($display !== 'none')
        <span>{{ $label }}</span>
    @endif

    <span>{{ $value }}</span>
</a>
@endif