{{--
    Contato do fornecedor e versão (P3.S6): somente leitura. O módulo informa `title`/`breadcrumbs`
    e preenche **apenas** o conteúdo — shell, estrutura e título são do layout (ADR-009/ADR-016).
    Endereço é texto (sem mapa/iframe/terceiro); telefone/WhatsApp/site são links de navegação
    explícitos, nunca assets. Sem style/script inline; 4 locales no namespace `painel`.
--}}
<x-layout::cms
    :title="__('painel::contact.title')"
    :breadcrumbs="[
        ['label' => __('painel::index.title'), 'url' => route('painel.cms.index')],
        ['label' => __('painel::contact.title')],
    ]">
    <p class="mb-4 max-w-prose text-sm opacity-70">{{ __('painel::contact.intro') }}</p>

    @if ($contact->isConfigured())
        <div class="grid gap-4 lg:grid-cols-2" data-contact-state="configured">
            <x-cms::card :title="__('painel::contact.vendor_title')">
                <dl class="grid grid-cols-1 gap-3">
                    @if ($contact->company !== null)
                        <div>
                            <dt class="text-sm opacity-70">{{ __('painel::contact.field_company') }}</dt>
                            <dd class="font-semibold">{{ $contact->company }}</dd>
                        </div>
                    @endif

                    @if ($contact->address !== null)
                        <div>
                            <dt class="text-sm opacity-70">{{ __('painel::contact.field_address') }}</dt>
                            <dd class="whitespace-pre-line">{{ $contact->address }}</dd>
                        </div>
                    @endif

                    @if ($contact->hours !== null)
                        <div>
                            <dt class="text-sm opacity-70">{{ __('painel::contact.field_hours') }}</dt>
                            <dd class="whitespace-pre-line">{{ $contact->hours }}</dd>
                        </div>
                    @endif
                </dl>
            </x-cms::card>

            @if ($contact->hasChannels())
                <x-cms::card :title="__('painel::contact.channels_title')">
                    <ul class="grid grid-cols-1 gap-3">
                        @if ($contact->site !== null)
                            <li>
                                <span class="block text-sm opacity-70">{{ __('painel::contact.field_site') }}</span>
                                <a href="{{ $contact->site }}" target="_blank" rel="noopener" class="link link-hover break-all">
                                    {{ $contact->siteLabel() }}
                                </a>
                                <span class="sr-only">({{ __('painel::contact.opens_new_tab') }})</span>
                            </li>
                        @endif

                        @if ($contact->email !== null)
                            <li>
                                <span class="block text-sm opacity-70">{{ __('painel::contact.field_email') }}</span>
                                <a href="mailto:{{ $contact->email }}" class="link link-hover break-all">
                                    {{ $contact->email }}
                                </a>
                            </li>
                        @endif

                        @if ($contact->phone !== null && $contact->phoneHref() !== null)
                            <li>
                                <span class="block text-sm opacity-70">{{ __('painel::contact.field_phone') }}</span>
                                <a href="{{ $contact->phoneHref() }}" class="link link-hover">{{ $contact->phone }}</a>
                            </li>
                        @endif

                        @if ($contact->whatsapp !== null && $contact->whatsappUrl() !== null)
                            <li>
                                <span class="block text-sm opacity-70">{{ __('painel::contact.field_whatsapp') }}</span>
                                <a href="{{ $contact->whatsappUrl() }}" target="_blank" rel="noopener" class="link link-hover">
                                    {{ $contact->whatsapp }}
                                </a>
                                <span class="sr-only">({{ __('painel::contact.opens_new_tab') }})</span>
                            </li>
                        @endif
                    </ul>
                </x-cms::card>
            @endif
        </div>
    @else
        <div data-contact-state="empty">
            <x-cms::empty-state :title="__('painel::contact.empty_title')">
                {{ __('painel::contact.empty_body') }}
            </x-cms::empty-state>
        </div>
    @endif

    <x-cms::card :title="__('painel::contact.version_title')" class="mt-4">
        <dl class="grid grid-cols-1 gap-3 sm:grid-cols-2">
            <div>
                <dt class="text-sm opacity-70">{{ __('painel::contact.version_label') }}</dt>
                <dd class="font-semibold" data-version>{{ $contact->version }}</dd>
            </div>
        </dl>

        <p class="mt-2 max-w-prose text-sm opacity-70">{{ __('painel::contact.version_note') }}</p>
    </x-cms::card>

    @if (Route::has('configuracoes.cms.edit'))
        <p class="mt-4">
            <x-cms::button variant="neutral" :href="route('configuracoes.cms.edit', ['section' => 'support'])">
                <x-ui::icon name="settings-2" />
                <span>{{ __('painel::contact.configure') }}</span>
            </x-cms::button>
        </p>
    @endif
</x-layout::cms>