{% load static %}

{% block extrastyle %}
<style>
  /* ==========================
     Footer
  ========================== */
  .footer {
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
  }

  /* Links */
  .footer-link {
    color: #6c757d;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
  }

  .footer-link:hover {
    color: var(--bs-primary);
  }

  .footer-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background: var(--bs-primary);
    transition: width 0.3s ease;
  }

  .footer-link:hover::after {
    width: 100%;
  }

  /* Logo */
  .footer-logo {
    width: 42px;
    height: 42px;
    object-fit: contain;
    transition: all 0.35s ease;
  }

  .footer-logo:hover {
    transform: rotate(8deg) scale(1.12);
  }

  /* Powered By */
  .footer strong {
    color: #0d6efd;
    transition: 0.3s;
  }

  .footer strong:hover {
    letter-spacing: 0.5px;
  }
</style>
{% endblock %}

<!-- Footer -->
<footer class="footer mt-auto py-3">
  <div class="container">
    <div class="row align-items-center gy-2">

      <!-- Copyright -->
      <div class="col-lg-5 text-center text-lg-start">
        <small class="text-muted">
          &copy; {% now "Y" %} RCCG Region 29 Scholarship Portal. All Rights Reserved.
        </small>
      </div>

      <!-- Footer Links -->
      <div class="col-lg-4 text-center">
        <a href="{% url 'core:privacy_policy' %}" class="footer-link me-3">Privacy Policy</a>
        <a href="{% url 'core:terms_of_service' %}" class="footer-link">Terms of Service</a>
      </div>

      <!-- Powered By -->
      <div class="col-lg-3 text-center text-lg-end">
        <small class="text-muted d-inline-flex align-items-center">
          Powered by
          <img src="{% static 'images/g7.jpg' %}"
               alt="G7 TechServe"
               class="footer-logo ms-2"
               title="G7 TechServe">
        </small>
      </div>

    </div>
  </div>
</footer>