@php
     $Objvuelos = new \App\Http\Controllers\PagesController();
     $vuelos = $Objvuelos->getNombresDeVuelos();
 @endphp
 <footer class="footer">
     <div class="footer-container">
         <div class="footer-grid">

             {{-- BRAND --}}
             <div class="footer-brand">
                 <a href="{{ url('/') }}" class="footer-logo">
                     <div class="footer-logo-icon">
                         <img src="{{ asset('assets/img/vueloenglobo/logo-vueloenglobo.png') }}" width="40px" alt="">
                     </div>
                     <div>
                         <div class="footer-logo-text">Vuelo en Globo</div>
                         <div class="footer-logo-sub">Agencia de Viajes</div>
                     </div>
                 </a>

                 <p class="footer-description">
                     {{ __('site.footer.description') }}
                 </p>

                 <div class="footer-social">
                     <a href="https://www.facebook.com/VueloenGlobo.mx" target="_blank"
                         class="social-link">
                         <i class="fab fa-facebook-f"></i>
                     </a>

                     <a href="https://www.instagram.com/vueloenglobo.mx" target="_blank"
                         class="social-link">
                         <i class="fab fa-instagram"></i>
                     </a>

                     <a href="https://www.tiktok.com/@vueloenglobomx" target="_blank"
                         class="social-link">
                         <i class="fab fa-tiktok"></i>
                     </a>
                 </div>
             </div>

             {{-- ENLACES --}}
             <div>
                 <h4 class="footer-title">{{ __('site.footer.quick_links') }}</h4>

                 <ul class="footer-links">
                     <li>
                         <a href="{{ url('/') }}">
                             <i class="fas fa-chevron-right"></i>
                             {{ __('site.footer.home') }}
                         </a>
                     </li>

                     <li>
                         <a href="{{ url('/vuelos-en-globo') }}">
                             <i class="fas fa-chevron-right"></i>
                             {{ __('site.footer.flights_link') }}
                         </a>
                     </li>

                     <li>
                         <a href="{{ route('instalaciones') }}">
                             <i class="fas fa-chevron-right"></i>
                             {{ __('site.footer.installations') }}
                         </a>
                     </li>

                     <li>
                         <a href="{{ route('seguridad') }}">
                             <i class="fas fa-chevron-right"></i>
                             {{ __('site.footer.security') }}
                         </a>
                     </li>

                     <li>
                         <a href="{{ route('aviso.privacidad') }}">
                             <i class="fas fa-chevron-right"></i>
                             {{ __('site.footer.privacy') }}
                         </a>
                     </li>

                     <li>
                         <a href="{{ route('terminos.condiciones') }}">
                             <i class="fas fa-chevron-right"></i>
                             {{ __('site.footer.terms') }}
                         </a>
                     </li>

                     <li>
                         <a href="{{ route('preguntas.frecuentes') }}">
                             <i class="fas fa-chevron-right"></i>
                             {{ __('site.footer.faq') }}
                         </a>
                     </li>
                 </ul>
             </div>

             {{-- VUELOS --}}
             <div>
                 <h4 class="footer-title">{{ __('site.footer.flights') }}</h4>

                 <ul class="footer-links">
                     @foreach ($vuelos as $categoria => $items)
                         @foreach ($items as $vuelo)
                             <li>
                                 <a href="{{ route('vueloSeleccionado', ['vuelo' => $vuelo['enlace_permanente']]) }}">
                                     <i class="fas fa-chevron-right"></i>
                                     {{ $vuelo['nombre_vuelo'] }}
                                 </a>
                             </li>
                         @endforeach
                     @endforeach
                 </ul>
             </div>

             {{-- CONTACTO --}}
             <div>
                 <h4 class="footer-title">{{ __('site.footer.contact') }}</h4>

                 <div class="footer-contact-item">
                     <i class="fas fa-map-marker-alt"></i>
                     <span>{{ __('site.footer.address') }}</span>
                 </div>

                 <div class="footer-contact-item">
                     <i class="fas fa-phone-alt"></i>
                     <span>+52 56 51 29 2249</span>
                 </div>

                 <div class="footer-contact-item">
                     <i class="fas fa-envelope"></i>
                     <span>contacto@vueloenglobo.mx</span>
                 </div>

                 <div class="footer-contact-item">
                     <i class="fas fa-clock"></i>
                     <span>{{ __('site.footer.schedule') }}</span>
                 </div>

                 {{-- NEWSLETTER --}}
                 <div class="footer-newsletter">
                     <h4 class="footer-title" style="margin-top: 1rem;">
                         {{ __('site.footer.newsletter') }}
                     </h4>

                     <p class="newsletter-text">
                         {{ __('site.footer.newsletter_text') }}
                     </p>

                     <div class="newsletter-form">
                         <input type="email" class="newsletter-input"
                             placeholder="{{ __('site.footer.email_placeholder') }}">

                         <button class="newsletter-btn" onclick="alert('{{ __('site.footer.subscribe_alert') }}')">
                             <i class="fas fa-paper-plane"></i>
                         </button>
                     </div>
                 </div>
             </div>

         </div>

         {{-- FOOTER BOTTOM --}}
         <div class="footer-bottom">
             <div class="copyright">
                 {{ __('site.footer.copyright') }}
             </div>

             <div class="footer-legal">
                 <a href="{{ route('terminos.condiciones') }}">
                     {{ __('site.footer.terms') }}
                 </a>

                 <a href="{{ route('aviso.privacidad') }}">
                     {{ __('site.footer.privacy') }}
                 </a>
             </div>
         </div>

     </div>
 </footer>