{% extends 'UpdoonAppBundle::base_private_extension.html.twig' %}

{% block title %}{{ parent() }}Ausschreibungen • Suche{% endblock %}

{% block content %}
	<div class="ui secondary menu">
		<div class="item">
			<div class="ui breadcrumb">
				<a href="{{ path('home_overview') }}" class="section">Home</a>
				<div class="divider"> / </div>
				<a href="{{ path('announcement_overview') }}" class="section">Ausschreibungen</a>
				<div class="divider"> / </div>
				<div class="active section">Aktualisieren</div>
			</div>
		</div>
	</div>
	{% for message in app.session.flashbag.get('success') %}
		<div class="ui success message">
			Alle Prozesse zum Abrufen der neusten Ausschreibungen wurden in die Warteschlange versetzt.
		</div>
	{% endfor %}
	{% if update_state is not empty and update_state == 3 %}
		<div class="ui error message">
			<span class="bold">Achtung:</span> Es ist ein Fehler im Hauptkommando des Aktualisierungs-Prozesses aufgetreten.
		</div>
	{% endif %}
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Übersicht</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<div class="ui grid">
					<div class="eight wide column">
						<div id="statisticsLoadingScreen">
							<i class="spinner loading icon"></i>
							Statistiken werden geladen ...
						</div>
						<div id="numAnnouncementsChart"></div>
					</div>
					<div class="eight wide column">
						<div id="totalChart"></div>
					</div>
				</div>
				<div class="ui grid hidden">
					<div class="five wide column">
						<div id="averageDurationsChart"></div>
					</div>
					<div class="five wide column">
						<div id="averageRequestTimesChart"></div>
					</div>
					<div class="six wide column">
						<div id="totalApprovementsAndTrashesChart"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Aktualisieren</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<h4 class="ui dividing header">Derzeitige Zustände der einzelnen Crawler</h4>
				<div class="ui grid">
					<div class="three wide column">
						<p>Default</p>
					</div>
					<div class="thirteen wide column">
						<p>{% if update_state == 1 %}<span class="green">Beendet</span>{% elseif update_state == 2 %}<span>In Betrieb</span>{% elseif update_state == 3 %}<span class="error">Gestoppt durch Fehler</span>{% else %}<span>Undefiniert</span>{% endif %}</p>
					</div>
					<div class="three wide column">
						<p>Ausschreibungen Deutschland</p>
					</div>
					<div class="thirteen wide column">
						<p>{% if ausschreibungen_deutschland_state == 1 %}<span class="green">Beendet</span>{% elseif ausschreibungen_deutschland_state == 2 %}<span>In Betrieb</span>{% elseif ausschreibungen_deutschland_state == 3 %}<span class="error">Gestoppt durch Fehler</span>{% else %}<span>Undefiniert</span>{% endif %}</p>
					</div>
					<div class="three wide column">
						<p>Ausschreibungen Österreich</p>
					</div>
					<div class="thirteen wide column">
						<p>{% if ausschreibungen_oesterreich_state == 1 %}<span class="green">Beendet</span>{% elseif ausschreibungen_oesterreich_state == 2 %}<span>In Betrieb</span>{% elseif ausschreibungen_oesterreich_state == 3 %}<span class="error">Gestoppt durch Fehler</span>{% else %}<span>Undefiniert</span>{% endif %}</p>
					</div>
					<div class="three wide column">
						<p>Gemeinderecht Wien</p>
					</div>
					<div class="thirteen wide column">
						<p>{% if gemeinderecht_wien_state == 1 %}<span class="green">Beendet</span>{% elseif gemeinderecht_wien_state == 2 %}<span>In Betrieb</span>{% elseif gemeinderecht_wien_state == 3 %}<span class="error">Gestoppt durch Fehler</span>{% else %}<span>Undefiniert</span>{% endif %}</p>
					</div>
					<div class="three wide column">
						<p>Submission</p>
					</div>
					<div class="thirteen wide column">
						<p>{% if submission_state == 1 %}<span class="green">Beendet</span>{% elseif submission_state == 2 %}<span>In Betrieb</span>{% elseif submission_state == 3 %}<span class="error">Gestoppt durch Fehler</span>{% else %}<span>Undefiniert</span>{% endif %}</p>
					</div>
					<div class="three wide column">
						<p>Bauportal Deutschland</p>
					</div>
					<div class="thirteen wide column">
						<p>{% if bauportal_deutschland_state == 1 %}<span class="green">Beendet</span>{% elseif bauportal_deutschland_state == 2 %}<span>In Betrieb</span>{% elseif bauportal_deutschland_state == 3 %}<span class="error">Gestoppt durch Fehler</span>{% else %}<span>Undefiniert</span>{% endif %}</p>
					</div>
					<div class="three wide column">
						<p>Infodienst Ausschreibungen</p>
					</div>
					<div class="thirteen wide column">
						<p>{% if infodienst_ausschreibungen_state == 1 %}<span class="green">Beendet</span>{% elseif infodienst_ausschreibungen_state == 2 %}<span>In Betrieb</span>{% elseif infodienst_ausschreibungen_state == 3 %}<span class="error">Gestoppt durch Fehler</span>{% else %}<span>Undefiniert</span>{% endif %}</p>
					</div>
					<div class="three wide column">
						<p>DTAD</p>
					</div>
					<div class="thirteen wide column">
						<p>{% if dtad_state == 1 %}<span class="green">Beendet</span>{% elseif dtad_state == 2 %}<span>In Betrieb</span>{% elseif dtad_state == 3 %}<span class="error">Gestoppt durch Fehler</span>{% else %}<span>Undefiniert</span>{% endif %}</p>
					</div>
					<div class="three wide column">
						<p>Bund</p>
					</div>
					<div class="thirteen wide column">
						<p>{% if bund_state == 1 %}<span class="green">Beendet</span>{% elseif bund_state == 2 %}<span>In Betrieb</span>{% elseif bund_state == 3 %}<span class="error">Gestoppt durch Fehler</span>{% else %}<span>Undefiniert</span>{% endif %}</p>
					</div>
					<div class="three wide column">
						<p>TED</p>
					</div>
					<div class="thirteen wide column">
						<p>{% if ted_state == 1 %}<span class="green">Beendet</span>{% elseif ted_state == 2 %}<span>In Betrieb</span>{% elseif ted_state == 3 %}<span class="error">Gestoppt durch Fehler</span>{% else %}<span>Undefiniert</span>{% endif %}</p>
					</div>
					<div class="three wide column">
						<p>Straßenbauportal</p>
					</div>
					<div class="thirteen wide column">
						<p>{% if strassenbauportal_state == 1 %}<span class="green">Beendet</span>{% elseif strassenbauportal_state == 2 %}<span>In Betrieb</span>{% elseif strassenbauportal_state == 3 %}<span class="error">Gestoppt durch Fehler</span>{% else %}<span>Undefiniert</span>{% endif %}</p>
					</div>
					<div class="three wide column">
						<p>Oppex</p>
					</div>
					<div class="thirteen wide column">
						<p>{% if oppex_state == 1 %}<span class="green">Beendet</span>{% elseif oppex_state == 2 %}<span>In Betrieb</span>{% elseif oppex_state == 3 %}<span class="error">Gestoppt durch Fehler</span>{% else %}<span>Undefiniert</span>{% endif %}</p>
					</div>
					<div class="three wide column">
						<p>Google Alerts</p>
					</div>
					<div class="thirteen wide column">
						<p>{% if google_alerts_state == 1 %}<span class="green">Beendet</span>{% elseif google_alerts_state == 2 %}<span>In Betrieb</span>{% elseif google_alerts_state == 3 %}<span class="error">Gestoppt durch Fehler</span>{% else %}<span>Undefiniert</span>{% endif %}</p>
					</div>
					<div class="sixteen wide column">
						{% if update_state == 2 %}
							<div class="ui error message">
								<p><span class="bold">Achtung:</span> Ein Aktualisierungs-Prozess ist bereits im Gange. Das Starten eines neuen Prozesses stoppt den derzeit laufenden Prozess <span class="bold">nicht</span>. Es wird sehr empfohlen auf das erfolgreiche Beenden des derzeitigen Prozesses zu warten. Duplikate sind im Falle von gleichzeitig laufenden Prozessen nicht auszuschließen.</p>
								{% if update_state is not empty and update_state == 3 %}<p><span class="bold">Hinweis:</span> Ihr zuvoriger Durchlauf ist womöglich aufgrund eines Fehlers nicht vollendet worden. Sie können daher <span class="bold">mit Bedacht</span> einen neuen Prozess starten, da es möglich ist, dass derzeit im System ein falscher Status hinterlegt ist.</p>{% endif %}
							</div>
							<a href="{{ path('announcement_execute_refresh', {force: 1, ignoretime: 1}) }}" class="ui negative button">Prozess starten</a>
						{% else %}
							<a href="{{ path('announcement_execute_refresh', {force: 0, ignoretime: 1}) }}" class="ui updoon button">Prozess starten</a>
						{% endif %}
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Logeinträge - Default</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<button class="ui updoon labeled icon button collectorLogToggler">
					<i class="file text icon"></i>
					Logeinträge ein-/ausblenden
				</button>
				<div class="collectorLog">
					{{ default_log|nl2br }}
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Logeinträge - Ausschreibungen Deutschland</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<button class="ui updoon labeled icon button collectorLogToggler">
					<i class="file text icon"></i>
					Logeinträge ein-/ausblenden
				</button>
				<div class="collectorLog">
					{{ ausschreibungen_deutschland_log|nl2br }}
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Logeinträge - Ausschreibungen Österreich</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<button class="ui updoon labeled icon button collectorLogToggler">
					<i class="file text icon"></i>
					Logeinträge ein-/ausblenden
				</button>
				<div class="collectorLog">
					{{ ausschreibungen_oesterreich_log|nl2br }}
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Logeinträge - Gemeinderecht Wien</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<button class="ui updoon labeled icon button collectorLogToggler">
					<i class="file text icon"></i>
					Logeinträge ein-/ausblenden
				</button>
				<div class="collectorLog">
					{{ gemeinderecht_wien_log|nl2br }}
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Logeinträge - Submission</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<button class="ui updoon labeled icon button collectorLogToggler">
					<i class="file text icon"></i>
					Logeinträge ein-/ausblenden
				</button>
				<div class="collectorLog">
					{{ submission_log|nl2br }}
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Logeinträge - Bauportal Deutschland</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<button class="ui updoon labeled icon button collectorLogToggler">
					<i class="file text icon"></i>
					Logeinträge ein-/ausblenden
				</button>
				<div class="collectorLog">
					{{ bauportal_deutschland_log|nl2br }}
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Logeinträge - Infodienst Ausschreibungen</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<button class="ui updoon labeled icon button collectorLogToggler">
					<i class="file text icon"></i>
					Logeinträge ein-/ausblenden
				</button>
				<div class="collectorLog">
					{{ infodienst_ausschreibungen_log|nl2br }}
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Logeinträge - DTAD</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<button class="ui updoon labeled icon button collectorLogToggler">
					<i class="file text icon"></i>
					Logeinträge ein-/ausblenden
				</button>
				<div class="collectorLog">
					{{ dtad_log|nl2br }}
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Logeinträge - Bund</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<button class="ui updoon labeled icon button collectorLogToggler">
					<i class="file text icon"></i>
					Logeinträge ein-/ausblenden
				</button>
				<div class="collectorLog">
					{{ bund_log|nl2br }}
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Logeinträge - TED</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<button class="ui updoon labeled icon button collectorLogToggler">
					<i class="file text icon"></i>
					Logeinträge ein-/ausblenden
				</button>
				<div class="collectorLog">
					{{ ted_log|nl2br }}
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Logeinträge - Straßenbauportal</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<button class="ui updoon labeled icon button collectorLogToggler">
					<i class="file text icon"></i>
					Logeinträge ein-/ausblenden
				</button>
				<div class="collectorLog">
					{{ strassenbauportal_log|nl2br }}
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Logeinträge - Oppex</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<button class="ui updoon labeled icon button collectorLogToggler">
					<i class="file text icon"></i>
					Logeinträge ein-/ausblenden
				</button>
				<div class="collectorLog">
					{{ oppex_log|nl2br }}
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Logeinträge - Google Alerts</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<button class="ui updoon labeled icon button collectorLogToggler">
					<i class="file text icon"></i>
					Logeinträge ein-/ausblenden
				</button>
				<div class="collectorLog">
					{{ google_alerts_log|nl2br }}
				</div>
			</div>
		</div>
	</div>
{% endblock %}

