@extends('layouts.public')
@section('content')@php($mapQuery=trim(($settings['street_address']??'').' '.($settings['city']??'').' '.($settings['state']??'').' '.($settings['postal_code']??'')))@php($derivedDirections=$mapQuery?('https://www.google.com/maps/search/?api=1&query='.urlencode($mapQuery)):null)@php($embedMap=$mapQuery?('https://www.google.com/maps?q='.urlencode($mapQuery).'&output=embed'):null)<section class="hms-section"><div class="hms-container grid gap-12 lg:grid-cols-2"><div><p class="hms-kicker">Visit us</p><h1 class="hms-display mt-2">Plan your trip</h1><p class="mt-5 text-lg text-black/65">Everything needed for a straightforward store visit, using the same verified business information managed in Administration.</p><div class="mt-8 rounded-2xl border border-black/10 bg-white p-6">@if(!empty($settings['street_address']))<h2 class="font-serif text-2xl">{{ $settings['public_business_name']??'Hollis Medication Station' }}</h2><p class="mt-2">{{ $settings['street_address'] }}<br>{{ $settings['city']??'' }}, {{ $settings['state']??'' }} {{ $settings['postal_code']??'' }}</p>@else<p class="text-black/50">Verified address pending.</p>@endif@if(!empty($settings['phone']))<p class="mt-4"><a class="font-semibold" href="tel:{{ preg_replace('/[^0-9+]/','',$settings['phone']) }}">{{ $settings['phone'] }}</a></p>@endif<div class="mt-5 flex flex-wrap gap-3">@php($directionsUrl=$settings['directions_url']??$settings['google_maps_url']??$derivedDirections)@if($directionsUrl)<a data-analytics-event="directions_click" class="hms-button hms-button-primary" href="{{ $directionsUrl }}" rel="noopener noreferrer" target="_blank">Get directions</a>@endif @if(!empty($settings['phone']))<a data-analytics-event="phone_click" class="hms-button border border-black/15" href="tel:{{ preg_replace('/[^0-9+]/','',$settings['phone']) }}">Call store</a>@endif</div></div>@if(!empty($settings['parking_information'])||!empty($settings['accessibility_information']))<div class="mt-6 grid gap-4 sm:grid-cols-2">@if(!empty($settings['parking_information']))<div class="rounded-xl bg-[var(--hms-cream)] p-5"><strong>Parking</strong><p class="mt-2 text-sm text-black/60">{{ $settings['parking_information'] }}</p></div>@endif @if(!empty($settings['accessibility_information']))<div class="rounded-xl bg-[var(--hms-cream)] p-5"><strong>Accessibility</strong><p class="mt-2 text-sm text-black/60">{{ $settings['accessibility_information'] }}</p></div>@endif</div>@endif</div><div id="hours"><div class="rounded-3xl bg-[var(--hms-forest-deep)] p-7 text-white"><div class="flex items-center justify-between"><h2 class="font-serif text-3xl">Store hours</h2><span class="rounded-full px-3 py-1 text-sm {{ $storeStatus['open']?'bg-green-500/20 text-green-200':'bg-white/10' }}">{{ $storeStatus['label'] }}</span></div>@if($storeStatus['message'])<p class="mt-2 text-sm text-white/65">{{ $storeStatus['message'] }}</p>@endif<div class="mt-6 grid gap-1">@foreach($week as $row)<div class="flex justify-between border-t border-white/10 py-3 text-sm"><span>{{ $row['date']->format('l') }}@if($row['schedule']['label']??null && $row['schedule']['label']!==$row['date']->format('l')) <small class="text-white/50">({{ $row['schedule']['label'] }})</small>@endif</span><span>@if(!$row['schedule']||$row['schedule']['closed'])Closed @else {{ $hoursService->display($row['schedule']['opens_at']) }} – {{ $hoursService->display($row['schedule']['closes_at']) }} @endif</span></div>@endforeach</div></div>@if($embedMap)<div class="mt-6 overflow-hidden rounded-3xl border border-black/10 bg-[var(--hms-sage-soft)]"><iframe class="h-80 w-full" title="Map showing Hollis Medication Station" loading="lazy" referrerpolicy="no-referrer-when-downgrade" src="{{ $embedMap }}"></iframe></div><p class="mt-2 text-xs text-black/45">Map content is provided by Google and may load third-party resources.</p>@else<div class="mt-6 grid min-h-64 place-items-center rounded-3xl bg-[var(--hms-sage-soft)] text-black/45">Map available after a verified address is configured.</div>@endif</div></div></section>@endsection