{% extends 'website/generic/post_list.html' %}

{% load url from future %}
{% load breadcrumb_tags %}


{% block title %}{{ title }}{% endblock %}
{% block bodyclass %}post-list{% endblock %}

{% block breadcrumb %}
    {% add_crumb 'Kabar terbaru' 'website:news:index' %}
{% endblock %}

{% block page_title %}
    <h2 class = 'section-title'>Kabar Terbaru <em>ODP</em></h2>
    <hr class = 'shade'></hr>
{% endblock %}

{% block sidebar %}
    <div class = 'sidebar'>
        {% if tags %}
            <div class = 'topics'>
                <h5>Topik</h5>
                <ul>
                    {% for tag in tags %}
                        <li><a href = '{% url 'website:news:by_tag' tag.slug %}'>{{ tag }}</a></li>
                    {% endfor %}
                </ul>
            </div>
        {% endif %}
        
        <div class = 'subscribe'>
            <h5>Dapatkan Kabar Terbaru IM</h5>
            <p>Ingin mendapatkan berita terbaru tentang ODP di emailmu?</p>
            <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=KabarTerbaruIndonesiaMengajar', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

                <input type="text" name="email" placeholder = "email@contoh.com"/>
                <input type="hidden" value="KabarTerbaruIndonesiaMengajar" name="uri"/><input type="hidden" name="loc" value="en_US"/>
                <button class = 'button cta'><span>Kirimkan</span></button>
            </form>
        </div>
        
        
        <div class = 'cta-pm cta_pm_list'>
            {% 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 'website:login' %}?action=apply' class = 'button pm cta'>
                        <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 = 'posts'>
            <h5><a href = '{% url "website:blogs:index" %}'>Cerita PM</a></h5>
            <ul>
                {% for post in sidebar_posts %}
                    <li>
                        <h3><a href = '{{ post.get_absolute_url }}'>{{ post }}</a></h3>
                        oleh <a href = '{{ post.author.profile.get_absolute_url }}'>{{ post.author.profile }}</a>
                    </li>
                {% endfor %}
            </ul>
        </div>

    </div>



{% endblock %}