<div class="modal-header">
	<button type="button" class="close" data-ng-click="cancel()">×</button>
	<h3 class="modal-title"><i class="fa fa-calendar"></i> Change dates</h3>
</div>
<form class="form-horizontal" data-ng-submit="save()">
	<div class="modal-body">
		<div class="alert alert-danger" data-ng-hide="data.exchange_id">
			<i class="icon fa fa-exclamation-triangle"></i> Exchange ID was not found. Will not be able to synchronise with the live calendar.
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label" for="inputStart">Start Date</label>
			<div class="col-sm-9 form-inline">
				<input type="text" id="inputStart" data-ng-model="data.start" class="form-control" data-date-format="dd-mm-yyyy" bs-datepicker required>
				<select ng-options="o for o in times" ng-model="data.start_time" class="form-control" required></select>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label" for="inputEnd">End Date</label>
			<div class="col-sm-9 form-inline">
				<input type="text" id="inputEnd" data-ng-model="data.end" class="form-control" data-date-format="dd-mm-yyyy" bs-datepicker required>
				<select ng-options="o for o in times" ng-model="data.end_time" class="form-control" required></select>
			</div>
		</div>
		<div class="form-group" data-ng-show="data.exchange_id">
			<label class="col-sm-3 control-label" for="inputExc">Sync with Exchange</label>
			<div class="col-sm-9">
				<input type="checkbox" name="exchange_sync" id="inputExc" data-ng-model="data.exchange_sync" ng-init="data.exchange_sync = true" ng-checked="data.exchange_sync">
			</div>
		</div>
	</div>
	<div class="modal-footer">
		<button class="btn btn-default" data-ng-click="cancel()" eat-click>Close</button>
		<button class="btn btn-primary">Save changes</button>
	</div>
</form>