<div class="modal-header">
	<h4><i class="fa fa-tag"></i> Create a new template</h4>
</div>
<form name="templateForm" class="form-horizontal" ng-submit="save()">
	<div class="modal-body">
		<div class="form-group">
			<label for="inputName" class="col-sm-3 control-label">Name</label>
			<div class="col-sm-9">
				<input id="inputName" class="form-control" type="text" name="name" ng-model="data.name" autocomplete="off" required>
			</div>
		</div>
		<div class="form-group">
			<label for="inputPriority" class="col-sm-3 control-label">Priority</label>
			<div class="col-sm-9">
				<input id="inputPriority" class="form-control" type="number" name="priority" ng-model="data.priority" autocomplete="off" required>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label ">Task Types:</label>
			<div class="col-sm-9">
			@foreach ( App\Modules\Bookings\TaskType::getTaskTypes() as $taskType)
				<div class="checkbox">
				    <label>
				    	<input type="checkbox" name="taskTypes[]" value="{{ $taskType['id'] }}" ng-checked="taskTypeChecked(  { id: {!! $taskType->id !!}, name: {!! $taskType->name !!} } )" ng-click="toggleTaskType( { id: {!! $taskType->id !!}, name: {!! $taskType->name !!} } )">
				    	<span>{{ Lang::get('taskTypes.'.$taskType['name']) }}</span>
				    </label>
				</div>
			@endforeach
			</div>

		</div>
	</div>

	<div class="modal-footer">
		<button class="btn btn-default" ng-click="cancel()" data-eat-click>Cancel</button>
		<button class="btn btn-primary">{[{ action == 'edit' ? 'Update' : 'Create' }]}</button>
	</div>
</form>