{% extends 'website/base.html' %}

{% load url from future %}
{% load pagination_tags sanitizer %}


{% block content %}
    
    {% block page_title %}
        <h2 class = 'section-title'>Cerita <em>{{ author.profile }}</em></h2>
        <hr class = 'shade'></hr>
    {% endblock %}

	{% block sidebar %}{% endblock %}

    {% autopaginate object_list 9 %}

    <div class = 'main-column'>
        <div class = 'first-post'>
            {% with object_list.0 as 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.get_author_display }}</a></strong>
                    {% with post.tags.all as tags %}
                        {% if tags %}
                             in 
                            {% for tag in tags %}
                                <a href = '{% url tag_view_name tag.slug %}'>{{ tag }}</a>{% if not forloop.last %}, {% endif %}
                            {% endfor %}
                        {% endif %}
                    {% endwith %}
                    <a class = 'comment-count' href = '#comments'>{{ post.comments.active.count }}</a>
                </div>

                {% if post.photo %}
                    <div class = 'post-image'>
                        <img src = '{{ post.photo.url }}'>
                    </div>
                {% endif %}
                
                <div class = 'body'>
                    {% if post.excerpt %}
                        {{ post.excerpt|sanitize_allow:'a, b, em, i; href'|safe|truncatewords_html:70 }}
                    {% else %}
                        {{ post.content|sanitize_allow:'a, b, em, i; href'|safe|truncatewords_html:70 }}
                    {% endif %}
                </div>
                <div class = 'more'>
                    <a href = '{{ post.get_absolute_url }}'>Baca selengkapnya &raquo;</a>
                </div>
            {% endwith %}
        </div>

        {% block post_list %}

        {% if object_list|length > 1 %}
            <div class = 'older-posts'>
                {% for post in object_list|slice:'1:' %}
                    <div class = 'post {{ forloop.counter0|divisibleby:"2"|yesno:'left, right'}}'>
                        <div class = 'date-box'>
                            {{ post.published|date:'M' }} <br/>
                            <strong>{{ post.published|date:'d' }}</strong>    
                        </div>
                        <div class = 'title-wrapper'>
                            <h3><a href = '{{ post.get_absolute_url }}'>{{ post.title }}</a></h3>
                            oleh <strong><a href = '{{ post.author.profile.get_absolute_url }}'>{{ post.get_author_display }}</a></strong>
                            {% with post.tags.all as tags %}
                                {% if tags %}
                                     in 
                                    {% for tag in tags %}
                                        <a href = '{% url tag_view_name tag.slug %}'>{{ tag }}</a>{% if not forloop.last %}, {% endif %}
                                    {% endfor %}
                                {% endif %}
                            {% endwith %}
                        <a class = 'comment-count' href = '#comments'>{{ post.comments.active.count }}</a>
                        </div>
                        <div class = 'body'>
                            {% if post.excerpt %}
                                {{ post.excerpt|sanitize_allow:'a, b, em, i; href'|safe|truncatewords_html:70 }}
                            {% else %}
                                {{ post.content|sanitize_allow:'a, b, em, i; href'|safe|truncatewords_html:70 }}
                            {% endif %}
                        </div>
                    </div>
                    {% if forloop.counter|divisibleby:'2'%}<hr/>{% endif %}
                {% endfor %}
                
                <hr class = 'brown' />
                {% paginate %}
                
            </div>
        {% endif %}

        {% endblock %}


    </div>


{% endblock %}