{% extends "admin.html" %}

{% load staticfiles %}

{% block headtitle %}Edit {{ article.title }} - {% endblock %}

{% block headscript %}
	<script type="text/javascript" src="{% static 'lib/ckeditor/ckeditor.js' %}"></script>
{% 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><a href="{% url 'admin_mediacentre_articles' section.id %}">Articles</a></li>
				<li class="active">Edit Article</li>
			</ul>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
			<div class="page-header">
				<h1>Edit Article "{{ article }}"</h1>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
			<form action="" method="post" enctype="multipart/form-data" class="form-horizontal">{% csrf_token %}
				{% include "admin/partials/form.html" with form=form %}
				<div class="form-group form-actions">
					<div class="col-lg-offset-3 col-lg-4">
						<a href="{% url 'admin_mediacentre_articles' section.slug %}" title="Cancel" class="btn btn-default">Cancel</a>
						<input type="submit" class="btn btn-primary" value="Save" />
					</div>
				</div>
			</form>
		</div>
	</div>

	<script type="text/javascript">
    	CKEDITOR.replace( 'id_content', { toolbar : 'MyToolbar' });
    	$(function() {
    		$( "#id_event_date_start" ).datepicker({dateFormat: 'dd/mm/yy'});
    		$( "#id_event_date_end" ).datepicker({dateFormat: 'dd/mm/yy'});
    		$( "#id_publish_date" ).datepicker({dateFormat: 'dd/mm/yy'});
    		$( "#id_archive_date" ).datepicker({dateFormat: 'dd/mm/yy'});
    	});
    </script>

{% endblock %}