  </div>
</main>

<footer class="bg-dark text-white mt-5">
  <div class="container py-5">
    <div class="row">
      <div class="col-md-4 mb-4">
        <h5 class="mb-3"><?php echo e(get_setting('site_name','Sekolah Kita')); ?></h5>
        <p class="text-white-50"><?php echo e(get_setting('site_description', 'Website resmi sekolah untuk informasi dan layanan pendidikan')); ?></p>
        <?php if ($siteLogo = get_setting('site_logo')): ?>
          <img src="<?php echo base_url(); ?>/data/uploads/<?php echo e($siteLogo); ?>" 
               alt="Logo" 
               style="height: 60px; width: auto; object-fit: contain; filter: brightness(0) invert(1);">
        <?php endif; ?>
      </div>
      
      <div class="col-md-4 mb-4">
        <h5 class="mb-3">Kontak</h5>
        <ul class="list-unstyled text-white-50">
          <?php if ($address = get_setting('site_address')): ?>
            <li class="mb-2"><i class="fa fa-map-marker-alt me-2"></i><?php echo e($address); ?></li>
          <?php endif; ?>
          <?php if ($phone = get_setting('site_phone')): ?>
            <li class="mb-2"><i class="fa fa-phone me-2"></i><?php echo e($phone); ?></li>
          <?php endif; ?>
          <?php if ($email = get_setting('site_email')): ?>
            <li class="mb-2"><i class="fa fa-envelope me-2"></i><?php echo e($email); ?></li>
          <?php endif; ?>
        </ul>
      </div>
      
      <div class="col-md-4 mb-4">
        <h5 class="mb-3">Link Cepat</h5>
        <ul class="list-unstyled">
          <li class="mb-2"><a href="<?php echo base_url(); ?>/public/index.php" class="text-white-50 text-decoration-none">Beranda</a></li>
          <li class="mb-2"><a href="<?php echo base_url(); ?>/public/about.php" class="text-white-50 text-decoration-none">Tentang</a></li>
          <li class="mb-2"><a href="<?php echo base_url(); ?>/public/kurikulum.php" class="text-white-50 text-decoration-none">Kurikulum</a></li>
          <li class="mb-2"><a href="<?php echo base_url(); ?>/public/berita.php" class="text-white-50 text-decoration-none">Berita</a></li>
          <li class="mb-2"><a href="<?php echo base_url(); ?>/public/kontak.php" class="text-white-50 text-decoration-none">Kontak</a></li>
        </ul>
      </div>
    </div>
    
    <hr class="border-secondary my-4">
    
    <div class="row">
      <div class="col-md-6 text-center text-md-start">
        <small class="text-white-50">&copy; <?php echo date('Y'); ?> <?php echo e(get_setting('site_name','Sekolah Kita')); ?>. All rights reserved.</small>
      </div>
      <div class="col-md-6 text-center text-md-end">
        <small class="text-white-50">Powered by School CMS</small>
      </div>
    </div>
  </div>
</footer>

<script src="<?php echo base_url(); ?>/assets/vendor/bootstrap5/js/bootstrap.bundle.min.js"></script>
<script src="https://kit.fontawesome.com/your-code.js" crossorigin="anonymous"></script>
<script>
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener('click', function (e) {
    const href = this.getAttribute('href');
    if (href !== '#' && document.querySelector(href)) {
      e.preventDefault();
      document.querySelector(href).scrollIntoView({
        behavior: 'smooth'
      });
    }
  });
});

// Navbar scroll effect
let lastScroll = 0;
const navbar = document.querySelector('.navbar');
window.addEventListener('scroll', () => {
  const currentScroll = window.pageYOffset;
  if (currentScroll > 100) {
    navbar.style.boxShadow = '0 4px 18px rgba(0,0,0,0.1)';
  } else {
    navbar.style.boxShadow = '0 2px 8px rgba(0,0,0,0.04)';
  }
  lastScroll = currentScroll;
});
</script>
</body>
</html>
