{% extends 'website/base.html' %}
{% load url from future %}
{% load fiber_tags %}

{% block title %}Donasi{% endblock %}
{% block bodyclass %}donation-start-page{% endblock %}

{% block content %}

<div id = 'main-text'>
    {% if content_template %}
        <h1>{% show_content content_template.header %}</h1>
        <h3>{% show_content content_template.subheader %}</h3>
    {% else %}
        <h1>{% show_content 'Donation header' %}</h1>
        <h3>{% show_content 'Donation header description' %}</h3>
    {% endif %}
</div>

<div id = 'donors-content'>

    <div class = 'section'>
        {% if content_template %}
            {% show_content content_template.text %}
        {% else %}
            <div class="center-aligned">
                {% if invitation_code %}
                <a href="{% url 'website:donations:choose_bank' invitation_code %}">
                    <img src = '{{ STATIC_URL }}website/img/dukung-melalui-donasi.jpg'>
                </a>
                {% else %}
                <a href="{% url 'website:donations:form' %}">
                    <img src = '{{ STATIC_URL }}website/img/GabungJadiDonatur.jpg'>
                </a>
                {% endif %}
            </div>
            <br /><br />
            {% show_content 'Donation intro' %}
        {% endif %}
    </div>

        <div class="center-aligned">
            {% if invitation_code %}
            <a href="{% url 'website:donations:choose_bank' invitation_code %}">
                <img src = '{{ STATIC_URL }}website/img/dukung-melalui-donasi.jpg'>
            </a>
            {% else %}
                <a href="{% url 'website:donations:form' %}">
                <img src = '{{ STATIC_URL }}website/img/GabungJadiDonatur.jpg'>
            </a>
            {% endif %}
        </div>

</div>
{% endblock %}