@php
    $socials = array_filter([
        'facebook' => $site('social_facebook'),
        'instagram' => $site('social_instagram'),
        'youtube' => $site('social_youtube'),
        'x' => $site('social_x'),
    ]);
    $regs = array_filter([
        'Reg. No.' => $site('reg_number'),
        '80G' => $site('reg_80g'),
        '12A' => $site('reg_12a'),
        'PAN' => $site('reg_pan'),
    ]);
@endphp

{{-- Newsletter: a card that sits across the top edge of the footer --}}
<section class="news" id="newsletter" aria-labelledby="news-title">
    <div class="container">
        <div class="news__card">
            <div class="news__copy">
                <span class="news__ico" aria-hidden="true"><svg class="i i--lg"><use href="#i-mail"/></svg></span>
                <div>
                    <h2 id="news-title">Join our giving circle</h2>
                    <p>Get stories and updates from our work. No spam, unsubscribe any time.</p>
                </div>
            </div>
            <form class="news__form" action="{{ route('newsletter') }}" method="post" novalidate>
                @csrf
                <div class="hp" aria-hidden="true"><label>Website<input type="text" name="website" tabindex="-1" autocomplete="off"></label></div>
                <label class="sr-only" for="news-email">Email address</label>
                <input class="input" id="news-email" type="email" name="email" placeholder="Your email address" autocomplete="email" required
                       @if ($errors->newsletter->has('email')) aria-invalid="true" aria-describedby="news-msg" @endif value="{{ old('email') }}">
                <button class="btn btn--green" type="submit">Subscribe <svg class="i" aria-hidden="true"><use href="#i-arrow"/></svg></button>
                <p class="news__msg" id="news-msg" role="status">
                    @if (session('newsletter_status')) {{ session('newsletter_status') }}
                    @elseif ($errors->newsletter->has('email')) <span class="is-err">{{ $errors->newsletter->first('email') }}</span>
                    @endif
                </p>
            </form>
        </div>
    </div>
</section>

<footer class="footer">
    <div class="container">
        <div class="footer__grid">
            <div class="footer__about">
                <a class="footer__logo" href="{{ route('home') }}" aria-label="{{ seo()->orgName() }}: home">
                    <img src="{{ asset('images/logo-300.webp') }}" srcset="{{ asset('images/logo-300.webp') }} 1x, {{ asset('images/logo-600.webp') }} 2x" width="170" height="58" alt="{{ seo()->orgName() }}" loading="lazy">
                </a>
                <p>{{ $site('about_short') }}</p>
                <div class="footer__cta">
                    <a class="btn btn--green btn--sm" href="{{ route('donate') }}">Donate now</a>
                    <a class="btn btn--glass btn--sm" href="{{ route('volunteer') }}">Volunteer</a>
                </div>
                @if ($socials)
                    <ul class="footer__social" aria-label="Social media">
                        @foreach ($socials as $name => $url)
                            <li><a href="{{ $url }}" target="_blank" rel="noopener" aria-label="{{ ucfirst($name) }}"><svg class="i" aria-hidden="true"><use href="#i-{{ $name }}"/></svg></a></li>
                        @endforeach
                    </ul>
                @endif
            </div>

            <nav class="footer__col footer__col--links" aria-label="Quick links">
                <h2 class="footer__title">Quick links</h2>
                <ul>
                    @foreach (config('parhit.footer_links') as [$label, $route])
                        <li><a href="{{ route($route) }}">{{ $label }}</a></li>
                    @endforeach
                </ul>
            </nav>

            <nav class="footer__col footer__col--causes" aria-label="Our causes">
                <h2 class="footer__title">Our causes</h2>
                <ul>
                    @foreach ($categories as $p)
                        <li><a href="{{ route('causes.category', $p) }}">{{ $p->name }}</a></li>
                    @endforeach
                </ul>
            </nav>

            <div class="footer__col footer__col--contact">
                <h2 class="footer__title">Get in touch</h2>
                <ul class="footer__contact">
                    @if ($site('address'))
                        <li><span class="footer__c-ico" aria-hidden="true"><svg class="i"><use href="#i-pin"/></svg></span><address>{{ $site('address') }}</address></li>
                    @endif
                    @if ($site('phone'))
                        <li><span class="footer__c-ico" aria-hidden="true"><svg class="i"><use href="#i-phone"/></svg></span><a href="tel:+{{ \App\Support\Fmt::digits($site('phone')) }}">{{ $site('phone') }}</a></li>
                    @endif
                    @if ($site('email'))
                        <li><span class="footer__c-ico" aria-hidden="true"><svg class="i"><use href="#i-mail"/></svg></span><a href="mailto:{{ $site('email') }}">{{ $site('email') }}</a></li>
                    @endif
                    @if ($site('whatsapp'))
                        <li><span class="footer__c-ico" aria-hidden="true"><svg class="i"><use href="#i-whatsapp"/></svg></span><a href="https://wa.me/{{ \App\Support\Fmt::digits($site('whatsapp')) }}" target="_blank" rel="noopener">Chat on WhatsApp</a></li>
                    @endif
                </ul>
            </div>
        </div>

        <ul class="footer__trust" aria-label="Why give with us">
            <li><span class="footer__trust-ico" aria-hidden="true"><svg class="i"><use href="#i-lock"/></svg></span><span><strong>Secure payments</strong><small>UPI, cards &amp; net banking</small></span></li>
            <li><span class="footer__trust-ico" aria-hidden="true"><svg class="i"><use href="#i-check"/></svg></span><span><strong>Instant e-receipt</strong><small>For every donation</small></span></li>
            <li><span class="footer__trust-ico" aria-hidden="true"><svg class="i"><use href="#i-eye"/></svg></span><span><strong>Open reporting</strong><small><a href="{{ route('transparency') }}">See our reports</a></small></span></li>
            @if ($site('reg_80g'))
                <li><span class="footer__trust-ico" aria-hidden="true"><svg class="i"><use href="#i-shield"/></svg></span><span><strong>80G tax benefit</strong><small>Save tax when you give</small></span></li>
            @else
                <li><span class="footer__trust-ico" aria-hidden="true"><svg class="i"><use href="#i-heart"/></svg></span><span><strong>Any amount helps</strong><small>One-time or monthly</small></span></li>
            @endif
        </ul>

        <div class="footer__bottom">
            <p>
                &copy; {{ date('Y') }} {{ seo()->orgName() }}. All rights reserved.
                @if ($regs)
                    <span class="footer__regs">
                        @foreach ($regs as $label => $value)<span>{{ $label }}: {{ $value }}</span>@endforeach
                    </span>
                @endif
            </p>
            <ul class="footer__legal">
                @foreach (config('parhit.legal_links') as [$label, $route])
                    <li><a href="{{ route($route) }}">{{ $label }}</a></li>
                @endforeach
            </ul>
        </div>
    </div>
</footer>