{% extends 'teamized/club/base.html' %}
{% load static %}

{% block title %}{{ club.name }}{% endblock title %}
{% block menubartitleurl %}{% url 'teamized:club_login' clubslug=club.slug %}{% endblock menubartitleurl %}
{% block menubartitlecontent %}{{ club.name }}{% endblock menubartitlecontent %}

{% block menubar_items %}
    <li class="nav-item border-lg rounded border-secondary ms-2">
        <a class="nav-link ms-1 me-1" href="{% url 'teamized:club_login' clubslug=club.slug %}" title="Vereinsseite">
            <i class="fa-solid fa-home"></i>
            <span class="d-lg-none ms-2">Vereinsseite</span>
        </a>
    </li>
    <li class="nav-item border-lg rounded border-secondary ms-2">
        <form method="post" action="{% url 'teamized:club_member_logout' clubslug=club.slug memberuid=member.uid %}">
            {% csrf_token %}
            <button class="btn nav-link ms-1 me-1" type="submit" title="Logout">
                <i class="fa-solid fa-sign-out-alt"></i>
                <span class="d-lg-none ms-2">Logout</span>
            </button>
        </form>
    </li>
{% endblock menubar_items %}


{% block contentcontainer %}
    <script>
        {% comment %}
            window.teamized_globals.api_base_url = "{% url 'teamized:club-api-memberinfo' memberuid=member.uid %}";
        {% endcomment %}
    </script>
    {% comment %}
        <script src="{% static '' %}" type="module"></script>
    {% endcomment %}

    <div id="app-maincontent" class="w-100 overflow-auto px-4 py-3 container-fluid">
        Da ist noch nix drin...
        <!-- Filled by React -->
    </div>
{% endblock contentcontainer %}