{#==========================================
Community
==========================================#}
{% extends "./layout.html" %}

{% block sectionClasses %}news newsEntry{% endblock %}
{% block meta_title %}News - {{newsEntry.title | strip}}{% endblock %}
{% block meta_description %}News - {{newsEntry.title | strip}}{% endblock %}

{% block scripts %}

{#==========================================
Moment.js, for dates formatting
==========================================#}
<script src="/public/js/moment.min.js"></script>

<script>

    $(function() {
        {#==========================================
        Create friendly dates
        ==========================================#}
        app.createFriendlyDates();
    });
    
    app.createFriendlyDates = function() {
    	$(".news_date").each(function(index, el) {
    		var $el = $(el);
    		var localDate = moment.utc($el.text(), "YYYY-MM-DD HH:mm").local();
    		$el.html(localDate.format("YYYY-MM-DD HH:mm") + " <span>(" + localDate.fromNow() + ")</span>");
    	});
    }

</script>


{% endblock %}

{% block body %}

<div class="container">

    <ol class="breadcrumb">
        <li><img class="inlineIcon breadIcon" src="/public/images/icons/bread.png" /> <a href="/news">News</a></li>
        <li class="active">{{newsEntry.title | raw }}</li>
    </ol>

    <div id="newsEntry" class="row"> 
        <div class="col-xs-12">
        
            <h2>{{newsEntry.title | raw }}</h2>
        
            <div class="news_date_div">
                <img class="inlineIcon alignMin3" src="/public/images/icons/date.png" /> <div class="news_date">{{newsEntry.publishedDate}}</div>
            </div>

            <div class="news_text">
                {{newsEntry.description | raw }}
            </div>
            
        </div>
    </div>
</div> 

{% endblock %}