{% extends "core/base.jinja" %}
{% from 'core/macros.jinja' import user_profile_link %}

{% block title -%}
  {{ club.name }}
{%- endblock %}

{% block description -%}
  {{ club.short_description }}
{%- endblock %}

{% block metatags %}
  <meta property="og:url" content="{{ request.build_absolute_uri(club.get_absolute_url()) }}" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="{{ club.name }}" />
  <meta property="og:description" content="{{ club.short_description }}" />
  {% if club.logo %}
    <meta property="og:image" content="{{ request.build_absolute_uri(club.logo.url) }}" />
  {% else %}
    <meta property="og:image" content="{{ request.build_absolute_uri(static("core/img/logo_no_text.png")) }}" />
  {% endif %}
{% endblock %}

{% block additional_css %}
  <link rel="stylesheet" href="{{ static("club/detail.scss") }}">
{% endblock %}

{% block content %}
  <h3>{{ club.name }}</h3>
  <div id="club-detail" {% if links %}class="has-links"{% endif %}>
    <div id="club-attributes">
      {% if club.logo %}
        <img
          class="club-logo"
          src="{{ club.logo.url }}"
          alt="{{ club.name }}"
          width="{{ club.logo.width }}"
          height="{{ club.logo.height }}"
        >
      {% endif %}
      {% if links %}
        <div id="club-links">
          <h4>{% trans %}Links{% endtrans %}</h4>
          <ul>
            {% for link in links %}
              <li>
                <a href="{{ link.url }}" rel="noopener external" target="_blank">
                  <i class="{{ link.link_type.icon }} fa-xl"></i>{{ link.name }}
                </a>
              </li>
            {% endfor %}
          </ul>
        </div>
      {% endif %}
    </div>
    <div id="club-page">
      {% if page_revision %}
        {{ page_revision|markdown }}
      {% endif %}
    </div>
  </div>
{% endblock %}



