@php
    $shareUrl = urlencode(url()->current());
    $shareTitle = urlencode($shareTitle ?? $tenant->name);
@endphp

<div class="flex items-center gap-3 my-4">
    <span class="text-sm text-gray-500">مشاركة:</span>

    <a href="https://wa.me/?text={{ $shareTitle }}%20{{ $shareUrl }}" target="_blank" rel="noopener"
       class="text-sm px-3 py-1.5 rounded bg-gray-100 hover:bg-gray-200" title="واتساب">
        واتساب
    </a>

    <a href="https://twitter.com/intent/tweet?text={{ $shareTitle }}&url={{ $shareUrl }}" target="_blank" rel="noopener"
       class="text-sm px-3 py-1.5 rounded bg-gray-100 hover:bg-gray-200" title="X (تويتر)">
        X
    </a>

    <a href="https://www.facebook.com/sharer/sharer.php?u={{ $shareUrl }}" target="_blank" rel="noopener"
       class="text-sm px-3 py-1.5 rounded bg-gray-100 hover:bg-gray-200" title="فيسبوك">
        فيسبوك
    </a>

    <a href="https://t.me/share/url?url={{ $shareUrl }}&text={{ $shareTitle }}" target="_blank" rel="noopener"
       class="text-sm px-3 py-1.5 rounded bg-gray-100 hover:bg-gray-200" title="تيليجرام">
        تيليجرام
    </a>

    <button type="button" onclick="copyShareLink(this)" data-url="{{ urldecode($shareUrl) }}"
            class="text-sm px-3 py-1.5 rounded bg-gray-100 hover:bg-gray-200">
        نسخ الرابط
    </button>
</div>

<script>
function copyShareLink(btn) {
    navigator.clipboard.writeText(btn.dataset.url).then(() => {
        const original = btn.textContent;
        btn.textContent = 'تم النسخ ✓';
        setTimeout(() => { btn.textContent = original; }, 1500);
    });
}
</script>