{{-- Footer demo-creative-portfolio — Dark minimal con tagline grande arriba --}}
@php
    $footerTagline = config('site.footer.tagline', __('Creando arte'));
    $footerHighlight = config('site.footer.tagline_highlight', __('en movimiento.'));
    $footerNav = collect(config('site.footer.navegacion_principal', []))
        ->filter(fn($i) => is_array($i) && ($i['active'] ?? true))
        ->sortBy('order');
@endphp

<footer id="footer" class="footer-creative-portfolio">

    {{-- Tagline grande arriba --}}
    <section class="section section-no-border bg-transparent border-0 pt-5 pb-3 m-0">
        <div class="container py-4">
            <h2 class="footer-creative-portfolio__tagline">
                {{ $footerTagline }}
                <span class="footer-creative-portfolio__highlight">{{ $footerHighlight }}</span>
            </h2>
        </div>
    </section>

    {{-- Cols: brand + nav + contact + social --}}
    <div class="footer-creative-portfolio__cols container py-5">
        <div class="row g-5">

            {{-- Brand + bio --}}
            <div class="col-lg-4">
                <a href="{{ front_homepage_url() }}" class="footer-creative-portfolio__logo d-inline-flex mb-3">
                    <img src="{{ site_asset_url('footer_logo') }}" alt="{{ config('site.name') }}">
                </a>
                <p class="footer-creative-portfolio__bio">{{ config('site.description', '') }}</p>
            </div>

            {{-- Nav --}}
            <div class="col-6 col-lg-2">
                <h4 class="footer-creative-portfolio__heading">{{ __('Explorar') }}</h4>
                <ul class="footer-creative-portfolio__links">
                    @foreach($footerNav as $key => $item)
                        <li><a href="{{ $item['url'] ?? '#' }}">{{ $item['title'] ?? ucfirst($key) }}</a></li>
                    @endforeach
                </ul>
            </div>

            {{-- Contacto --}}
            <div class="col-6 col-lg-3">
                <h4 class="footer-creative-portfolio__heading">{{ __('Contacto') }}</h4>
                <ul class="footer-creative-portfolio__links">
                    @if(config('site.contact.email'))
                        <li><a href="mailto:{{ config('site.contact.email') }}">{{ config('site.contact.email') }}</a></li>
                    @endif
                    @if(config('site.contact.address'))
                        <li>{{ config('site.contact.address') }}</li>
                    @endif
                    @if(config('site.contact.schedule'))
                        <li class="footer-creative-portfolio__muted">{{ config('site.contact.schedule') }}</li>
                    @endif
                </ul>
            </div>

            {{-- Social --}}
            <div class="col-12 col-lg-3">
                <h4 class="footer-creative-portfolio__heading">{{ __('Redes') }}</h4>
                <div class="footer-creative-portfolio__social">
                    <x-social-icons theme="dark" size="md" />
                </div>
            </div>

        </div>
    </div>

    {{-- Bottom bar --}}
    <div class="footer-creative-portfolio__bottom">
        <div class="container py-3">
            <div class="row align-items-center">
                <div class="col-md-6 text-center text-md-start">
                    <p class="m-0 small">© {{ date('Y') }} {{ config('site.name') }}. {{ __('Todos los derechos reservados.') }}</p>
                </div>
                <div class="col-md-6 text-center text-md-end">
                    <p class="m-0 small">{{ __('Hecho con') }} <a href="https://bewpro.com" target="_blank" rel="noopener noreferrer">BewPro</a></p>
                </div>
            </div>
        </div>
    </div>

</footer>