{% if loggedin() %}
	{% if data.reporttypes is not null and data.reporttypes|length > 0 %}
		{% for reportType in data.reporttypes %}
			<div class="{% if data.loadAudit != reportType.audit and data.modifyQuickReport is null %}collapse{% endif %} col-md-12 p0"
				 id="report{{ reportType.audit }}">
				<div class="col-md-12 clearfix form pt15">
					<div>
						<div class="col-md-3 col-sm-3 choice pl0 hidden-xs">
							<span class="select content" {% if reportType.image|length > 0 %} style="background-image: url('{{ reportType.image }}'); background-size: contain;"{% endif %}></span>
						</div>
						<div class="col-md-9 col-sm-9 p0">
							<div class="intro col-md-12 pl0">
								<h3>
									{% if writeArrayVar(reportType.data_item[0], ['data', global("REPORT_TYPES_ITEMS_MAPPING").subtitle])|length > 0 %}
										{{ writeArrayVar(reportType.data_item[0], ['data', global("REPORT_TYPES_ITEMS_MAPPING").subtitle]) }}
									{% else %}
										{{ writeArrayVar(reportType.data_item[0], ['data', global("REPORT_TYPES_ITEMS_MAPPING").title]) }}
									{% endif %}
								</h3>

								{{ writeArrayVar(reportType.data_item[0], ['data', global("REPORT_TYPES_ITEMS_MAPPING").description])|raw }}

								{% if writeArrayVar(reportType.data_item[0], ['data', global("REPORT_TYPES_ITEMS_MAPPING").tips_to_report])|raw|length > 0 %}
									<a class="tips" href="javascript:void(0);" data-toggle="modal" data-target="#tips{{ reportType.audit }}">
										<i class="fa fa-exclamation-circle"></i>
										<span>{{ "TIPS_TO_REPORT"|translate }}</span>
									</a>

									<div class="modal fade" id="tips{{ reportType.audit }}" tabindex="-1" role="dialog"
										 aria-labelledby="myModalLabel" aria-hidden="true">
										<div class="modal-dialog" role="document">
											<div class="modal-content">
												<div class="modal-header">
													<button type="button" class="close" data-dismiss="modal"
															aria-label="Close">
														<span aria-hidden="true">&times;</span>
													</button>
												</div>
												<div class="modal-body pt0 clearfix">
													<h2 class="modal-title" id="">{{ "TIPS_TO_REPORT"|translate }}</h2>

													<p>
														{{ writeArrayVar(reportType.data_item[0], ['data', global("REPORT_TYPES_ITEMS_MAPPING").tips_to_report])|raw }}
													</p>
												</div>
												<div class="modal-footer"></div>
											</div>
										</div>
									</div>
								{% endif %}
							</div>

							<form class="fetchformvalidation svalidate report_{{ reportType.audit }}"
									{% if data.isQuickReport == true %}
										name="quickReportForm{{ reportType.audit }}"
										id="quickReportForm{{ reportType.audit }}"
										data-validationoutput="{{ 'reportFormOutputPreview'~reportType.audit }}"
										data-aftercomplete="successQuickReport(responseText);"
								  		data-json="true"
										data-jsonobj="true"
										action="/ajax/postdata/"
									{% else %}
										name="reportForm{{ reportType.audit }}"
										id="reportForm{{ reportType.audit }}"
										data-validationoutput="{{ 'reportFormOutput'~reportType.audit }}"
										data-aftercomplete="success(responseText,{{ regGet('currenturl') }});"
										data-json="true"
										data-jsonobj="true"
										action="/ajax/postdata/"
									{% endif %}
								  method="post">

								<div class="report-form">
									<h3 class="mt40">
										{% if writeArrayVar(reportType.data_item[0], ['data', global("REPORT_TYPES_ITEMS_MAPPING").audit_title])|length > 0 %}
											{{ writeArrayVar(reportType.data_item[0], ['data', global("REPORT_TYPES_ITEMS_MAPPING").audit_title]) }}
										{% else %}
											{{ "WRITEREPORT"|translate }}
										{% endif %}
									</h3>

									<div id="audit{{ reportType.audit }}"></div>

									<div id="reportFormOutput{{ reportType.audit }}"></div>
								</div>

								<input type="hidden" name="actie"
									   value="{% if data.isQuickReport == true %}validateQuickReport{% else %}registerReport{% endif %}"/>
								<input type="hidden" name="returnJSON"
									   value="true"/>
								<input type="hidden" id="reporttype" name="reporttype"
									   value="{{ reportType.reporttype }}"/>
								<input type="hidden" id="audit" name="audit"
									   value="{{ reportType.audit }}"/>
								<input type="hidden" name="campaignid"
									   value="{{ data.pdata.data.2 }}"/>
								<input type="hidden" id="host"
									   value="{{ regGet('url') }}"/>
								<input type="hidden" id="report_{{ reportType.audit }}_filled" value="false"/>
								<button id="reportBtn" onclick="toggleBtnSubmit(this);" class="reportBtn btn btn-primary blue pull-right mt30"
										name="verzend">
									<i class="fa fa-angle-right"></i>
									{% if data.isQuickReport == true %}
										{{ "BTN_PREVIEW"|translate }}
									{% else %}
										{{ "STR_BTN_SEND_REPORT"|translate }}
									{% endif %}
								</button>
							</form>

							{% if data.isQuickReport == true %}
								<div class="modal fade" id="quickReportPreviewModel" tabindex="-1" role="dialog"
									 aria-labelledby="quickReportPreviewModel" aria-hidden="true">
									<div class="modal-dialog" role="document">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close"
														data-dismiss="modal" aria-label="Close">
													<span aria-hidden="true">&times;</span>
												</button>
											</div>
											<div class="modal-body p0 clearfix">
												<div id="quickReportPreview"></div>
											</div>
										</div>
									</div>
								</div>
							{% endif %}
						</div>
					</div>
				</div>
			</div>
		{% endfor %}
	{% endif %}
{% endif %}