{% load static %}
<footer class="footer" role="contentinfo">
  <div class="footer-blobs" aria-hidden="true">
    <div class="footer-blob footer-blob--1"></div>
    <div class="footer-blob footer-blob--2"></div>
  </div>
  <div class="container">
    <div class="footer-grid">

      <div class="footer-brand-col">
        <a href="{% url 'pages:home' %}" class="footer-logo" aria-label="Radiuma home">
          <img src="{% static 'images/favicon-180.png' %}" alt="" class="brand-icon" width="34" height="34" aria-hidden="true" />
          <span class="brand-name">Radiuma</span>
        </a>
        <p class="footer-tagline">
          Advancing medical imaging and radiomics research through innovative, standardized software solutions.
        </p>
        <a href="https://discord.gg/9XxA6pV9hb" class="btn-ghost btn-sm" target="_blank" rel="noopener noreferrer">
          <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057.1 18.08.114 18.1.133 18.11a19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z"/>
          </svg>
          Join Discord
        </a>
      </div>

      <div class="footer-links-col">
        <h3 class="footer-heading">Navigation</h3>
        <ul class="footer-links" role="list">
          <li><a href="{% url 'pages:home' %}">Home</a></li>
          <li><a href="{% url 'pages:about' %}">What is Radiuma</a></li>
          <li><a href="{% url 'products:overview' %}">Products</a></li>
          <li><a href="{% url 'pages:faq' %}">FAQ</a></li>
          <li><a href="{% url 'pages:contact' %}">Contact</a></li>
        </ul>
      </div>

      {% if nav_main_products %}
      <div class="footer-links-col">
        <h3 class="footer-heading">Products</h3>
        <ul class="footer-links" role="list">
          {% for product in nav_main_products %}
          <li><a href="{{ product.get_absolute_url }}">{{ product.name }}</a></li>
          {% endfor %}
        </ul>
      </div>
      {% endif %}

      <div class="footer-contact-col">
        <h3 class="footer-heading">Contact</h3>
        <address class="footer-address">
          <p>BC Cancer Research Center</p>
          <p>675 West 10th Ave, Office 6-112</p>
          <p>Vancouver, BC, V5Z 1L3</p>
        </address>
        <a href="mailto:support@radiuma.com" class="footer-email">support@radiuma.com</a>
      </div>

    </div>

    <div class="footer-bottom">
      <p class="footer-copy">
        &copy; {% now "Y" %} Radiuma. All rights reserved.
      </p>
      <p class="footer-credit">
        Developed at <a href="https://www.qurit.ca" target="_blank" rel="noopener noreferrer">Qurit Lab</a>,
        <a href="https://www.ubc.ca" target="_blank" rel="noopener noreferrer">University of British Columbia</a>
        &amp; <a href="https://www.bccrc.ca" target="_blank" rel="noopener noreferrer">BC Cancer Research Institute</a>
      </p>
    </div>

  </div>
</footer>
