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

{% block title %}{{ parent() }}Ausschreibungen • Betrachten{% 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">Betrachten</div>
			</div>
		</div>
	</div>
	{% for aData in announcement.announcementData if aDataTrashedFound is not defined %}
		{% if aData.trashed == true %}
			{% set aDataTrashedFound = true %}
			<div class="ui error message">
				<span class="bold">Achtung:</span> Diese Ausschreibung wurde u.a. bereits von
				<span class="bold">{{ aData.customer.firstFilterAccount.first.firstname }} {{ aData.customer.firstFilterAccount.first.lastname }}{% if aData.customer.secondFilterAccount.first is defined and aData.customer.secondFilterAccount.first != false %}/{{ aData.customer.secondFilterAccount.first.firstname }} {{ aData.customer.secondFilterAccount.first.lastname }}{% endif %}</span> verworfen.
			</div>
		{% endif %}
	{% endfor %}
	{% if announcement.warning is not empty %}
		<div class="ui warning message">
			<h4 class="ui dividing header">Meldung</h4>
			<p>{{ announcement.warning|nl2br }}</p>
			<a href="{{ path('announcement_warning_delete', {'id': announcement.id}) }}" class="ui tiny negative button">Meldung löschen</a>
		</div>
	{% endif %}
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Detailansicht</div>
		<h4 class="ui dividing header">Informationen</h4>
		<div class="ui grid">
			<div class="four wide column">
				<p class="data-title"><span class="bold">ID</span></p>
				<p>{{ announcement.id }}</p>
			</div>
			{% if is_granted('ROLE_ANNOUNCEMENT_LINK') %}
				<div class="four wide column">
					<p class="data-title"><span class="bold">Plattform</span></p>
					<p>{{ announcement.platform }}</p>
				</div>
				<div class="four wide column">
					<p class="data-title"><span class="bold">Link</span></p>
					<p><a href="{{ announcement.link }}" target="_blank" rel="nofollow">{{ announcement.link }}</a></p>
				</div>
			{% endif %}
			<div class="{% if is_granted('ROLE_ANNOUNCEMENT_LINK') %}four{% else %}twelve{% endif %} wide column">
				<p class="data-title"><span class="bold">Veröffentlichungsdatum</span></p>
				<p>{{ announcement.submissionDate|date('d.m.Y') }}</p>
			</div>
		</div>
		<h4 class="ui dividing header">Gefundene Suchparameter</h4>
		<div class="ui grid">
			{% for aData in announcement.announcementData %}
				<div class="three wide column">
					<div class="ui grey label marker">{{ aData.customer }} | {% if aData.searchParameter.parameter is defined and aData.searchParameter.parameter is not null %}{{ aData.searchParameter.parameter }}{% elseif aData.googleAlertsSearchParameter.parameter is defined and aData.googleAlertsSearchParameter.parameter is not null %}{{ aData.googleAlertsSearchParameter.parameter }}{% else %}Undefined{% endif %}</div>
				</div>
			{% endfor %}
		</div>
		{% if announcement.contactDataNotFound %}
			<h4 class="ui dividing header">Wichtige Hinweise</h4>
			<div class="ui grid">
				<div class="four wide column">
					<div class="ui red label marker">Es konnten keine (weiteren) Kontaktdaten gefunden werden.</div>
				</div>
			</div>
		{% endif %}
	</div>
	{% if announcement.platform == 'Google Alerts' %}
		<div class="ui grid iframe splitview">
			<div class="eight wide column">
				{% endif %}
				<div class="ui top attached compact segment">
					<div class="ui top attached updoon label">Ausschreibungstext</div>
					<div class="ui grid">
						<div class="sixteen wide column">
							<p>{{ announcement.text|nl2br }}</p>
						</div>
					</div>
				</div>
				{% if announcement.platform == 'Google Alerts' %}
			</div>
			<div class="eight wide column">
				<div class="ui top attached compact segment">
					<div class="ui top attached updoon label">Webseite</div>
					<div class="ui grid">
						<div class="sixteen wide column">
							<iframe src="{{ announcement.link }}" sandbox="allow-scripts"></iframe>
						</div>
					</div>
				</div>
			</div>
		</div>
	{% endif %}
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Auftragsbeschreibung</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<p class="pre">{{ announcement.assignmentDescription|nl2br }}</p>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Art des Auftrags</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<p>{{ announcement.assignment|nl2br }}</p>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Zeitlicher Rahmen</div>
		<div class="ui grid">
			<div class="three wide column">
				<p class="data-title"><span class="bold">Submissionsstart</span></p>
				<p>{{ announcement.startDate|date('d.m.Y') }}</p>
			</div>
			<div class="three wide column">
				<p class="data-title"><span class="bold">Submissionsende</span></p>
				<p>{{ announcement.endDate|date('d.m.Y') }}</p>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Kontaktdaten</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<div class="ui top attached tabular menu">
					{% for contactData in announcement.contactData %}
						<a class="{% if loop.index == 1 %}active {% endif %}item" data-tab="{{ loop.index }}">Kontaktrolle {{ loop.index }}</a>
					{% endfor %}
				</div>
				{% for contactData in announcement.contactData %}
					<div class="ui bottom attached {% if loop.index == 1 %}active {% endif %} tab segment" data-tab="{{ loop.index }}">
						<p>{{ contactData.contact|nl2br }}</p>
						<div class="ui grid">
							<div class="three wide column">
								<p class="data-title"><span class="bold">Firma</span></p>
								<p>{{ contactData.company }}</p>
							</div>
							<div class="three wide column">
								<p class="data-title"><span class="bold">Anrede</span></p>
								<p>{{ contactData.title }}</p>
							</div>
							<div class="three wide column">
								<p class="data-title"><span class="bold">Vorname</span></p>
								<p>{{ contactData.firstname }}</p>
							</div>
							<div class="three wide column">
								<p class="data-title"><span class="bold">Nachname</span></p>
								<p>{{ contactData.lastname }}</p>
							</div>
							<div class="three wide column">
								<p class="data-title"><span class="bold">Straße</span></p>
								<p>{{ contactData.street }}</p>
							</div>
							<div class="three wide column">
								<p class="data-title"><span class="bold">Postleitzahl</span></p>
								<p>{{ contactData.zip }}</p>
							</div>
							<div class="three wide column">
								<p class="data-title"><span class="bold">Ort</span></p>
								<p>{{ contactData.city }}</p>
							</div>
							<div class="three wide column">
								<p class="data-title"><span class="bold">Gemeinde</span></p>
								<p>{{ contactData.commune }}</p>
							</div>
							<div class="three wide column">
								<p class="data-title"><span class="bold">Land</span></p>
								<p>{{ contactData.country }}</p>
							</div>
							<div class="three wide column">
								<p class="data-title"><span class="bold">E-Mail Adresse</span></p>
								<p>{{ contactData.email }}</p>
							</div>
							<div class="three wide column">
								<p class="data-title"><span class="bold">Internet</span></p>
								<p>{{ contactData.web }}</p>
							</div>
							<div class="three wide column">
								<p class="data-title"><span class="bold">Telefonnummer</span></p>
								<p>{{ contactData.phoneNumber }}</p>
							</div>
							<div class="three wide column">
								<p class="data-title"><span class="bold">Faxnummer</span></p>
								<p>{{ contactData.faxNumber }}</p>
							</div>
						</div>
					</div>
				{% endfor %}
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Sonstiges</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<p class="pre">{{ announcement.other|nl2br }}</p>
			</div>
		</div>
	</div>
{% endblock %}