{% extends "base.html" %}
{% load i18n %}

{% block head_title %}
    {% trans "Membership" %}
{% endblock %}

{% block content %}

    <div class="content-view">
        <h2>Membership settings</h2>
    {% if not current_membership %}
        <p>{% trans "You do not have an active membership!" %}</p>

        <p>{% trans "You can become a member by depositing the membership fee to our bank account." %}</p>

        <ul>
            <li>Reg. 8401 (Merkur)</li>
            <li>Kontonr. 1016866</li>
            <li>Tekst på overførslen: Your email</li>
        </ul>
    {% else %}
        <p>{% trans "You are a member!" %}</p>

        {% trans "next general assembly" as next_general_assembly %}
        <p>{% trans "Period" %}: {{ current_period.lower|date:"SHORT_DATE_FORMAT" }} to {{ current_period.upper|date:"SHORT_DATE_FORMAT"|default:next_general_assembly }}</p>
        <p>{% trans "Type" %}: {{ current_membership.membership_type }}</p>
    {% endif %}
    </div>

    <div class="content-view">
        <h2>Profile settings</h2>
        <form>
            <div>
                <label for="username">
                Username
                </label>
                <input id="username" type="text" value="{{user}}" />
            </div>

            <div>
                <label for="first_name">
                First name
                </label>
                <input id="first_name" type="text" value="{{user.first_name}}" />
            </div>

            <div>
                <label for="last_name">
                Last name
                </label>
                <input id="last_name" type="text" value="{{user.last_name}}" />
            </div>

            <button>Update Profile</button>
        </form>
    </div>

    <div class="view-list">
        <h2>Email settings</h2>
        <button>Update Email</button>
    </div>
{% endblock %}