{{--
    Shared location details — venue name, address, the Waze/Google Maps links,
    an online join link (for online/hybrid events), and (when coordinates are
    configured) a live, interactive OpenStreetMap. Reused by the home Location
    section and the Location popup so they always show identical details. All
    values come from the wedding/event settings; nothing is hardcoded.

    Props:
      - $map (bool, default true): render the interactive map when coords exist.
--}}
@props(['map' => true])

@php($settings = app(\App\Settings\WeddingSettings::class))
@php($wording = app(\App\Services\LandingPageWording::class))
@php($showsVenue = $settings->showsVenue())
@php($showsOnline = $settings->showsOnlineLink())
@php($hasCoords = is_numeric($settings->venue_lat) && is_numeric($settings->venue_lng))
{{-- Without coordinates we can still show a live map by querying the venue
     address (falling back to its name). Both come from the event settings. --}}
@php($mapQuery = trim((string) $settings->venue_address) !== '' ? $settings->venue_address : (string) $settings->venue_name)

@if ($showsVenue && $map && $hasCoords)
    @php($lat = (float) $settings->venue_lat)
    @php($lng = (float) $settings->venue_lng)
    @php($bbox = ($lng - 0.012).','.($lat - 0.008).','.($lng + 0.012).','.($lat + 0.008))
    <div class="lg-map__frame" style="margin-bottom: 1.4rem;">
        {{-- Precise pin from coordinates (OpenStreetMap). --}}
        <iframe title="{{ $wording('landing.location.map_title') }}" loading="lazy" referrerpolicy="no-referrer-when-downgrade"
            src="https://www.openstreetmap.org/export/embed.html?bbox={{ $bbox }}&layer=mapnik&marker={{ $lat }},{{ $lng }}"></iframe>
    </div>
@elseif ($showsVenue && $map && trim($mapQuery) !== '')
    <div class="lg-map__frame" style="margin-bottom: 1.4rem;">
        {{-- Interactive map from the address — no coordinates or API key needed. --}}
        <iframe title="{{ $wording('landing.location.map_title') }}" loading="lazy" referrerpolicy="no-referrer-when-downgrade"
            src="https://maps.google.com/maps?q={{ urlencode($mapQuery) }}&output=embed"></iframe>
    </div>
@endif

@if ($showsVenue && trim((string) $settings->venue_name) !== '')
    <p class="lg-display" style="font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);">{{ $settings->venue_name }}</p>
    <p style="margin: 0.4rem 0 0; color: var(--lg-ink-soft);">{{ $settings->venue_address }}</p>
@elseif ($showsOnline)
    <p class="lg-display" style="font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);">{{ $wording('landing.location.online_heading') }}</p>
    <p style="margin: 0.4rem 0 0; color: var(--lg-ink-soft);">{{ $wording('landing.location.online_description') }}</p>
@endif

<div class="d-flex flex-wrap gap-2" style="margin-top: 1.4rem;">
    @if ($showsOnline)
        <a href="{{ $settings->online_url }}" target="_blank" rel="noopener" class="lg-btn lg-btn-primary" style="padding: 0.7rem 1.3rem;">{{ $wording('landing.location.join_button') }}</a>
    @endif
    @if ($showsVenue && $settings->venue_waze_url)
        <a href="{{ $settings->venue_waze_url }}" target="_blank" rel="noopener" class="lg-btn lg-btn-ghost" style="padding: 0.7rem 1.3rem;">{{ $wording('landing.location.waze_button') }}</a>
    @endif
    @if ($showsVenue && $settings->venue_map_url)
        <a href="{{ $settings->venue_map_url }}" target="_blank" rel="noopener" class="lg-btn lg-btn-ghost" style="padding: 0.7rem 1.3rem;">{{ $wording('landing.location.maps_button') }}</a>
    @endif
</div>