</div>
			<div class="col-lg-3">
				<select size="11" class="form-control" onchange="insertToken('requestMessage', this)">
					<optgroup th:each="g: ${groups}" th:label="${g.name.de}">
						<option th:each="f: ${g.fields}" th:value="${f.token}" th:text="${f.name.de}"
							th:if="${!#strings.equalsIgnoreCase(f.type, 'Upload')}"></option>
					</optgroup>
				</select>
			</div>
		</div>
		<div class="form-group row">
			<label th:for="${#ids.next('request.fields')}" class="col-lg-2 control-label">Felder</label>
			<div th:fragment="requestFields" class="col-lg-10">
				
				<th:block th:insert="field-selection :: modal (*{request.fieldsHelper}, 'requestField')"></th:block>
				
				<table class="table dnd-sortable">
					<thead>
						<tr>
							<th></th>
							<th th:text="#{field.name}"></th>
							<th th:text="#{field.type}"></th>
							<th th:text="#{field.config}"></th>
							<th />
						</tr>
					</thead>
					<tbody>
						<tr th:each="nf, nfStat: *{request.fields}">
							<td class="dnd-sort-handle">
								<i class="fas fa-sort fa-lg"></i>
								<input type="hidden" th:field="*{request.fields[__${nfStat.index}__].sort}" class="dnd-sort-idx" />
							</td>
							<td>
								<span th:text="${#strings.abbreviate(nf.field.name.de,50)}"
										th:title="${nf.field.name.de}"></span>
								<span th:if="${nf.field.required}">*</span>
								
								<input type="hidden" th:field="*{request.fields[__${nfStat.index}__].id.field.id}" />
								<input type="hidden" th:field="*{request.fields[__${nfStat.index}__].id.notification.id}" />
							</td>
							<td>
								<span th:text="${nf.field.type}"></span>
							</td>
							<td>
								<th:block th:if="${!#strings.equalsIgnoreCase(nf.id.field.type, 'Upload')}">
									<div class="btn-group btn-group-toggle" data-toggle="buttons">
										<label class="btn btn-light" th:classappend="*{request.fields[__${nfStat.index}__].required}? active">
											<input type="checkbox" th:field="*{request.fields[__${nfStat.index}__].required}" />
											<i class="fas fa-asterisk fa-lg"></i>
										</label>
										<label class="btn btn-light" th:classappend="*{request.fields[__${nfStat.index}__].focus}? active">
											<input type="checkbox" th:field="*{request.fields[__${nfStat.index}__].focus}" class="buttons-radiocheckbox" />
											<i class="fas fa-i-cursor fa-lg"></i>
										</label>
										<label class="btn btn-light" th:classappend="*{request.fields[__${nfStat.index}__].counter}? active"
												th:if="${#strings.equalsIgnoreCase(nf.field.type, 'Text')}">
											<input type="checkbox" th:field="*{request.fields[__${nfStat.index}__].counter}" />
											<i class="fas fa-plus-square fa-lg"></i>
										</label>
									</div>
								</th:block>
								
								<th:block th:if="${#strings.equalsIgnoreCase(nf.id.field.type, 'Upload')}">
									<div class="input-group">
										<div class="input-group-prepend">
											<span class="input-group-text" data-toggle="tooltip" data-placement="bottom"
													th:attr="data-original-title=#{field.config.display}">
												<i class="fas fa-edit fa-lg"></i>
											</span>
										</div>
										<select th:field="*{request.fields[__${nfStat.index}__].uploadType}" class="form-control">
											<option th:value="${T(de.u2d.vos.server.business.field.UploadFieldType).FILEUPLOAD}"
													th:text="#{uploadfieldtype.FILEUPLOAD}"></option>
											<option th:value="${T(de.u2d.vos.server.business.field.UploadFieldType).CAMERA}"
													th:text="#{uploadfieldtype.CAMERA}"></option>
											<option th:value="${T(de.u2d.vos.server.business.field.UploadFieldType).SIGNATURE}"
													th:text="#{uploadfieldtype.SIGNATURE}"></option>
											<option th:value="${T(de.u2d.vos.server.business.field.UploadFieldType).SIGNATURE_PAD}"
													th:text="#{uploadfieldtype.SIGNATURE_PAD}"></option>
										</select>
									</div>
								</th:block>
							</td>
							<td class="text-right">
								<th:block th:replace="button :: remove-simple ('removeRequestField', ${nf.field.id})" />
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="form-group row">
			<label th:for="${#ids.next('request.cancelable')}" th:text="#{notification.cancelable}" class="col-lg-2 control-label"></label>
			<div class="col-lg-2">
				<th:block th:replace="field :: toggle ('request.cancelable', *{request.cancelable}, #{common.yes}, #{common.no})" />
			</div>
		</div>
		
		<h4 th:text="#{action.impact}"></h4>
		
		<th:block th:replace="impact :: edit (impact=*{impact}, groups=${groups})" />
		
		<h4 th:text="#{action.notification}"></h4>
		
		<div class="form-group row">
			<label th:for="${#ids.next('notification.role')}" th:text="#{notification.role}" class="col-lg-2 control-label"></label>
			<div class="col-lg-8">
				<select th:field="*{notification.role}" class="form-control">
					<option th:each="rol : ${T(de.u2d.vos.server.business.notification.MessageRole).values()}"
							th:value="${rol}" th:text="#{__${rol}__}" />
				</select>
			</div>
		</div>
		<div class="form-group row">
			<label th:for="${#ids.next('notification.severity')}" th:text="#{notification.type}" class="col-lg-2 control-label"></label>
			<div class="col-lg-8">
				<select th:field="*{notification.severity}" class="form-control">
					<option th:each="sev : ${T(de.u2d.vos.server.business.notification.MessageSeverity).values()}"
						th:value="${sev}" th:text="#{__${sev}__}" />
				</select>
			</div>
		</div>
		<div class="form-group row">
			<label th:for="${#ids.next('notification.icon')}" th:text="#{notification.icon}" class="col-lg-2 control-label"></label>
			<div class="col-lg-8">
				<th:block th:replace="fontawesome-selector :: choose ('notification.icon', *{notification.icon})" />
			</div>
		</div>
		<div class="form-group row">
			<label th:for="${#ids.next('notification.title')}" th:text="#{notification.title}" class="col-lg-2 control-label"></label>
			<div class="col-lg-8">
				<input type="hidden" th:field="*{notification.id}" />
				<input type="text" th:field="*{notification.title}" maxlength="100" class="form-control" />
			</div>
		</div>
		<div class="form-group row">
			<label th:for="${#ids.next('notificationMessage')}" th:text="#{notification.message}" class="col-lg-2 control-label"></label>
			<div class="col-lg-7">
				<textarea id="notificationMessage" th:field="*{notification.message}"
						cols="30" rows="10" maxlength="255"
						class="form-control" />
			</div>
			<div class="col-lg-3">
				<select size="11" class="form-control" onchange="insertToken('notificationMessage', this)">
					<optgroup th:each="g: ${groups}" th:label="${g.name.de}">
						<option th:each="f: ${g.fields}" th:value="${f.token}" th:text="${f.name.de}"
								th:if="${!#strings.equalsIgnoreCase(f.type, 'Upload')}"></option>
					</optgroup>
				</select>
			</div>
		</div>

<th:block th:replace="fontawesome-selector :: modal" />
		<th:block th:replace="modal :: delete (#{action.action.delete.title}, #{action.action.delete.message})" />
	</form>

</body>
</html>