@php
    $postcode = trim((string) $getState());
    $googleMapsApiKey = config('services.google_maps.key');
    $searchUrl = filled($postcode)
        ? 'https://www.google.com/maps/search/?api=1&query=' . rawurlencode($postcode)
        : null;
    $embedUrl = (filled($postcode) && filled($googleMapsApiKey))
        ? 'https://www.google.com/maps/embed/v1/place?key=' . rawurlencode($googleMapsApiKey) . '&q=' . rawurlencode($postcode)
        : null;
@endphp

<x-dynamic-component
    :component="$getEntryWrapperView()"
    :entry="$entry"
>
    @if (blank($postcode))
        <div class="rounded-xl border border-gray-200 bg-gray-50 px-4 py-3 text-sm text-gray-600">
            No postcode was provided for this contact request.
        </div>
    @elseif (filled($embedUrl))
        <div class="space-y-3">
            <div class="overflow-hidden rounded-xl border border-gray-200 bg-white">
                <iframe
                    src="{{ $embedUrl }}"
                    width="100%"
                    height="320"
                    style="border:0;"
                    loading="lazy"
                    referrerpolicy="no-referrer-when-downgrade"
                    title="Map for {{ $postcode }}"
                ></iframe>
            </div>

            <a
                href="{{ $searchUrl }}"
                target="_blank"
                rel="noopener noreferrer"
                class="text-sm font-medium text-amber-700 hover:text-amber-800"
            >
                Open {{ $postcode }} in Google Maps
            </a>
        </div>
    @else
        <div class="space-y-3 rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900">
            <p>Add <code>GOOGLE_MAPS_API_KEY</code> to show an embedded map for the postcode.</p>

            <a
                href="{{ $searchUrl }}"
                target="_blank"
                rel="noopener noreferrer"
                class="font-medium text-amber-800 underline decoration-amber-300 underline-offset-2 hover:text-amber-900"
            >
                Open {{ $postcode }} in Google Maps
            </a>
        </div>
    @endif
</x-dynamic-component>