{% extends 'website/base.html' %}
{% load url from future %}
{% load breadcrumb_tags thumbnail sanitizer %}

{% block meta_description %}
<META NAME="Description" CONTENT= "{% firstof post.excerpt.strip|striptags|force_escape|truncatewords:25 post.content.strip|striptags|force_escape|truncatewords:25 %}">
{% comment %}
    {% if post.photo.url %}
        <link rel="image_src" href="{{ post.photo.url }}" />
    {% endif %}
{% endcomment %}

{% endblock %}
{% block title %}{{ post.title }}{% endblock %}
{% block bodyclass %}post-detail{% endblock %}

{% block breadcrumb %}
    {{ block.super }}

    {% add_crumb 'Kabar Terbaru' 'website:news:index' %}
    {% if is_preview %}
        {% add_crumb 'Blog Detail' %}
    {% else %}
        {% add_crumb post.title 'website:news:detail' post.slug %}
    {% endif %}

{% endblock %}


{% block content %}

    {% block sidebar %}

    <div class = 'sidebar'>

        <div id = 'author'>
            <h5><a href = '{{ post.author.profile.get_absolute_url }}'>Profil Penulis</a></h5>
                <a href = '{{ post.author.profile.get_absolute_url }}'><img src = '{% thumbnail post.author.extended_profile.photo 60x90 %}'></a>
                <h2><a href = '{{ post.author.profile.get_absolute_url }}'>{{ post.author.profile }}</a></h2>
                <h6>{{ post.author.extended_profile.position }}</h6>
                <p>{{ post.author.extended_profile.description|striptags|truncatewords_html:'25'|safe }}</p>
            <hr/>
        </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:news:index' %}">Kabar Terbaru IM</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 %}

<div class = 'main-column'>

    <div class = 'first-post'>

        <div class = 'date-box'>
            {{ post.published|date:'M' }} <br/>
            <strong>{{ post.published|date:'d' }}</strong>
        </div>

        <div class = 'title-wrapper'>
            <h1><a href = '{{ post.get_absolute_url }}'>{{ post.title }}</a></h1>
            oleh <strong>
                    <a href = "{{ post.author.profile.get_absolute_url }}">{{ post.author.profile }}</a>
                </strong>
            {% if not is_preview %}
                {% with post.tags.all as tags %}
                    {% if tags %}
                        in
                        {% for tag in tags %}
                            <a href = '{% url 'website:news:by_tag' tag.slug %}'>{{ tag }}</a>{% if not forloop.last %}, {% endif %}
                        {% endfor %}
                    {% endif %}
                {% endwith %}
            {% else %}
                in <a href = '#'>exampletag1</a>,
                <a href = '#'>exampletag2</a>
            {% endif %}

            <a class = 'comment-count scroll' href = '#comments'>{{ comments.count }}</a>

        </div>

        {% if post.photo %}
            <div class = 'post-image'>
                <img src = '{{ post.photo.url }}'>
            </div>
        {% endif %}

        <div class = 'body'>
            {# Wordpress imported posts use newline instead of <p> so we need to convert those to linebreaks #}
            {% if post.wp_post_id %}
                {{ post.content|sanitize|safe|linebreaks }}
            {% else %}
                {{ post.content|sanitize|safe }}
            {% endif %}
        </div>

        <div class = 'social-buttons'>
            <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="150" show_faces="false" font=""></fb:like></div>
        </div>

    </div>
    <hr>

</div>

<div class ='main-column'>
    {% if related_items %}
        <div class='related-article'>
            <h5>Artikel Terkait</h5>
                <ul>
                    {% for item in related_items %}
                        <li><a href='{{ item.get_absolute_url }}'>{{ item }}</a></li>
                    {% endfor %}
                </ul>
        </div>
    {% endif %}
</div>

{% include 'website/generic/comments.html' %}

{% endblock %}

{% block script %}
    {{ block.super }}
    <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 %}