<div class="website-footer">
  <div class="container">
    <div class="row">
      <div class="col-md-4 mb-4 mb-md-0">
        <h5><i class="fa-solid fa-church me-2" style="color:#0d6efd;"></i><?= $churchName ?></h5>
        <?php if ($churchAddress): ?>
          <p class="mb-1"><i class="fa-solid fa-location-dot me-2 opacity-50"></i><?= $churchAddress ?></p>
        <?php endif; ?>
        <?php if ($churchPhone): ?>
          <p class="mb-1"><i class="fa-solid fa-phone me-2 opacity-50"></i><?= $churchPhone ?></p>
        <?php endif; ?>
        <?php if ($churchEmail): ?>
          <p class="mb-0"><i class="fa-solid fa-envelope me-2 opacity-50"></i><?= $churchEmail ?></p>
        <?php endif; ?>
      </div>
      <div class="col-md-4 mb-4 mb-md-0">
        <h5>Quick Links</h5>
        <p class="mb-1"><a href="<?= $rootPath ?>/external/">Home</a></p>
        <p class="mb-1"><a href="<?= $rootPath ?>/external/sermons">Sermons</a></p>
        <p class="mb-1"><a href="<?= $rootPath ?>/external/videos">Videos</a></p>
        <p class="mb-1"><a href="<?= $rootPath ?>/external/prayer">Prayer</a></p>
        <p class="mb-1"><a href="<?= $rootPath ?>/external/about">About Us</a></p>
        <p class="mb-0"><a href="<?= $rootPath ?>/external/contact">Contact</a></p>
      </div>
      <div class="col-md-4">
        <h5>Connect</h5>
        <p class="mb-2">Follow us on social media</p>
        <div>
          <a href="#" class="social-link" title="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
          <a href="#" class="social-link" title="Instagram"><i class="fa-brands fa-instagram"></i></a>
          <a href="#" class="social-link" title="YouTube"><i class="fa-brands fa-youtube"></i></a>
          <a href="#" class="social-link" title="X"><i class="fa-brands fa-x-twitter"></i></a>
        </div>
      </div>
    </div>
    <hr class="my-4" style="border-color: rgba(255,255,255,.1);">
    <p class="mb-0 small text-center">&copy; <?= date('Y') ?> <?= $churchName ?>. All rights reserved.</p>
  </div>
</div>
