{% extends "custom_page/news/base.html" %}
{% load pagination_tags thumbnail flatblock_tags %}
{% block title %}{{ block.super }}{% endblock %}

{%block head%}LATEST NEWS{%endblock%}
{% block content_title %}{% endblock %}

{% block content %}

<div class="clear margin-top77"></div>
<div class="left width300 post_list margin-right35">
{% include "custom_page/side.html" %}
</div>


<div class="width550 left news-list">

{% autopaginate news_list 3 %}
{% for news in news_list %}
	{% ifequal forloop.counter 1 %}
	    <span class="date margin-top35 left font11">{{ news.publish|date:"M d, Y" }}</span><div class="clear"></div>
        {%if news.get_thumbnail%}
	    <img src= '{% thumbnail news.get_thumbnail 570x145 crop="0,0" %}'>
        {%endif%}
	    <h1><a href="{%url news_detail news.id%}" class="read-more nyala">{{news.title}}</a></h1>	    
	    <div class="font12">
	    {{news.body|safe|truncatewords:35}} 
	    <br/><a href="{%url news_detail news.id%}" class="read-more left">Read more</a></div>
	    <div class="clear"></div>	
	    <div class="title-kuning margin-top25 font14">PREVIOUS NEWS</div>
	<hr class="garis-abu margin-bottom10"></hr>	
	{%else%}
	    <div class="line-height18">
	    <span class="date left font11">{{ news.publish|date:"M d, Y" }}</span>
	    <div class="clear margin-bottom3"></div>
	    <div class="title margin-bottom8 font26 left"><a href="{%url news_detail news.id%}" class="read-more">{{news.title}}</a></div>
	    <div class="clear margin-bottom8"></div>
			    <div class="font12 left">
			        {{news.body|safe|truncatewords:35}}<br> 
			        <a href="{%url news_detail news.id%}"class="font12 read-more left margin-top5 margin-bottom10">Read more</a>
			    </div>
			    <div class="clear"></div>
		    <hr class="garis-abu margin-bottom20 margin-top20"></hr>
	    </div>
	{%endifequal%}
{%endfor%}
{% paginate %}
</div>

<div class="clear"></div>
 
{% endblock %}