@php
    $mark = $meta['logoMark'] ?? 'DG';
    $logo = ($meta['footerLogoImage'] ?? '') ?: ($meta['logoImage'] ?? '');
    $logoHeight = max(16, min(120, (int) ($meta['footerLogoHeight'] ?? 44)));
    $pageKey = $pageKey ?? 'home';
@endphp
<footer class="footer" @sectionTone($footer['style'] ?? [])>
    <div class="container">
        <div class="footer__top">
            <div class="footer__brand">
                <a class="brand brand--light{{ $logo ? ' brand--logo' : '' }}" href="{{ route('home') }}" aria-label="{{ $meta['siteName'] ?? 'Home' }}">
                    @if($logo)
                        <img class="brand__img" src="{{ $logo }}" alt="{{ $meta['siteName'] ?? '' }}" style="height: {{ $logoHeight }}px">
                    @else
                        <span class="brand__mark" aria-hidden="true" data-edit="meta.logoMark">{{ $mark }}</span>
                        <span class="brand__text">
                            <span class="brand__name" data-edit="meta.shortName">{{ $meta['shortName'] ?? ($meta['siteName'] ?? '') }}</span>
                            @if(!empty($meta['brandSuffix']))
                                <span class="brand__sub" data-edit="meta.brandSuffix">{{ $meta['brandSuffix'] }}</span>
                            @endif
                        </span>
                    @endif
                </a>
                <p class="footer__about"><x-editable path="footer.about">{{ $footer['about'] ?? '' }}</x-editable></p>
                <ul class="footer__contact">
                    @if(!empty($meta['email']))
                        <li>
                            <a href="mailto:{{ $meta['email'] }}" data-edit="meta.email" data-edit-href="meta.email" data-edit-prefix="mailto:">{{ $meta['email'] }}</a>
                        </li>
                    @endif
                    @if(!empty($meta['phone']))
                        <li>
                            <a href="tel:{{ preg_replace('/[^0-9+]/', '', $meta['phone']) }}" data-edit="meta.phone" data-edit-href="meta.phone" data-edit-prefix="tel:">{{ $meta['phone'] }}</a>
                        </li>
                    @endif
                    @if(!empty($meta['address']))
                        <li><x-editable path="meta.address">{{ $meta['address'] }}</x-editable></li>
                    @endif
                </ul>
            </div>

            <div class="footer__columns">
                @foreach(($footer['columns'] ?? []) as $column)
                    <div class="footer__column">
                        <p class="footer__heading" data-edit="footer.columns.{{ $loop->index }}.title">{{ $column['title'] ?? '' }}</p>
                        <ul>
                            @foreach(($column['links'] ?? []) as $link)
                                <li>
                                    <a
                                        href="{{ \App\Support\PageLink::resolve($link['href'] ?? '#', $pageKey) }}"
                                        data-edit="footer.columns.{{ $loop->parent->index }}.links.{{ $loop->index }}.label"
                                        data-edit-href="footer.columns.{{ $loop->parent->index }}.links.{{ $loop->index }}.href"
                                    >{{ $link['label'] ?? '' }}</a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                @endforeach
            </div>
        </div>

        <div class="footer__bottom">
            <p><x-editable path="footer.copyright">{{ $footer['copyright'] ?? '' }}</x-editable></p>
            <p><x-editable path="footer.note">{{ $footer['note'] ?? '' }}</x-editable></p>
            <a class="footer__admin" href="{{ route('admin.dashboard') }}">CMS</a>
        </div>
    </div>
</footer>