{% load static %}
{% comment %}
  Public marketing footer — used by layouts/marketing.html. Deep-brown
  ruforum-topbar band with brand, explore links, and account links.
  Only known-good public URLs are linked.
{% endcomment %}
<footer class="border-t border-white/10 bg-ruforum-topbar text-white">
  <div class="mx-auto max-w-7xl px-6 py-12">
    <div class="grid gap-10 sm:grid-cols-2 lg:grid-cols-[1.5fr_1fr_1fr]">

      {# ── Brand + tagline ─────────────────────────────────── #}
      <div class="max-w-sm">
        <a href="/" class="flex items-center gap-2.5">
          <img src="{% static 'img/brand/favicon.png' %}" alt="RUFORUM IILMP" class="h-8 w-auto object-contain brightness-0 invert" aria-hidden="true">
          <span class="leading-tight">
            <span class="block font-display text-sm font-bold text-white">IILMP</span>
            <span class="block font-meta text-[8px] uppercase tracking-[0.2em] text-white/40">RUFORUM</span>
          </span>
        </a>
        <p class="mt-4 text-sm leading-relaxed text-white/60">
          Funding, professional development, and an SME marketplace for the RUFORUM network of
          universities and researchers across Africa.
        </p>
      </div>

      {# ── Explore ─────────────────────────────────────────── #}
      <div>
        <p class="font-meta text-[11px] font-semibold uppercase tracking-[0.16em] text-white/40">Explore</p>
        <ul class="mt-4 space-y-2.5 text-sm">
          <li><a href="{% url 'rims_grants:call_list' %}" class="text-white/70 transition-colors hover:text-white">Open calls</a></li>
          <li><a href="{{ moodle_url }}" target="_blank" rel="noopener" class="text-white/70 transition-colors hover:text-white">Courses</a></li>
          <li><a href="{% url 'smehub_marketplace:product_catalogue' %}" class="text-white/70 transition-colors hover:text-white">SME marketplace</a></li>
        </ul>
      </div>

      {# ── Account ─────────────────────────────────────────── #}
      <div>
        <p class="font-meta text-[11px] font-semibold uppercase tracking-[0.16em] text-white/40">Account</p>
        <ul class="mt-4 space-y-2.5 text-sm">
          <li><a href="{% url 'accounts:login' %}" class="text-white/70 transition-colors hover:text-white">Sign in</a></li>
          <li><a href="{% url 'accounts:register' %}" class="text-white/70 transition-colors hover:text-white">Create account</a></li>
        </ul>
      </div>
    </div>

    <div class="mt-12 border-t border-white/10 pt-6">
      <p class="font-meta text-xs text-white/45">
        &copy; {% now "Y" %} RUFORUM &middot; Integrated Information, Learning, and Management Platform
      </p>
    </div>
  </div>
</footer>