<footer class="bg-navy mt-auto" data-test="main-footer">
    <div class="max-w-[1200px] mx-auto px-4 py-8">
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
            <!-- Logo & Description -->
            <div class="text-center md:text-start">
                <x-logo size="small" />
                <p class="mt-3 text-gold-light text-sm">
                    {{ __('footer.description') }}
                </p>
            </div>

            <!-- Contact Information -->
            <div class="text-center md:text-start">
                <h3 class="text-gold font-semibold mb-3">{{ __('footer.contact') }}</h3>
                <address class="text-gold-light text-sm not-italic space-y-1">
                    <p>{{ __('footer.address') }}</p>
                    <p>{{ __('footer.phone') }}</p>
                    <p>{{ __('footer.email') }}</p>
                </address>
            </div>

            <!-- Legal Links -->
            <div class="text-center md:text-start">
                <h3 class="text-gold font-semibold mb-3">{{ __('footer.legal') }}</h3>
                <ul class="space-y-2">
                    <li>
                        <a
                            href="{{ route('terms') }}"
                            class="text-gold-light hover:text-gold transition-colors text-sm"
                            data-test="footer-terms"
                        >
                            {{ __('footer.terms') }}
                        </a>
                    </li>
                    <li>
                        <a
                            href="{{ route('privacy') }}"
                            class="text-gold-light hover:text-gold transition-colors text-sm"
                            data-test="footer-privacy"
                        >
                            {{ __('footer.privacy') }}
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Copyright -->
        <div class="mt-8 pt-6 border-t border-gold/20 text-center">
            <p class="text-gold-light text-sm" data-test="footer-copyright">
                &copy; {{ date('Y') }} {{ __('footer.copyright') }}
            </p>
        </div>
    </div>
</footer>
