{% extends "layouts/base.html" %}

{% block title %} Organisasi {% endblock %} 

<!-- Specific Page CSS goes HERE  -->
{% block stylesheets %}

{% endblock stylesheets %}
{% block content %}

{% load static %}
	<div class="content">
		<div class="page-inner">
			<!-- <div class="page-header"> -->
				<!-- <h4 class="page-title">Berita</h4> -->
				<!-- <ul class="breadcrumbs" style="padding-left: 0px;margin-left: 0px;">
					<li class="nav-home">
						<a href="{% url 'home' %}">
							<i class="flaticon-home"></i>
						</a>
					</li>
					<li class="separator">
						<i class="flaticon-right-arrow"></i>
					</li>
					<li class="nav-item">
						<a href="{% url 'home' %}">Berita</a>
					</li>
					<li class="separator">
						<i class="flaticon-right-arrow"></i>
					</li>
					<li class="nav-item">
						<a href="{% url 'berita_grup' %}?q={{ object.category.slug }}">{{ object.category.name }}</a>
					</li>
					<li class="separator">
						<i class="flaticon-right-arrow"></i>
					</li>
					<li class="nav-item">
						<a href="#">{{ object.title | title }}</a>
					</li>
				</ul> -->
			<!-- </div> -->
		</div>
        <div class="page-inner mt--5">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
							<ul class="breadcrumbs pl-0 ml-0">
								<li class="nav-home">
									<a href="{% url 'home' %}">
										<i class="flaticon-home"></i>
									</a>
								</li>
								<li class="separator">
									<i class="flaticon-right-arrow"></i>
								</li>
								<li class="nav-item">
									<a href="{% url 'home' %}">Berita</a>
								</li>
								<li class="separator">
									<i class="flaticon-right-arrow"></i>
								</li>
								<li class="nav-item">
									<a href="{% url 'berita_grup' %}?q={{ object.category.slug }}">{{ object.category.name }}</a>
								</li>
								<li class="separator">
									<i class="flaticon-right-arrow"></i>
								</li>
								<li class="nav-item">
									<a href="#">{{ object.title|truncatewords:7 }}</a>
								</li>
							</ul>
							<div class="separator-solid"></div>						
                            <div class="post-single mt-2">
                                <div class="post-details">
                                    <div class="post-body"> 
                                        <h1 class="title text-primary">{{ object.title }}</h1>
                                        <!-- <p class="category"><a href="#">{{ object.category.name }}</a></p>		 -->
                                        <p>{{ object.isi | safe }}</p>
                                    </div>
									<div class="separator-solid"></div>
                                    <div class="row">
                                        <div class="col-md-12">
                                        	<!-- Author  -->
											<span class="float-right mr-2"><i class="icon-clock"></i> {{ object.date_added }} </span>
                                        </div>
                                    </div> 
                                </div>
                              </div>
                             
                        </div>
                    </div>
                </div>
             
            </div>
             
        </div>
    
    </div>

{% endblock content %}

<!-- Specific Page JS goes HERE  -->
{% block javascripts %}

	<!-- Atlantis DEMO methods, don't include it in your project! -->
	<script src="{% static 'assets/js/setting-demo2.js' %}"></script>
{% endblock javascripts %}
