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

    // Função anônima auxiliar para extrair a URL da logo
    $getLogoUrl = function($key) use ($logos) {
        if(empty($logos[$key])) return null;
        $path = is_array($logos[$key]) ? ($logos[$key]['path'] ?? '') : $logos[$key];
        return $path ? v2_storage_url($path) : null;
    };
@endphp

<div class="row mb-4">
    <div class="col-12">
        <div class="d-flex flex-wrap justify-content-between align-items-center">
            {{-- Institucional --}}
            <div class="institucional-logos d-flex align-items-center flex-wrap gap-3">
                @if($url = $getLogoUrl('logo_principal'))
                    <img src="{{ $url }}" alt="{{ $logos['logo_principal_alt'] ?? 'Logo Principal' }}" width="180" height="60" loading="lazy" style="filter: brightness(0) invert(1);">
                @endif
                @if($url = $getLogoUrl('sefaz'))
                    <img src="{{ $url }}" alt="{{ $logos['sefaz_alt'] ?? 'Sefaz' }}" width="135" height="45" loading="lazy" style="filter: brightness(0) invert(1);">
                @endif
                @if($url = $getLogoUrl('governo'))
                    <img src="{{ $url }}" alt="{{ $logos['governo_alt'] ?? 'Governo' }}" width="135" height="45" loading="lazy" style="filter: brightness(0) invert(1);">
                @endif
            </div>

            {{-- Membros Associados --}}
            <div class="associados-logos d-flex align-items-center flex-wrap gap-3">
                @if($url = $getLogoUrl('membro_1'))
                    <img src="{{ $url }}" alt="{{ $logos['membro_1_alt'] ?? 'Membro Associado 1' }}" width="120" height="40" loading="lazy" style="filter: brightness(0) invert(1); opacity: 0.8;">
                @endif
                @if($url = $getLogoUrl('membro_2'))
                    <img src="{{ $url }}" alt="{{ $logos['membro_2_alt'] ?? 'Membro Associado 2' }}" width="120" height="40" loading="lazy" style="filter: brightness(0) invert(1); opacity: 0.8;">
                @endif
            </div>
        </div>
    </div>
</div>