{% block javascripts %}
	{{ parent() }}
	<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
	<script>
		google.charts.load('43', {packages: ['bar'], 'language': 'de'});
		google.charts.setOnLoadCallback(drawChart);
		function drawChart() {
			document.getElementsByClassName("ui grid hidden")[0].className = "ui grid";
			document.getElementById("statisticsLoadingScreen").className = "hidden";
			{% if average_num_announcements is not empty %}
				// numAnnouncementsChart
				var data = google.visualization.arrayToDataTable([
				     ['hAxis'{% for platform in average_num_announcements %}, '{{ platform.platform }}'{% endfor %}],
					 [' '{% for platform in average_num_announcements %}, {{ platform.average }}{% endfor %}]
				]);

				var options = {
					chart: {
						title: 'Durchschnittliche Anzahl gefundener Ausschreibungen',
						subtitle: 'gesamt',
					},
					legend: {
						position: 'none'
					},
					hAxis: {
						titleTextStyle: {
							color: '#FFFFFF'
						}
					},
					bars: 'vertical',
					vAxis: {
						format: 'decimal'
					},
					height: 400,
					colors: ['#3f51b5', '#ffc107', '#00bcd4', '#9c27b0', '#e91e63', '#673ab7', '#d95f02', '#009688', '#8bc34a', '#607d8b']
				};

				var chart = new google.charts.Bar(document.getElementById('numAnnouncementsChart'));
				chart.draw(data, google.charts.Bar.convertOptions(options));
			{% endif %}

			{% if total is not empty %}
				// totalChart
				var data = google.visualization.arrayToDataTable([
					['hAxis'{% for platform in total %}, '{{ platform.platform }}'{% endfor %}],
					[' '{% for platform in total %}, {{ platform.total }}{% endfor %}]
				]);

				var options = {
					chart: {
						title: 'Anzahl an Aktualisierungen',
						subtitle: 'gesamt'
					},
					hAxis: {
						titleTextStyle: {
							color: '#FFFFFF'
						}
					},
					bars: 'vertical',
					vAxis: {
						format: 'decimal'
					},
					height: 400,
					colors: ['#3f51b5', '#ffc107', '#00bcd4', '#9c27b0', '#e91e63', '#673ab7', '#d95f02', '#009688', '#8bc34a', '#607d8b']
				};

				var chart = new google.charts.Bar(document.getElementById('totalChart'));
				chart.draw(data, google.charts.Bar.convertOptions(options));
			{% endif %}

			{% if average_durations is not empty %}
				// averageDurationsChart
				var data = google.visualization.arrayToDataTable([
					['hAxis'{% for platform in average_durations %}, '{{ platform.platform }}'{% endfor %}],
					[' '{% for platform in average_durations %}, {{ platform.average / 60 }}{% endfor %}]
				]);

				var options = {
					chart: {
						title: 'Durchschnittliche Dauer einer Aktualisierung',
						subtitle: 'in Minuten',
					},
					legend: {
						position: 'none'
					},
					hAxis: {
						titleTextStyle: {
							color: '#FFFFFF'
						}
					},
					bars: 'vertical',
					vAxis: {
						format: 'decimal'
					},
					height: 400,
					colors: ['#3f51b5', '#ffc107', '#00bcd4', '#9c27b0', '#e91e63', '#673ab7', '#d95f02', '#009688', '#8bc34a', '#607d8b']
				};

				var chart = new google.charts.Bar(document.getElementById('averageDurationsChart'));
				chart.draw(data, google.charts.Bar.convertOptions(options));
			{% endif %}

			{% if average_request_times is not empty %}
				// averageRequestTimeChart
				var data = google.visualization.arrayToDataTable([
					['hAxis'{% for platform in average_request_times %}, '{{ platform.platform }}'{% endfor %}],
					[' '{% for platform in average_request_times %}, {{ platform.average }}{% endfor %}]
				]);

				var options = {
					chart: {
						title: 'Durchschnittliche Dauer eines Requests',
						subtitle: 'in Sekunden'
					},
					legend: {
						position: 'none',
					},
					hAxis: {
						titleTextStyle: {
							color: '#FFFFFF'
						}
					},
					bars: 'vertical',
					vAxis: {
						format: 'decimal'
					},
					height: 400,
					colors: ['#3f51b5', '#ffc107', '#00bcd4', '#9c27b0', '#e91e63', '#673ab7', '#d95f02', '#009688', '#8bc34a', '#607d8b']
				};

				var chart = new google.charts.Bar(document.getElementById('averageRequestTimesChart'));
				chart.draw(data, google.charts.Bar.convertOptions(options));
			{% endif %}

			{% if total_approvements_and_trashes is not empty %}
				// totalApprovementsAndTrashesChart
				var data = google.visualization.arrayToDataTable([
					['Plattform', 'Bestätigt', 'Verworfen'],
					{% for platform in total_approvements_and_trashes %}
						['{{ platform.platform }}', {{ platform.approved }}, {{ platform.trashed }}],
					{% endfor %}
				]);

				var options = {
					chart: {
						title: 'Bestätigte und verworfene Ausschreibungen',
						subtitle: 'gesamt'
					},
					bars: 'vertical',
					vAxis: {
						format: 'decimal'
					},
					height: 400,
					colors: ['#3f51b5', '#ffc107', '#00bcd4', '#9c27b0', '#e91e63', '#673ab7', '#d95f02', '#009688', '#8bc34a', '#607d8b']
				};

				var chart = new google.charts.Bar(document.getElementById('totalApprovementsAndTrashesChart'));
				chart.draw(data, google.charts.Bar.convertOptions(options));
			{% endif %}
		}
	</script>
{% endblock %}