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

{% block title %}{{ parent() }}Kontaktdatenergänzung • Ergänzen{% endblock %}

{% block content %}
	{{ form_start(form, {'attr' : {'class' : 'ui form'}}) }}
	<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('revision_overview') }}" class="section">Kontaktdatenergänzung</a>
				<div class="divider"> / </div>
				<div class="active section">Ergänzen</div>
			</div>
		</div>
		<div class="menu right">
			<div class="item">
				{{ form_widget(form.submit_1, {'attr': {'class': 'ui updoon submit button'}, 'label' : 'Kontaktdaten ergänzt'}) }}
			</div>
			<div class="item">
				<a href="{{ path('revision_failed', {id: id}) }}" class="ui red button">Keine Daten gefunden</a>
			</div>
			<div class="item">
				<a href="{{ path('announcement_edit', {id: id}) }}" class="ui updoon button">Ausschreibung bearbeiten</a>
			</div>
			<div class="item">
				{% if next == 0 %}
					<a href="{{ path('revision_overview') }}" class="ui updoon button">Zurück zur Übersicht</a>
				{% else %}
					<a href="{{ path('revision_process', {id: next}) }}" class="ui updoon button">Ausschreibung überspringen</a>
				{% endif %}
			</div>
		</div>
	</div>
	{% if form.vars.value.warning is not empty %}
		<div class="ui warning message">
			<h4 class="ui dividing header">Meldung</h4>
			<p>{{ form.vars.value.warning|nl2br }}</p>
			<a href="{{ path('announcement_warning_delete', {'id': form.vars.value.id}) }}" class="ui tiny negative button">Meldung löschen</a>
		</div>
	{% endif %}
	{% if form.vars.errors is not empty %}
		<div class="ui error message">
			{{ form.vars.errors|replace({'ERROR: ': ''}) }}
		</div>
	{% endif %}
	{% for message in app.session.flashbag.get('revision_success') %}
		<div class="ui success message">
			Die Ausschreibung (ID: <span class="bold">{{ message.id }}</span>) wurde als "ergänzt" gekennzeichnet.
		</div>
	{% endfor %}
	{% for message in app.session.flashbag.get('revision_failed') %}
		<div class="ui success message">
			Die Ausschreibung (ID: <span class="bold">{{ message.id }}</span>) wurde ohne Ergänzungen weitergereicht.
		</div>
	{% endfor %}
	{% for message in app.session.flashbag.get('revision_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 Ausschreibung weitergeleitet.
		</div>
	{% endfor %}
	<div class="ui grid splitview">
		<div class="eight wide column">
			<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 updoon label marker">ID {{ id }}</div>
				{% if form.platform is defined %}
					<div class="{% if form.platform.vars.errors is not empty %}error {% endif %}field">
						<label>Plattform</label>
						{% if form.platform.vars.errors is not empty %}
							<div class="ui tiny red pointing below label">
								Error: {{ form.platform.vars.errors|replace({'ERROR: ': ''}) }}
							</div>
						{% endif %}
						<div class="ui fluid input">
							{{ form_widget(form.platform, {'attr': {'placeholder' : 'Plattform'}}) }}
						</div>
					</div>
				{% endif %}
				{% if form.link is defined %}
					<div class="{% if form.link.vars.errors is not empty %}error {% endif %}field">
						<label>Link</label>
						{% if form.link.vars.errors is not empty %}
							<div class="ui tiny red pointing below label">
								Error: {{ form.link.vars.errors|replace({'ERROR: ': ''}) }}
							</div>
						{% endif %}
						<div class="ui fluid left action input">
							<a href="{{ form.vars.value.link }}" rel="nofollow" target="_blank" class="ui updoon labeled icon button">
								<i class="external share icon"></i>
								Besuchen
							</a>
							{{ form_widget(form.link, {'attr': {'placeholder' : 'Link'}}) }}
						</div>
					</div>
				{% endif %}
				<div class="{% if form.submissionDate.vars.errors is not empty %}error {% endif %}field">
					<label>Veröffentlichungsdatum</label>
					{% if form.submissionDate.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ form.submissionDate.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(form.submissionDate, {'attr': {'class' : 'datepicker', 'placeholder' : 'Veröffentlichungsdatum'}}) }}
					</div>
				</div>
				<h4 class="ui dividing header">Gefundene Suchparameter</h4>
				<div class="ui grid">
					{% for aData in form.vars.value.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>
			</div>
		</div>
		<div class="eight wide column">
			<div class="ui top attached compact segment">
				<div class="ui top attached updoon label">Zeitlicher Rahmen</div>
				<div class="ui grid">
					<div class="sixteen wide column">
						<div class="{% if form.startDate.vars.errors is not empty %}error {% endif %}field">
							<label>Submissionsstart</label>
							{% if form.startDate.vars.errors is not empty %}
								<div class="ui tiny red pointing below label">
									Error: {{ form.startDate.vars.errors|replace({'ERROR: ': ''}) }}
								</div>
							{% endif %}
							<div class="ui fluid input">
								{{ form_widget(form.startDate, {'attr': {'class' : 'datepicker', 'placeholder' : 'Submissionsstart'}}) }}
							</div>
						</div>
						<div class="{% if form.endDate.vars.errors is not empty %}error {% endif %}field">
							<label>Submissionsende</label>
							{% if form.endDate.vars.errors is not empty %}
								<div class="ui tiny red pointing below label">
									Error: {{ form.endDate.vars.errors|replace({'ERROR: ': ''}) }}
								</div>
							{% endif %}
							<div class="ui fluid input">
								{{ form_widget(form.endDate, {'attr': {'class' : 'datepicker', 'placeholder' : 'Submissionsende'}}) }}
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="ui grid {% if form.vars.value.platform == 'Google Alerts' %}iframe {% endif %}splitview">
		<div class="eight wide column">
			<div class="ui top attached compact segment">
				<div class="ui top attached updoon label">Ausschreibungstext</div>
				<div class="{% if form.text.vars.errors is not empty %}error {% endif %}field">
					{% if form.text.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ form.text.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(form.text, {'attr': {'placeholder' : 'Ausschreibungstext'}}) }}
					</div>
				</div>
			</div>
		</div>
		<div class="eight wide column">
			<div class="ui top attached compact segment">
				{% if form.vars.value.platform == 'Google Alerts' %}
					<div class="ui top attached updoon label">Webseite</div>
					<div class="ui grid">
						<div class="sixteen wide column">
							<iframe src="{{ form.vars.value.link }}" sandbox="allow-scripts"></iframe>
						</div>
					</div>
				{% else %}
					<div class="ui top attached updoon label">Auftragsbeschreibung</div>
					<div class="{% if form.assignmentDescription.vars.errors is not empty %}error {% endif %}field">
						{% if form.assignmentDescription.vars.errors is not empty %}
							<div class="ui tiny red pointing below label">
								Error: {{ form.assignmentDescription.vars.errors|replace({'ERROR: ': ''}) }}
							</div>
						{% endif %}
						<div class="ui fluid input">
							{{ form_widget(form.assignmentDescription, {'attr': {'placeholder' : 'Auftragsbeschreibung'}}) }}
						</div>
					</div>
				{% endif %}
			</div>
		</div>
	</div>
	{% if form.vars.value.platform == 'Google Alerts' %}
		<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">
					<div class="{% if form.assignmentDescription.vars.errors is not empty %}error {% endif %}field">
						{% if form.assignmentDescription.vars.errors is not empty %}
							<div class="ui tiny red pointing below label">
								Error: {{ form.assignmentDescription.vars.errors|replace({'ERROR: ': ''}) }}
							</div>
						{% endif %}
						<div class="ui fluid input">
							{{ form_widget(form.assignmentDescription, {'attr': {'placeholder' : 'Auftragsbeschreibung'}}) }}
						</div>
					</div>
				</div>
			</div>
		</div>
	{% endif %}
	<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">
				<div class="{% if form.assignment.vars.errors is not empty %}error {% endif %}field">
					{% if form.assignment.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ form.assignment.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(form.assignment, {'attr': {'placeholder' : 'Art des Auftrags'}}) }}
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Kontaktdaten</div>
		<div class="ui grid">
			{% import 'UpdoonAppBundle::Announcement/contact_data_macro.html.twig' as macros %}
			<div class="sixteen wide column contactData" data-prototype="{{ macros.getContactDataPrototype(form.contactData.vars.prototype, 0)|e }}">
				<div class="ui top attached tabular menu">
					{% for contactData in form.contactData %}
						<a class="{% if loop.index == 1 %}active {% endif %}item" data-tab="{{ loop.index }}">Kontaktrolle {{ loop.index }}</a>
					{% endfor %}
					<a class="ui contactData-add item" data-tab="add"><i class="add icon"></i></a>
				</div>
				{% for contactData in form.contactData %}
					{{ macros.getContactDataPrototype(contactData, loop.index) }}
				{% 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">
				<div class="{% if form.other.vars.errors is not empty %}error {% endif %}field">
					{% if form.other.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ form.other.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(form.other, {'attr': {'placeholder' : 'Sonstiges'}}) }}
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="submit-column">
		<div class="ui updoon button">
			<span class="bold">ID</span>: {{ id }}
		</div>
		<div class="float-right">
			{{ form_widget(form.submit_2, {'attr': {'class': 'ui updoon submit button'}, 'label' : 'Kontaktdaten ergänzt'}) }}
			{% if next == 0 %}
				<a href="{{ path('revision_overview') }}" class="ui updoon button">Zurück zur Übersicht</a>
			{% else %}
				<a href="{{ path('revision_process', {id: next}) }}" class="ui updoon button">Ausschreibung überspringen</a>
			{% endif %}
		</div>
	</div>
	{{ form_end(form) }}
{% endblock %}

{% block stylesheets %}
	{{ parent() }}
	{% stylesheets
	'%kernel.root_dir%/Resources/js/jquery-ui/jquery-ui.min.css'
	filter='cssrewrite' %}
	<link rel="stylesheet" href="{{ asset_url }}" />
	{% endstylesheets %}
{% endblock %}

{% block javascripts %}
	{{ parent() }}
	{% javascripts '%kernel.root_dir%/Resources/js/jquery-ui/jquery-ui.min.js' %}
	<script defer src="{{ asset_url }}"></script>
	{% endjavascripts %}
	{% javascripts
	'%kernel.root_dir%/Resources/js/contact-data-handler.js'
	'%kernel.root_dir%/Resources/js/datepicker.js'
	filter='uglifyjs2' %}
	<script defer src="{{ asset_url }}"></script>
	{% endjavascripts %}
{% endblock %}