@extends('layouts.app')

@section('title', 'Store Locator')

@section('content')
<section class="container py-5 tw-migrated">
    <x-ui.page-header title="Our Stores" class="mb-3" />
    <p class="text-muted mb-4">Find a Shiva Jewellers store near you for pickup or visit.</p>
    <div class="row g-4">
        @forelse($stores as $store)
        <div class="col-md-6 col-lg-4">
            <x-ui.card :title="$store->name">
                <p class="mb-1">{{ $store->fullAddress() }}</p>
                @if($store->phone)<p class="mb-1">Phone: {{ $store->phone }}</p>@endif
                <p class="small text-muted mb-0">
                    {{ $store->allows_pickup ? 'Click & Collect available' : 'Visit only' }}
                    @if($store->fulfills_online) · Ships online orders @endif
                </p>
            </x-ui.card>
        </div>
        @empty
        <div class="col-12"><p>No stores listed yet.</p></div>
        @endforelse
    </div>
</section>
@endsection