<?php
    $googlePlayUrl = $googlePlayUrl ?? null;
    $appleAppStoreUrl = $appleAppStoreUrl ?? null;
    $align = $align ?? 'start';
    $justify = match ($align) {
        'center' => 'justify-center',
        'end' => 'justify-end',
        default => 'justify-start',
    };
?>

<div class="flex flex-wrap items-center gap-3 <?php echo e($justify); ?>">
    <?php if(filled($googlePlayUrl)): ?>
        <a href="<?php echo e($googlePlayUrl); ?>" target="_blank" rel="noopener noreferrer"
           class="inline-block transition hover:scale-[1.03] hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-teal-400/50 rounded-lg"
           title="تحميل من Google Play">
            <img src="<?php echo e(asset('images/badges/google-play.svg')); ?>" alt="Google Play" width="180" height="54" class="h-12 w-auto md:h-14">
        </a>
    <?php else: ?>
        <span class="inline-flex opacity-40 grayscale" title="رابط Google Play غير مضبوط بعد">
            <img src="<?php echo e(asset('images/badges/google-play.svg')); ?>" alt="Google Play — قريباً" width="180" height="54" class="h-12 w-auto md:h-14">
        </span>
    <?php endif; ?>

    <?php if(filled($appleAppStoreUrl)): ?>
        <a href="<?php echo e($appleAppStoreUrl); ?>" target="_blank" rel="noopener noreferrer"
           class="inline-block transition hover:scale-[1.03] hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-teal-400/50 rounded-lg"
           title="تحميل من App Store">
            <img src="<?php echo e(asset('images/badges/app-store.svg')); ?>" alt="App Store" width="180" height="54" class="h-12 w-auto md:h-14">
        </a>
    <?php else: ?>
        <span class="inline-flex opacity-40 grayscale" title="رابط App Store غير مضبوط بعد">
            <img src="<?php echo e(asset('images/badges/app-store.svg')); ?>" alt="App Store — قريباً" width="180" height="54" class="h-12 w-auto md:h-14">
        </span>
    <?php endif; ?>
</div>

<?php if(!filled($googlePlayUrl) && !filled($appleAppStoreUrl) && ($showHint ?? false)): ?>
    <p class="mt-2 text-xs text-zinc-500">أضف روابط المتاجر من لوحة الأدمن → الإعدادات.</p>
<?php endif; ?>
<?php /**PATH C:\wamp64\www\madar-backend\resources\views\site\partials\store-badges.blade.php ENDPATH**/ ?>