{% extends 'layout.twig' %}

{% block stylesheet %}
	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jstree/3.3.8/themes/default/style.min.css"/>
	<link href="https://cdn.jsdelivr.net/npm/gridjs/dist/theme/mermaid.min.css" rel="stylesheet"/>
	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css">
	<link href="/stylesheets/area-riservata.css" rel="stylesheet"/>
{% endblock %}
{% block body %}
	{% if logInfo %}
		<section class="departments-wrap-layout7">
			<div class="container menu-list-wrapper">
				<div class="section-heading heading-dark text-center heading-layout1 mt-5">
					<h2>Area riservata</h2>
				</div>
				{% if logInfo.user_type == 'ispettore' %}
					<div
						class="row justify-content-center">
						{#<div class="col-lg-6 col-md-6"> 
						                        <div id="pino"></div>
						                    </div>#}
						<div id="animatedModal">
							<div class="close-animatedModal text-center">
								<img src="images/close.png">
							</div>

							<div class="modal-content">
								<div id="pino"></div>
							</div>
						</div>
						<div class="col-lg-12 col-md-12">
							<img class="ml-5" src="images/zoom.png"><a style="color:#444444;" id="modalVerfiche" class="ml-1" href="#animatedModal">Verifiche</a>
							<div id="jstree_demo_div">
								<ul>
									{% for key,indice in indiceIspettori %}
										<li data-jstree='{"icon":"images/dir.png"}'>{{ indice.titolo|raw }}
											{% if indice.nrdocs > 0 %}
												<ul>
													{% for key2,docs in indice.docs %}
														{% if docs.all_ispettori %}
															<li data-jstree='{"icon":"images/pdf.png"}'>
																<a href="https://eurisp.faciletorino.it/userfile/company95324/documenti_ispettori/{{ docs.nomefile|raw }}" download>{{ docs.nomefile|raw }}</a>
															</li>
														{% endif %}
													{% endfor %}
												</ul>
											{% elseif indice.nrsons > 0 %}
												<ul>
													{% for key3,ind in indice.sons %}
														<li data-jstree='{"icon":"images/dir.png"}'>{{ ind.titolo|raw }}
															{% if ind.docs > 0 %}
																<ul>
																	{% for key6,docs in ind.docs %}
																		{% if docs.all_ispettori %}
																			<li data-jstree='{"icon":"images/pdf.png"}'>
																				<a href="https://eurisp.faciletorino.it/userfile/company95324/documenti_ispettori/{{ docs.nomefile|raw }}" download>{{ docs.nomefile|raw }}</a>
																			</li>
																		{% endif %}
																	{% endfor %}
																</ul>
															{% elseif ind.sons > 0 %}
																<ul>
																	{% for key4,index in ind.sons %}
																		<li data-jstree='{"icon":"images/dir.png"}'>{{ index.titolo|raw }}
																			{% if index.nrdocs > 0 %}
																				<ul>
																					{% for key5,docs in index.docs %}
																						{% if docs.all_ispettori %}
																							<li data-jstree='{"icon":"images/pdf.png"}'>
																								<a href="https://eurisp.faciletorino.it/userfile/company95324/documenti_ispettori/{{ docs.nomefile|raw }}" download>{{ docs.nomefile|raw }}</a>
																							</li>
																						{% endif %}
																					{% endfor %}
																				</ul>
																			{% endif %}
																		</li>
																	{% endfor %}
																</ul>
															{% endif %}
														</li>
													{% endfor %}
												</ul>
											{% endif %}
										</li>
									{% endfor %}
								</ul>
							</div>
						</div>
					</div>
				{% else %}
					<div id="animatedModal">
						<div class="close-animatedModal text-center">
							<img src="images/close.png">
						</div>

						<div class="modal-content">
							<div id="pino"></div>
						</div>
					</div>
					<img class="ml-5" src="images/certificate.png"><a style="color:#444444;" id="modalVerfiche" class="ml-1" href="#animatedModal">Certificazioni</a>
					<div id="jstree_demo_div">
						<ul>
							{% for key,indice in indiceClienti %}
								<li data-jstree='{"icon":"images/dir.png"}'>{{ indice.titolo|raw }}
									{% if indice.nrdocs > 0 %}
										<ul>
											{% for key2,docs in indice.docs %}
												{% if docs.all_clienti %}
													<li data-jstree='{"icon":"images/pdf.png"}'>{{ docs.nomefile|raw }}</li>
												{% endif %}
											{% endfor %}
										</ul>
									{% elseif indice.nrsons > 0 %}
										<ul>
											{% for key3,ind in indice.sons %}
												<li data-jstree='{"icon":"images/dir.png"}'>{{ ind.titolo|raw }}
													{% if ind.docs > 0 %}
														<ul>
															{% for key6,docs in ind.docs %}
																{% if docs.all_clienti %}
																	<li data-jstree='{"icon":"images/pdf.png"}'>{{ docs.nomefile|raw }}</li>
																{% endif %}
															{% endfor %}
														</ul>
													{% elseif ind.sons > 0 %}
														<ul>
															{% for key4,index in ind.sons %}
																<li data-jstree='{"icon":"images/dir.png"}'>{{ index.titolo|raw }}
																	{% if index.nrdocs > 0 %}
																		<ul>
																			{% for key5,docs in index.docs %}
																				{% if docs.all_clienti %}
																					<li data-jstree='{"icon":"images/pdf.png"}'>{{ docs.nomefile|raw }}</li>
																				{% endif %}
																			{% endfor %}
																		</ul>
																	{% endif %}
																</li>
															{% endfor %}
														</ul>
													{% endif %}
												</li>
											{% endfor %}
										</ul>
									{% endif %}
								</li>
							{% endfor %}
						</ul>
					</div>
				{% endif %}
			</div>
		</section>
	{% else %}
		<section class="contact-wrap-layout">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="contact-box-layout1">
							<h3 class="title title-bar-primary4">Accedi</h3>
							<form action="/area-riservata/auth" method="POST" class="contact-form-box" id="mareariservata_form" name="mareariservata_form">
								<div class="row">
									<div class="col-md-12 form-group">
										<input type="text" placeholder="Username *" class="fo-form-control form-control" id="username" name="username" required>
									</div>
									<div class="col-md-12 form-group">
										<input type="password" placeholder="Password *" class="fo-form-control form-control" id="password" name="password" required>
									</div>
									<div class="col-12 form-group margin-b-none">
										<button type="submit" id="mareariservata_confirm" name="mareariservata_confirm" class="item-btn">Accedi</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</section>
	{% endif %}
{% endblock %}
{% block script %}
	<script src="//cdnjs.cloudflare.com/ajax/libs/jstree/3.3.8/jstree.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/gridjs/dist/gridjs.umd.js"></script>
	<script src="/javascripts/animatedModal.min.js"></script>
	<script src="/javascripts/area-riservata.js"></script>
{% endblock %}