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

{% 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'>
        <div class = 'cta-pm'>
            {% if active_program %}
                <h4>Pendaftaran ODP Angkatan {{ active_program }} sedang dibuka.</h4>
                <div class = 'buttons'>
                    <p>Pendaftaran dibuka sampai {{ active_program.registration_end_date }}.</p>
                    <a href = '{% url 'application_form_basic_info' %}' class = 'button pm cta cta-pm-button smaller'>
                        <span>Daftar</span>
                    </a>
                </div>
            {% else %}
                <h4>Pendaftaran ODP Angkatan {{ last_program }} telah ditutup.</h4>
                <div class = 'buttons'>
                    <form method='post' action='{% url 'potential_cta_signup' %}'>
                        {% csrf_token %}
                        <p>Daftarkan emailmu untuk mendapatkan informasi pendaftaran angkatan selanjutnya.</p>
                        {{ potential_form.as_p }}
                        <input type='submit' class = 'button pm cta cta-pm-button' value='Ingatkan Saya'>
                    </form>
                </div>
            {% endif %}
        </div>

        <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 %}