<?php
// Fetch settings for footer
if (isset($conn)) {
    $settings_result = $conn->query("SELECT * FROM settings");
    $footer_settings = [];
    while($row = $settings_result->fetch_assoc()) {
        $footer_settings[$row['setting_key']] = $row['setting_value'];
    }
}
?>

<!-- Footer -->
<footer class="text-center text-lg-start bg-dark text-muted">
  <section class="p-4">
    <div class="container text-center text-md-start mt-5">
      <div class="row mt-3">
        <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
          <h6 class="text-uppercase fw-bold mb-4">
            <i class="fas fa-car me-3"></i><?= htmlspecialchars($footer_settings['site_title'] ?? 'M-AUTO') ?>
          </h6>
          <p>
            موقع <?= htmlspecialchars($footer_settings['site_title'] ?? 'M-AUTO') ?> هو وجهتك الأولى لشراء السيارات الجديدة والمستعملة في مصر، مع توفير خدمات الصيانة وحجز الزيارات.
          </p>
        </div>

        <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
          <h6 class="text-uppercase fw-bold mb-4">
            روابط سريعة
          </h6>
          <p><a href="cars.php" class="text-reset">السيارات</a></p>
          <p><a href="maintenance.php" class="text-reset">الصيانة</a></p>
          <p><a href="branches.php" class="text-reset">الفروع</a></p>
        </div>

        <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
          <h6 class="text-uppercase fw-bold mb-4">تواصل معنا</h6>
          <?php if (!empty($footer_settings['contact_address'])): ?>
          <p><i class="fas fa-home me-3"></i> <?= htmlspecialchars($footer_settings['contact_address']) ?></p>
          <?php endif; ?>
          <?php if (!empty($footer_settings['contact_email'])): ?>
          <p><i class="fas fa-envelope me-3"></i> <?= htmlspecialchars($footer_settings['contact_email']) ?></p>
          <?php endif; ?>
          <?php if (!empty($footer_settings['contact_phone'])): ?>
          <p><i class="fas fa-phone me-3"></i> <?= htmlspecialchars($footer_settings['contact_phone']) ?></p>
          <?php endif; ?>
          
          <!-- Social Media Links -->
          <div class="mt-3">
            <?php if (!empty($footer_settings['facebook_url'])): ?>
            <a href="<?= htmlspecialchars($footer_settings['facebook_url']) ?>" class="text-reset me-3" target="_blank" style="font-size: 1.2em;">
              <i class="fa-brands fa-facebook"></i>
            </a>
            <?php endif; ?>
            <?php if (!empty($footer_settings['twitter_url'])): ?>
            <a href="<?= htmlspecialchars($footer_settings['twitter_url']) ?>" class="text-reset me-3" target="_blank" style="font-size: 1.2em;">
              <i class="fa-brands fa-twitter"></i>
            </a>
            <?php endif; ?>
            <?php if (!empty($footer_settings['instagram_url'])): ?>
            <a href="<?= htmlspecialchars($footer_settings['instagram_url']) ?>" class="text-reset me-3" target="_blank" style="font-size: 1.2em;">
              <i class="fa-brands fa-instagram"></i>
            </a>
            <?php endif; ?>
          </div>
        </div>
      </div>
    </div>
  </section>

  <div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.2);">
    Designed by- Digital-Evo© 2025 Copyright :
    <a class="text-reset fw-bold" href="#"><?= htmlspecialchars($footer_settings['site_title'] ?? 'M-AUTO') ?></a>
  </div>
</footer>

<!-- Floating Chat Button -->
<a href="#" id="chat-button" class="chat-button">
    <i class="fas fa-comments"></i>
</a>
<!-- To make this button functional, integrate a chat service like Dialogflow, Chatbase, or Landbot. 
     You will typically need to add their JavaScript snippet here and configure it to open the chat window when #chat-button is clicked. -->


<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>

<!-- AOS Animation JS -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

<!-- Leaflet JS for Maps -->
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>

<!-- SweetAlert2 -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<!-- Custom JS -->
<script src="assets/js/main.js"></script>
<script src="assets/js/compare.js"></script>

<script>
  AOS.init({
      duration: 1000
  });

  // Manually initialize the carousel to fix navigation issues
  document.addEventListener('DOMContentLoaded', function () {
    var heroCarousel = document.querySelector('#hero-carousel');
    if (heroCarousel) {
      var carousel = new bootstrap.Carousel(heroCarousel, {
        interval: 5000, // Match the data-bs-interval
        ride: 'carousel'
      });
    }
  });
  
  // Register Service Worker for PWA
  if ('serviceWorker' in navigator) {
    window.addEventListener('load', function() {
      navigator.serviceWorker.register('sw.js')
        .then(function(registration) {
          console.log('ServiceWorker registration successful with scope: ', registration.scope);
        }, function(err) {
          console.log('ServiceWorker registration failed: ', err);
        });
    });
  }
  
  // PWA Install Prompt
  let deferredPrompt;
  window.addEventListener('beforeinstallprompt', (e) => {
    e.preventDefault();
    deferredPrompt = e;
    
    // Show install button or banner
    // const installBanner = document.createElement('div');
    // installBanner.innerHTML = `
    //   <div class="alert alert-info alert-dismissible fade show position-fixed" style="top: 70px; right: 20px; z-index: 9999; max-width: 300px;">
    //     <strong>تثبيت التطبيق</strong><br>
    //     يمكنك تثبيت M-AUTO كتطبيق على هاتفك!
    //     <button type="button" class="btn btn-sm btn-primary ms-2" onclick="installApp()">تثبيت</button>
    //     <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    //   </div>
    // `;
    // document.body.appendChild(installBanner);
  });
  
  function installApp() {
    if (deferredPrompt) {
      deferredPrompt.prompt();
      deferredPrompt.userChoice.then((choiceResult) => {
        if (choiceResult.outcome === 'accepted') {
          console.log('User accepted the install prompt');
        }
        deferredPrompt = null;
      });
    }
  }
</script>

</body>
</html>