<div class="sub-footer">
    <div class="main-container">
        <div class="subfooter-layout">
            <div class="subfooter-brand">
                <div class="subfooter-logo">
                    <img src="{{ asset('assets/images/logo.png') }}" style="width: 75%;" alt="The Maids Logo">
                </div>
                <p>Alebdaa Workers Employment Services Center<br>Licensed by MOHRE</p>
            </div>

            <div class="subfooter-col">
                <div class="quick-links-block">
                    <h4 class="quick-links-title"><i class="fa-solid fa-bolt"></i> Quick Links</h4>
                    <div class="row g-3 quick-links-grid">
                        <div class="col-6">
                            <div class="subfooter-links">
                                <a href="{{ url('/') }}" class="interactive"><i class="fa-solid fa-house"></i> Home</a>
                                <a href="{{ url('/about-us') }}" class="interactive"><i class="fa-solid fa-circle-info"></i> About Us</a>
                                <a href="{{ url('/candidates-profiles') }}" class="interactive"><i class="fa-solid fa-id-card"></i> Candidates</a>
                                <a href="{{ url('/contact-us') }}" class="interactive"><i class="fa-solid fa-envelope"></i> Contact Us</a>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="subfooter-links">
                                <a href="{{ url('/blogs') }}" class="interactive"><i class="fa-solid fa-blog"></i> Blogs</a>
                                <a href="{{ route('terms.and.conditions') }}" class="interactive"><i class="fa-solid fa-file-contract"></i> Terms and Conditions</a>
                                <a href="{{ route('privacy.policy') }}" class="interactive"><i class="fa-solid fa-shield-halved"></i> Privacy Policy</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="subfooter-col">
                <h4><i class="fa-solid fa-phone-volume"></i> Need more help?</h4>
                <div class="subfooter-contact">
                    <a href="mailto:info@the-maids.ae" class="interactive"><i class="fa-regular fa-envelope"></i> info@the-maids.ae</a>
                    <a href="tel:80032332" class="interactive"><i class="fa-solid fa-mobile-screen-button"></i> 80032332</a>
                    <span><i class="fa-regular fa-clock"></i> Everyday: 8am - 8pm</span>
                </div>
            </div>

            <div class="subfooter-col">
                <h4><i class="fa-solid fa-comment-dots"></i> Newsletter</h4>
                <p class="newsletter-text">Subscribe to our newsletter to stay informed about new profile updates, service pages, and household support guidance.</p>
                <form class="newsletter-form" method="POST" action="{{ route(($locale ?? app()->getLocale()) === 'ar' ? 'ar.newsletter.subscribe' : 'newsletter.subscribe') }}">
                    @csrf
                    <input type="hidden" name="source_page" value="{{ request()->path() }}">
                    <input type="email" name="email" value="{{ old('email') }}" placeholder="Your Email" class="interactive" required autocomplete="email" aria-label="Email for newsletter">
                    <button type="submit" class="interactive" aria-label="Submit newsletter">
                        <i class="fa-solid fa-paper-plane"></i>
                    </button>
                </form>
                @if (session('newsletter_success'))
                    <p class="newsletter-feedback newsletter-feedback--success" role="status">Thanks — you’re subscribed.</p>
                @endif
                @if (session('newsletter_already_subscribed'))
                    <p class="newsletter-feedback newsletter-feedback--info" role="status">You’re already subscribed with this email.</p>
                @endif
                @error('email')
                    <p class="newsletter-feedback newsletter-feedback--error" role="alert">{{ $message }}</p>
                @enderror

                <div class="mobile-menu-social mobile-menu-social--brand" style="margin-top: 17px;">
                    <a href="https://www.facebook.com/alebdaa.uae" class="interactive" aria-label="Facebook" target="_blank" rel="noopener noreferrer"><img src="{{ asset('assets/images/icons/social-facebook.svg') }}" alt="" width="44" height="44" decoding="async"></a>
                    <a href="https://www.instagram.com/alebdaa.uae" class="interactive" aria-label="Instagram" target="_blank" rel="noopener noreferrer"><img src="{{ asset('assets/images/icons/social-instagram.svg') }}" alt="" width="44" height="44" decoding="async"></a>
                    <a href="https://www.linkedin.com/company/alebdaa-uae" class="interactive" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer"><img src="{{ asset('assets/images/icons/social-linkedin.svg') }}" alt="" width="44" height="44" decoding="async"></a>
                    <a href="#" class="interactive" aria-label="YouTube"><img src="{{ asset('assets/images/icons/social-youtube.svg') }}" alt="" width="44" height="44" decoding="async"></a>
                    <a href="https://www.tiktok.com/@alebdaa.uae" class="interactive" aria-label="TikTok" target="_blank" rel="noopener noreferrer"><img src="{{ asset('assets/images/icons/social-tiktok.svg') }}" alt="" width="44" height="44" decoding="async"></a>
                </div>
            </div>
        </div>
    </div>
</div>

<footer class="site-footer" id="siteFooter">
    <div class="main-container">
        <div class="footer-bottom">
            <!-- <div class="footer-brandline"> -->
                <!-- <img src="{{ asset('assets/images/logo.png') }}" alt="The Maids Logo"> -->
                <!-- <strong>The Maids</strong> -->
            <!-- </div> -->

            <div class="footer-copy">
                <span style="font-size: 16px;">Alebdaa Workers Employment Services Center. All rights reserved &copy; {{ now()->year }}</span>
            </div>

            <!-- <div class="footer-social">
                <a href="https://www.facebook.com/alebdaa.uae" class="interactive" aria-label="Facebook" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-facebook-f"></i></a>
                <a href="https://www.instagram.com/alebdaa.uae" class="interactive" aria-label="Instagram" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-instagram"></i></a>
                <a href="https://www.linkedin.com/company/alebdaa-uae" class="interactive" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-linkedin-in"></i></a>
                <a href="https://www.tiktok.com/@alebdaa.uae" class="interactive" aria-label="TikTok" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-tiktok"></i></a>
            </div> -->
        </div>
    </div>
</footer>