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

{% block title %}{{ parent() }}Implementierung • Implementieren{% 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>
				<a href="{{ path('implementation_overview') }}" class="section">Implementierung</a>
				<div class="divider"> / </div>
				<div class="active section">Implementieren</div>
			</div>
		</div>
		<div class="menu right">
			<div class="item">
				<a href="{{ path('implementation_implemented', {id: announcementData.id}) }}" class="ui updoon button">Ausschreibung implementiert</a>
			</div>
			<div class="item">
				<a href="{{ path('announcement_edit', {id: announcementData.announcement.id}) }}" class="ui updoon button">Ausschreibung bearbeiten</a>
			</div>
			<div class="item">
				<a href="#" class="ui mini updoon button" id="warning-toggler">Ausschreibung melden</a>
			</div>
			<div class="item">
				{% if next == 0 %}
					<a href="{{ path('implementation_overview') }}" class="ui updoon button">Zurück zur Übersicht</a>
				{% else %}
					<a href="{{ path('implementation_process', {id: next}) }}" class="ui updoon button">Ausschreibung überspringen</a>
				{% endif %}
			</div>
		</div>
	</div>
	{% for message in app.session.flashbag.get('process_success') %}
		<div class="ui success message">
			Die Ausschreibung (ID: <span class="bold">{{ message.id }}</span>) wurde für Kunde <span class="bold">{{ message.company }}</span> als implementiert gekennzeichnet.
		</div>
	{% endfor %}
	{% for message in app.session.flashbag.get('warn_success') %}
		<div class="ui success message">
			Ihre Warnung wurde für die Ausschreibung (ID: <span class="bold">{{ message.id }}</span>) hinterlegt.
		</div>
	{% endfor %}
	{% for message in app.session.flashbag.get('warn_failure') %}
		<div class="ui error message">
			Beim Speichern der Daten ist ein Fehler aufgetreten. Sie wurden daher
			<span class="bold">nicht</span> zur nächsten Detailansicht weitergeleitet.
		</div>
	{% endfor %}
	{% if announcementData.announcement.warning is not empty %}
		<div class="ui warning message">
			<h4 class="ui dividing header">Meldung</h4>
			<p>{{ announcementData.announcement.warning|nl2br }}</p>
			<a href="{{ path('announcement_warning_delete', {'id': announcementData.announcement.id}) }}" class="ui tiny negative button">Meldung löschen</a>
		</div>
	{% endif %}
	{{ include('UpdoonAppBundle::Announcement/implementation/warning.html.twig') }}
	<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>{{ announcementData.announcement.id }}</p>
			</div>
			<div class="four wide column">
				<p class="data-title"><span class="bold">Kunde</span></p>
				<p>{{ announcementData.customer.company }}</p>
			</div>
			{% if is_granted('ROLE_ANNOUNCEMENT_LINK') %}
				<div class="four wide column">
					<p class="data-title"><span class="bold">Plattform</span></p>
					<p>{{ announcementData.announcement.platform }}</p>
				</div>
			{% endif %}
			<div class="four wide column">
				<p class="data-title"><span class="bold">Veröffentlichungsdatum</span></p>
				<p>{{ announcementData.announcement.submissionDate|date('d.m.Y') }}</p>
			</div>
			{% if is_granted('ROLE_ANNOUNCEMENT_LINK') %}
				<div class="four wide column">
					<p class="data-title"><span class="bold">Link</span></p>
					<p><a href="{{ announcementData.announcement.link }}" target="_blank" rel="nofollow">{{ announcementData.announcement.link }}</a></p>
				</div>
			{% endif %}
		</div>
		<h4 class="ui dividing header">Gefundener Suchparameter</h4>
		<div class="ui grid">
			<div class="three wide column">
				<div class="ui grey label marker">{{ announcementData.customer }} | {% if announcementData.searchParameter.parameter is defined and announcementData.searchParameter.parameter is not null %}{{ announcementData.searchParameter.parameter }}{% elseif announcementData.googleAlertsSearchParameter.parameter is defined and announcementData.googleAlertsSearchParameter.parameter is not null %}{{ announcementData.googleAlertsSearchParameter.parameter }}{% else %}Undefined{% endif %}</div>
			</div>
		</div>
		{% if announcementData.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>
	<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>{{ announcementData.announcement.text|nl2br }}</p>
			</div>
		</div>
	</div>
	<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">{{ announcementData.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>{{ announcementData.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>{{ announcementData.announcement.startDate|date('d.m.Y') }}</p>
			</div>
			<div class="three wide column">
				<p class="data-title"><span class="bold">Submissionsende</span></p>
				<p>{{ announcementData.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 announcementData.announcement.contactData %}
						<a class="{% if loop.index == 1 %}active {% endif %}item" data-tab="{{ loop.index }}">Kontaktrolle {{ loop.index }}</a>
					{% endfor %}
				</div>
				{% for contactData in announcementData.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="four 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="four 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">E-Mail Adresse</span></p>
								<p>{{ contactData.email }}</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">{{ announcementData.announcement.other|nl2br }}</p>
			</div>
		</div>
	</div>
	<div class="submit-column">
		<div class="float-right">
			<a href="{{ path('implementation_implemented', {id: announcementData.id}) }}" class="ui updoon button">Ausschreibung implementiert</a>
			{% if next == 0 %}
				<a href="{{ path('implementation_overview') }}" class="ui updoon button">Zurück zur Übersicht</a>
			{% else %}
				<a href="{{ path('implementation_process', {id: next}) }}" class="ui updoon button">Ausschreibung überspringen</a>
			{% endif %}
		</div>
	</div>
{% endblock %}