{{--
    Store address and phone from Lunar's Store Details (Modules\Core\Store),
    email from CONTACT_EMAIL until Store Details has an email field too.
    Each line is left out when its value is empty.
--}}
@props([
    'store' => null,
    'email' => null,
])

@php
    $address = $store?->translate('address');
    $phone = $store?->phone;
@endphp

@if (filled($address) || filled($phone) || filled($email))
    <address {{ $attributes->merge(['class' => 'not-italic']) }}>
        <dl class="flex flex-col gap-10">
            @if (filled($address))
                <div class="flex flex-col gap-1">
                    <dt class="font-display text-sm font-semibold uppercase">{{ __('storefront.contact.address') }}</dt>
                    <dd class="font-display text-h4 font-semibold leading-tight">{{ $address }}</dd>
                </div>
            @endif

            @if (filled($phone))
                <div class="flex flex-col gap-1">
                    <dt class="font-display text-sm font-semibold uppercase">{{ __('storefront.contact.phone') }}</dt>
                    <dd class="font-display text-h4 font-semibold leading-tight">
                        <a href="tel:{{ preg_replace('/[^\d+]/', '', $phone) }}" class="underline-slide [--slide-h:1px] pb-0">{{ $phone }}</a>
                    </dd>
                </div>
            @endif

            @if (filled($email))
                <div class="flex flex-col gap-1">
                    <dt class="font-display text-sm font-semibold uppercase">Email</dt>
                    <dd class="font-display text-h4 font-semibold leading-tight break-all">
                        <a href="mailto:{{ $email }}" class="underline-slide [--slide-h:1px] pb-0">{{ $email }}</a>
                    </dd>
                </div>
            @endif
        </dl>
    </address>
@endif