@props(['store_name', 'store_id', 'slug', 'store_slug'])

<div class="vendor-block py-2 px-3 border rounded bg-light shadow-sm text-center"
     onclick="setStoreAndRedirect('{{ $store_id }}', {{ json_encode($store_name) }}, 'store.jpg', {{ json_encode($store_slug) }})">
    <i class="bi bi-shop me-1"></i> {{ $store_name }}
</div>

<style>
.vendor-block {
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: 500;
}
.vendor-block:hover {
    background-color: #e9ecef;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}
</style>