@php
    $c = (array) ($site->contact ?? []);
    $social = (array) ($site->social ?? []);
    $navPages = $navPages ?? collect();
@endphp
<footer class="st-footer">
    <div class="vs-container st-foot-feats">
        <div><i class="fas fa-truck-fast"></i><div><strong>Free shipping</strong><span>On orders over $50</span></div></div>
        <div><i class="fas fa-rotate-left"></i><div><strong>Easy returns</strong><span>30-day guarantee</span></div></div>
        <div><i class="fas fa-lock"></i><div><strong>Secure payment</strong><span>100% protected</span></div></div>
        <div><i class="fas fa-headset"></i><div><strong>24/7 support</strong><span>We’re here to help</span></div></div>
    </div>
    <div class="vs-container st-footer-grid">
        <div>
            <a href="/" class="st-logo" style="color:#fff">
                @if($site->logoUrl())<img src="{{ $site->logoUrl() }}" alt="">@else<span class="st-logo-mark"><i class="fas fa-bone"></i></span>@endif
                <span>{{ $site->name }}</span>
            </a>
            @if($site->tagline)<p class="st-footer-about">{{ $site->tagline }}</p>@endif
            <div class="st-social">
                @foreach(['facebook','instagram','twitter','youtube','tiktok'] as $net)
                    @if(!empty($social[$net]))<a href="{{ $social[$net] }}" target="_blank" rel="noopener"><i class="fab fa-{{ $net }}"></i></a>@endif
                @endforeach
            </div>
        </div>
        <div><h4>Shop</h4><ul><li><a href="#shop">Food</a></li><li><a href="#shop">Toys</a></li><li><a href="#shop">Beds</a></li><li><a href="#shop">Grooming</a></li></ul></div>
        <div><h4>Company</h4><ul>@foreach($navPages as $p)<li><a href="{{ $p->is_home ? '/' : '/'.$p->slug }}">{{ $p->title }}</a></li>@endforeach<li><a href="/portal">My account</a></li></ul></div>
        <div><h4>Get in touch</h4><ul class="st-footer-contact">
            @if(!empty($c['phone']))<li><i class="fas fa-phone"></i> {{ $c['phone'] }}</li>@endif
            @if(!empty($c['email']))<li><i class="fas fa-envelope"></i> {{ $c['email'] }}</li>@endif
        </ul><div class="st-pay"><i class="fab fa-cc-visa"></i><i class="fab fa-cc-mastercard"></i><i class="fab fa-cc-paypal"></i><i class="fab fa-cc-apple-pay"></i></div></div>
    </div>
    <div class="st-footer-bar"><div class="vs-container">
        <span>© {{ now()->year }} {{ $site->name }}. All rights reserved.</span>
        <span style="opacity:.6">Powered by VET One</span>
    </div></div>
</footer>
