edit.html

{% extends "_base.html" %}
{% load static %}
{% load filters %}

{% block styles %}
{{ block.super }}
	<!-- DataTables -->
  <link rel="stylesheet" href="{% static 'AdminLTE/plugins/datatables/dataTables.bootstrap.css' %}">
{% endblock styles %}

{% block ui_active_tab %}'appointments'{% endblock ui_active_tab %}
{% block page_header %}Edit appointment{% endblock page_header %}
{% block page_description %}{% endblock page_description %}

{% block title %} - Edit appointment information{% endblock %}

{% block breadcrumb %}
{% include "appointments/breadcrumb.html" %}
{% endblock breadcrumb %}

{% block maincontent %}

{% block content %}
<div class="box box-info">
	<div class="box-header with-border">
		<a href="{% url 'web.views.appointments' %}" class="btn btn-block btn-default" onclick="history.back()">Go back (without changes)</a>
	</div>

	{% comment %} <div class="box-header with-border">
		<h3 class="box-title">Details of appointment</h3>
	</div>{% endcomment %}

	<form method="post" action="" class="form-horizontal">
		{% csrf_token %}

		<div class="box-body">
			{% for field in form %}
				<div class="col-md-6 form-group  {% if field.errors %}has-error{% endif %}">
					<label for="{# TODO #}" class="col-sm-4 control-label">
						{{ field.label }}
					</label>

					<div class="col-sm-8">
						{{ field|add_class:'form-control' }}
					</div>

          {% if field.errors %}
            <span class="help-block">
              {{ field.errors }}
            </span>
          {% endif %}
				</div>
			{% endfor %}
		</div><!-- /.box-body -->

		<div class="box-footer">
			<div class="col-sm-6">
				<button type="submit" class="btn btn-block btn-success">Save</button>
			</div>
			<div class="col-sm-6">
				<a href="{% url 'web.views.appointments' %}" class="btn btn-block btn-default" onclick="history.back()">Cancel</a>
			</div>
		</div><!-- /.box-footer -->
	</form>
</div>
{% endblock %}




{% endblock maincontent %}

{% block scripts %}
	{{ block.super }}

	<script src="{% static 'AdminLTE/plugins/datatables/jquery.dataTables.min.js' %}"></script>
	<script src="{% static 'AdminLTE/plugins/datatables/dataTables.bootstrap.min.js' %}"></script>
	<script>
		$(function () {
			$('#table').DataTable({
			  "paging": true,
			  "lengthChange": false,
			  "searching": true,
			  "ordering": true,
			  "info": true,
			  "autoWidth": false
			});
		});
	</script>
{% endblock scripts %}