<div class="modal-header">
	<h3>Add a new reminder</h3>
</div>
<form class="form-horizontal" ng-submit="save()">
	<div class="modal-body">
		<div class="control-group">
			<label class="control-label label-required" for="inputMessage">Message</label>
			<div class="controls">
				<textarea id="inputMessage" ng-model="data.message" placeholder="Enter your reminder text here..." required></textarea>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label label-required" for="inputMessage">Reminder for</label>
			<div class="controls">
				<select name="user_id" ng-model="data.user_id" required>
					@foreach(App\Models\User::getActiveList() as $user)
						<option value="{{ $user->id }}">{{ $user->name }}</option>
					@endforeach
				</select>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label label-required" for="inputEnd">When:</label>
			<div class="controls">
				<div class="input-prepend">
					<span class="add-on"><i class="fa fa-calendar"></i></span>
					<input type="text" ng-model="selected_date.date" datepicker-popup="dd/MM/yyyy" show-button-bar="false" show-weeks="false" placeholder="DD/MM/YYYY" required>
				</div>
				<div class="input-prepend" style="margin-top: 10px;">
					<span class="add-on"><i class="fa fa-clock-o"></i></span>
					<select ng-options="o for o in DateTime.hours" ng-model="selected_date.hours" class="input-small" required></select>
					<select ng-options="o for o in DateTime.minutes" ng-model="selected_date.minutes" class="input-small" required></select>
				</div>
			</div>
		</div>
	</div>
	<div class="modal-footer">
		<span class="btn" ng-click="cancel()">Close</span>
		<button type="submit" class="btn btn-primary">Create</button>
	</div>
</form>