@props(['tenant'])
@php
    $logo = $tenant->logo ? route('media.storage', ['path' => $tenant->logo]) : '/images/placeholder-pharmacy.png';
    $city = $tenant->outlets->first()?->city;
    $rating = $tenant->rating ?? null;
@endphp

<a href="{{ route('pharmacies.show', $tenant) }}" class="group flex w-[224px] shrink-0 snap-start items-center gap-3 rounded-2xl border border-slate-200 bg-white p-3 shadow-sm transition hover:-translate-y-1 hover:border-ocean-200 hover:shadow-card sm:w-[260px]">
    <span class="grid size-11 shrink-0 place-items-center overflow-hidden rounded-xl bg-ocean-50 p-1 text-ocean-700">
        @if($tenant->logo)<img src="{{ $logo }}" alt="{{ $tenant->name }}" class="size-full object-contain">@else<x-icon name="store" size="20" />@endif
    </span>
    <span class="min-w-0 flex-1"><strong class="block truncate text-xs text-ocean-950">{{ $tenant->name }}</strong><small class="mt-1 block truncate text-[9px] text-slate-400">{{ $city ?? 'Apotek online' }} · Terverifikasi</small></span>
    <x-icon name="chevron-right" size="16" class="text-slate-300 transition group-hover:text-ocean-600" />
</a>