{% extends "admin.html" %}

{% load url from future %}

{% block headtitle %}Manage Articles - {% endblock %}

{% block mediacentre_active %}class="active"{% endblock %}

{% block content %}

	<div class="row">
		<div class="col-lg-12">
			<ul class="breadcrumb">
				<li><a href="{% url 'admin'%}">Admin</a></li>
				<li><a href="{% url 'admin_mediacentre' %}">Mediacentre</a></li>
                <li class="active">Articles</li>
			</ul>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
            <div class="page-header">
				<h1>Manage Articles in <small>{{ section.name }}</small></h1>
                <h2><a href="{% url 'admin_mediacentre_add_article' section.slug %}" title="Add new article" class="btn btn-lg btn-success"><i class="glyphicon glyphicon-plus"></i> Add new article</a></h2>
			</div>
		</div>
	</div>
	
	<div class="row">
	    <div class="col-lg-12">
            {% if articles %}
                <table class="table table-bordered table-striped">
            		<thead>
            			<tr>
            				<th>Title</th>
                            <th>Url</th>
            				<th>Created</th>
                            <th></th>
            				<th>Published</th>
        					<th colspan="2"></th>
            			</tr>
            		</thead>
            		<tbody>
            			{% for article in articles %}
            			<tr>
            				<td>{{ article }}</td>
                            <td><small>{% url 'media_article' article.section.slug article.slug %}</small></td>
            				<td>{{ article.created }}</td>
            				<td><a href="{% url 'admin_mediacentre_article_resources' section.slug article.slug %}" title="Resources" class="btn btn-sm btn-default">Resources ({{ article.get_resources|length }})</a></td>
            				{% if article.published %}
                                <td>
                                    <div class="btn-group">
                                        <button class="btn btn-success btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
                                            <i class="glyphicon glyphicon-ok"></i> Yes <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li class="danger"><a href="{% url 'admin_mediacentre_disable_article' section.slug article.slug %}" title="Unpublish"><i class="glyphicon glyphicon-remove"></i> Unpublish</a>
                                        </ul>
                                    </div>
                                </td>
                            {% else %}
                                <td>
                                    <div class="btn-group">
                                        <button class="btn btn-danger btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
                                            <i class="glyphicon glyphicon-remove"></i> No <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li class="danger"><a href="{% url 'admin_mediacentre_enable_article' section.slug article.slug %}" title="Unpublish"><i class="glyphicon glyphicon-ok"></i> Publish</a>
                                        </ul>
                                    </div>
                                </td>
            				{% endif %}
            				<td><a href="{% url 'admin_mediacentre_edit_article' section.slug article.slug %}" title="Edit {{ article }}" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-pencil"></i></td>
            				<td><a href="{% url 'admin_mediacentre_delete_article' section.slug article.slug %}" title="Delete {{ article }}" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure you wish to delete {{ article }}');"><i class="glyphicon glyphicon-trash"></i></td>
            			</tr>
            			{% endfor %}
            		</tbody>
            	</table>
            {% else %}
                <p>There are no articles in this section.</p>
        	{% endif %}
	        <p><a href="{% url 'admin_mediacentre' %}" title="Back to Media Centre" class="btn btn-default">&lt; Back to Media Centre</a></p>
	    </div>
	</div>
	
	
{% endblock %}