{{-- Header demo-urban-development — transparente sobre el hero, sólido al scrollear.
     Nav editable desde el módulo Menú (get_dynamic_navigation). Sticky vía JS del demo. --}}
@php
    $contactData = config('site.contact', []);
    $headerPhone = is_array($contactData['phone'] ?? null) ? ($contactData['phone'][0] ?? '') : ($contactData['phone'] ?? '');
    $headerEmail = is_array($contactData['email'] ?? null) ? ($contactData['email'][0] ?? '') : ($contactData['email'] ?? '');
    $headerAddress = is_array($contactData['address'] ?? null) ? implode(', ', $contactData['address']) : ($contactData['address'] ?? '');
    $navigation = get_dynamic_navigation('header');
    $socials = collect(config('site.social_media', []))->filter(fn($v) => !empty(is_array($v) ? ($v['url'] ?? '') : $v));
    $defaultIcons = ['instagram'=>'fab fa-instagram','facebook'=>'fab fa-facebook-f','linkedin'=>'fab fa-linkedin-in','twitter'=>'fab fa-twitter','youtube'=>'fab fa-youtube','tiktok'=>'fab fa-tiktok'];
@endphp

<header id="header">
    <div class="ud-container">

        {{-- Topbar --}}
        <div class="ud-topbar">
            <div style="display:flex; gap:1.6rem; flex-wrap:wrap; align-items:center;">
                @if($headerAddress)<span class="d-none d-lg-inline"><i class="fas fa-location-dot" style="color:var(--ud-gold); margin-right:.45rem;"></i>{{ $headerAddress }}</span>@endif
                @if($headerPhone)<a href="tel:{{ preg_replace('/[^0-9+]/', '', $headerPhone) }}"><i class="fab fa-whatsapp" style="color:var(--ud-gold); margin-right:.45rem;"></i>{{ $headerPhone }}</a>@endif
                @if($headerEmail)<a href="mailto:{{ $headerEmail }}" class="d-none d-md-inline"><i class="far fa-envelope" style="color:var(--ud-gold); margin-right:.45rem;"></i>{{ $headerEmail }}</a>@endif
            </div>
            <div style="display:flex; gap:1rem; align-items:center;">
                @foreach($socials as $network => $item)
                    @php $url = is_array($item) ? ($item['url'] ?? '') : $item; $icon = (is_array($item) ? ($item['icon'] ?? '') : '') ?: ($defaultIcons[$network] ?? ''); @endphp
                    @if($url && $icon)<a href="{{ $url }}" target="_blank" rel="noopener" title="{{ ucfirst($network) }}"><i class="{{ $icon }}"></i></a>@endif
                @endforeach
            </div>
        </div>

        {{-- Main row --}}
        <div class="ud-header-inner">
            @php
                $logoH = (int) config('site.assets.main_logo_height', 54);
                if ($logoH <= 0 || $logoH > 90) { $logoH = 54; }
                $logoAlt = config('site.assets.main_logo_alt', config('site.name'));
                $logoSolid = site_asset_url('main_logo');                                          // fondo claro (header sticky)
                $logoOver  = site_asset_url('footer_logo') ?: site_asset_url('main_logo_sticky') ?: $logoSolid; // fondo oscuro (sobre el hero)
            @endphp
            <a href="{{ front_homepage_url() }}" class="ud-wordmark">
                @if($logoSolid)
                    <img src="{{ $logoOver }}"  class="ud-logo ud-logo--over"  style="max-height: {{ $logoH }}px;" alt="{{ $logoAlt }}">
                    <img src="{{ $logoSolid }}" class="ud-logo ud-logo--solid" style="max-height: {{ $logoH }}px;" alt="{{ $logoAlt }}">
                @else
                    {{ config('site.name') }}
                @endif
            </a>

            <nav class="ud-nav" aria-label="{{ __('Principal') }}">
                <button class="ud-nav-close" aria-label="{{ __('Cerrar') }}"><i class="fas fa-times"></i></button>
                <ul class="ud-nav-list">
                    @foreach($navigation as $item)
                        @if($item['active'] ?? false)
                            <li><a href="{{ $item['url'] }}" class="ud-nav-link {{ is_nav_item_active($item['url']) ? 'active' : '' }}">{{ $item['title'] }}</a></li>
                        @endif
                    @endforeach
                </ul>
                <a href="{{ route('front.contact') }}" class="ud-btn ud-btn--gold d-lg-none">{{ __('Agendá tu visita') }}</a>
            </nav>

            <a href="{{ route('front.contact') }}" class="ud-btn ud-btn--gold d-none d-lg-inline-flex">{{ __('Agendá tu visita') }}</a>
            <button class="ud-burger d-lg-none" aria-label="{{ __('Menú') }}"><i class="fas fa-bars"></i></button>
        </div>

    </div>
</header>

{{-- WhatsApp flotante --}}
@if($headerPhone)
@php $wa = preg_replace('/[^0-9]/', '', $headerPhone); @endphp
<a href="https://api.whatsapp.com/send?phone={{ $wa }}&text={{ urlencode(config('site.contact.whatsapp_message', __('Hola, quiero información sobre el desarrollo.'))) }}" class="float-wsp" target="_blank" rel="noopener" aria-label="WhatsApp">
    <i class="fab fa-whatsapp"></i>
</a>
@endif