{% extends 'website/base.html' %}
{% load fiber_tags %}
{% load url from future %}
{% block bodyclass %}static-page{% endblock %}
{% block content %}

    <div id = 'main-text'>
        <h1>{% show_page_content 'Header' %}</h1>
        <h3>{% show_page_content 'Header description' %}</h3>
    </div>

    <div id = 'main-content'>

        {% if volunteer_form %}
            <div class = 'cta-box volunteer'>
                <h4>Gabung Jadi Relawan!</h4>
                <form method = 'POST' action ="{% url 'website:volunteer' %}">
                <p>Masukkan email Anda untuk menerima info terkini seputar kegiatan kami</p>
                    {% csrf_token %}
                    {% for form_field in volunteer_form %}
                        <span class='error'>{{ form_field.errors }}</span>
                        {{ form_field }}
                    {% endfor %}
                    <button class = 'button'><span>Kirim</span></button>
                </form>
            </div>
        {% endif %}

        <div class = 'section'>{% show_page_content 'Section' %}</div>

        <div id = 'social-bar'>
            <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="Ind_Mengajar">Tweet</a>
            <div id="fb-root"><fb:like href="" send="false" layout="button_count" width="260" show_faces="false" font=""></fb:like></div>
        </div>
    </div>

    <div class = 'bottom-buttons'>
        <a href = '/dukung-indonesia-mengajar/jadi-pengajar-muda/' class = 'button teach cta'>
            <span>Dukung dengan mengajar<span class = 'arrow'></span></span>
        </a>
        <a href = '{% url 'website:volunteer' %}' class = 'button partner cta'>
            <span>Dukung menjadi volunteer<span class = 'arrow'></span></span>
        </a>
        <a href = '{% url 'website:donations:index' %}' class = 'button books cta'>
            <span>Dukung melalui donasi<span class = 'arrow'></span></span>
        </a>
    </div>

{% endblock %}

{% block extra_script %}
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    <script src="https://connect.facebook.net/en_US/all.js#xfbml=1"></script>
{% endblock %}