@php
    $contato = [];
    if(isset($layoutConfigs) && $layoutConfigs->has('contato')) {
        $contato = $layoutConfigs['contato']->payload ?? [];
    }
@endphp

<ul class="list-unstyled text-light small" style="line-height: 1.6;">
    @if(!empty($contato['endereco']))
        <li class="mb-2">
            <i class="bi bi-geo-alt-fill text-primary me-1" style="font-size: 1.1rem; vertical-align: top; margin-top: 3px;" aria-hidden="true"></i>
            <address style="display: inline-block; width: calc(100% - 25px); margin-bottom: 0;">
                @if(!empty($contato['map_link']))
                    <a href="{{ $contato['map_link'] }}" target="_blank" rel="noopener noreferrer"
                       class="text-light hover-white"
                       aria-label="Abrir endereço no Google Maps — abre em nova aba"
                       title="Abrir endereço no Google Maps">
                        {!! nl2br(e($contato['endereco'])) !!}
                    </a>
                @else
                    {!! nl2br(e($contato['endereco'])) !!}
                @endif
            </address>
        </li>
    @endif
    
    @if(!empty($contato['telefone_1']) || !empty($contato['telefone_2']))
        <li class="mb-2">
            <i class="bi bi-telephone-fill text-primary me-1" style="font-size: 1.1rem; width: 15px; text-align: center;" aria-hidden="true"></i>
            <span class="tel d-inline-block">
                @if(!empty($contato['telefone_1'])) {{ $contato['telefone_1'] }} @endif
                @if(!empty($contato['telefone_2'])) | {{ $contato['telefone_2'] }} @endif
            </span>
        </li>
    @endif

    @if(!empty($contato['email']))
        <li class="mb-2">
            <i class="bi bi-envelope-fill text-primary me-1" style="font-size: 1rem; width: 15px; text-align: center;" aria-hidden="true"></i>
            <a href="mailto:{{ $contato['email'] }}" class="text-light hover-white">{{ $contato['email'] }}</a>
        </li>
    @endif

    @if(!empty($contato['horario']))
        <li class="mb-2">
            <i class="bi bi-clock-fill text-primary me-1" style="font-size: 1.1rem; width: 15px; text-align: center;" aria-hidden="true"></i>
            <span>{{ $contato['horario'] }}</span>
        </li>
    @endif
</ul>