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

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

{% block content %}
	{{ form_start(form, {'attr' : {'class' : 'ui form'}}) }}
	{% if form.vars.value.announcement_customer.announcement.platform == 'Google Alerts' %}
		{% set checked = 'checked' %}
	{% else %}
		{% set checked = '' %}
	{% endif %}
	<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">Detailansicht</div>
			</div>
		</div>
		<div class="menu right">
			<div class="item">
				<div class="ui checkbox{% if form.vars.value.announcement_customer.announcement.platform == 'Google Alerts' %} checked{% endif %}">
					<label>Kontaktdatenergänzung erforderlich?</label>
					{{ form_widget(form.contact_data_revision_1, {'checked': checked}) }}
				</div>
			</div>
			<div class="item">
				{{ form_widget(form.secondSubmit, {'attr': {'class': 'ui updoon submit button'}, 'label' : 'Ausschreibung bestätigen'}) }}
			</div>
			<div class="item">
				{% if form.vars.value.announcement_customer.announcement.platform == 'Google Alerts' %}
					<div class="ui buttons">
						<a href="{{ path('announcement_trash', {id: id, propagate: 0}) }}" class="ui negative button">Einfach verwerfen</a>
						<div class="or"></div>
						<a href="{{ path('announcement_trash', {id: id, propagate: 1}) }}" class="ui negative button">Komplett verwerfen</a>
					</div>
				{% else %}
					<a href="{{ path('announcement_trash', {id: id}) }}" class="ui negative button">Ausschreibung verwerfen</a>
				{% endif %}
			</div>
			<div class="item">
				{% if next == 0 %}
					<a href="{{ path('home_overview') }}" class="ui updoon button">Zurück zum Dashboard</a>
				{% else %}
					<a href="{{ path('announcement_process', {id: next}) }}" class="ui updoon button">Ausschreibung überspringen</a>
				{% endif %}
			</div>
		</div>
	</div>
	{% for aData in form.vars.value.announcement_customer.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 form.vars.value.announcement_customer.announcement.warning is not empty %}
		<div class="ui warning message">
			<h4 class="ui dividing header">Meldung</h4>
			<p>{{ form.vars.value.announcement_customer.announcement.warning|nl2br }}</p>
			<a href="{{ path('announcement_warning_delete', {'id': form.vars.value.announcement_customer.announcement.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('process_success') %}
		<div class="ui success message">
			Die Ausschreibung (ID: <span class="bold">{{ message.id }}</span>) wurde bestätigt.
		</div>
	{% endfor %}
	{% for message in app.session.flashbag.get('trash_success') %}
		<div class="ui success message">
			Die Ausschreibung (ID: <span class="bold">{{ message.id }}</span>) wurde verworfen.
		</div>
	{% endfor %}
	{% for message in app.session.flashbag.get('trash_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 %}
	<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.announcement_customer.announcement.platform is defined %}
					<div class="{% if form.announcement_customer.announcement.platform.vars.errors is not empty %}error {% endif %}field">
						<label>Plattform</label>
						{% if form.announcement_customer.announcement.platform.vars.errors is not empty %}
							<div class="ui tiny red pointing below label">
								Error: {{ form.announcement_customer.announcement.platform.vars.errors|replace({'ERROR: ': ''}) }}
							</div>
						{% endif %}
						<div class="ui fluid input">
							{{ form_widget(form.announcement_customer.announcement.platform, {'attr': {'placeholder' : 'Plattform'}}) }}
						</div>
					</div>
				{% endif %}
				{% if form.announcement_customer.announcement.link is defined %}
					<div class="{% if form.announcement_customer.announcement.link.vars.errors is not empty %}error {% endif %}field">
						<label>Link</label>
						{% if form.announcement_customer.announcement.link.vars.errors is not empty %}
							<div class="ui tiny red pointing below label">
								Error: {{ form.announcement_customer.announcement.link.vars.errors|replace({'ERROR: ': ''}) }}
							</div>
						{% endif %}
						<div class="ui fluid left action input">
							<a href="{{ form.vars.value.announcement_customer.announcement.link }}" rel="nofollow" target="_blank" class="ui updoon labeled icon button">
								<i class="external share icon"></i>
								Besuchen
							</a>
							{{ form_widget(form.announcement_customer.announcement.link, {'attr': {'placeholder' : 'Link'}}) }}
						</div>
					</div>
				{% endif %}
				<div class="{% if form.announcement_customer.announcement.submissionDate.vars.errors is not empty %}error {% endif %}field">
					<label>Veröffentlichungsdatum</label>
					{% if form.announcement_customer.announcement.submissionDate.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ form.announcement_customer.announcement.submissionDate.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(form.announcement_customer.announcement.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.announcement_customer.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>
			</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.announcement_customer.announcement.startDate.vars.errors is not empty %}error {% endif %}field">
							<label>Submissionsstart</label>
							{% if form.announcement_customer.announcement.startDate.vars.errors is not empty %}
								<div class="ui tiny red pointing below label">
									Error: {{ form.announcement_customer.announcement.startDate.vars.errors|replace({'ERROR: ': ''}) }}
								</div>
							{% endif %}
							<div class="ui fluid input">
								{{ form_widget(form.announcement_customer.announcement.startDate, {'attr': {'class' : 'datepicker', 'placeholder' : 'Submissionsstart'}}) }}
							</div>
						</div>
						<div class="{% if form.announcement_customer.announcement.endDate.vars.errors is not empty %}error {% endif %}field">
							<label>Submissionsende</label>
							{% if form.announcement_customer.announcement.endDate.vars.errors is not empty %}
								<div class="ui tiny red pointing below label">
									Error: {{ form.announcement_customer.announcement.endDate.vars.errors|replace({'ERROR: ': ''}) }}
								</div>
							{% endif %}
							<div class="ui fluid input">
								{{ form_widget(form.announcement_customer.announcement.endDate, {'attr': {'class' : 'datepicker', 'placeholder' : 'Submissionsende'}}) }}
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="ui top attached compact segment">
				<div class="ui top attached updoon label">Kunden</div>
				<div class="ui grid">
					<div class="sixteen wide column">
						<div class="announcementData" data-prototype="{{ form_widget(form.announcement_customer.customers.vars.prototype)|e }}">
							{% for customer in form.announcement_customer.customers %}
								<div class="{% if customer.vars.errors is not empty %}error {% endif %}field">
									{% if customer.vars.errors is not empty %}
										<div class="ui tiny red pointing below label">
											{{ customer.vars.errors }}
										</div>
									{% endif %}
									<a href="#" class="ui negative button remove_tag_link">x</a>
									{{ form_widget(customer, {'attr': {'class': 'ui dropdown selection upward'}}) }}
								</div>
							{% endfor %}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="ui grid {% if form.vars.value.announcement_customer.announcement.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.announcement_customer.announcement.text.vars.errors is not empty %}error {% endif %}field">
					{% if form.announcement_customer.announcement.text.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ form.announcement_customer.announcement.text.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(form.announcement_customer.announcement.text, {'attr': {'placeholder' : 'Ausschreibungstext'}}) }}
					</div>
				</div>
			</div>
		</div>
		<div class="eight wide column">
			<div class="ui top attached compact segment">
				{% if form.vars.value.announcement_customer.announcement.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.announcement_customer.announcement.link }}" sandbox="allow-scripts"></iframe>
						</div>
					</div>
				{% else %}
					<div class="ui top attached updoon label">Auftragsbeschreibung</div>
					<div class="{% if form.announcement_customer.announcement.assignmentDescription.vars.errors is not empty %}error {% endif %}field">
						{% if form.announcement_customer.announcement.assignmentDescription.vars.errors is not empty %}
							<div class="ui tiny red pointing below label">
								Error: {{ form.announcement_customer.announcement.assignmentDescription.vars.errors|replace({'ERROR: ': ''}) }}
							</div>
						{% endif %}
						<div class="ui fluid input">
							{{ form_widget(form.announcement_customer.announcement.assignmentDescription, {'attr': {'placeholder' : 'Auftragsbeschreibung'}}) }}
						</div>
					</div>
				{% endif %}
			</div>
		</div>
	</div>
	{% if form.vars.value.announcement_customer.announcement.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.announcement_customer.announcement.assignmentDescription.vars.errors is not empty %}error {% endif %}field">
						{% if form.announcement_customer.announcement.assignmentDescription.vars.errors is not empty %}
							<div class="ui tiny red pointing below label">
								Error: {{ form.announcement_customer.announcement.assignmentDescription.vars.errors|replace({'ERROR: ': ''}) }}
							</div>
						{% endif %}
						<div class="ui fluid input">
							{{ form_widget(form.announcement_customer.announcement.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.announcement_customer.announcement.assignment.vars.errors is not empty %}error {% endif %}field">
					{% if form.announcement_customer.announcement.assignment.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ form.announcement_customer.announcement.assignment.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(form.announcement_customer.announcement.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.announcement_customer.announcement.contactData.vars.prototype, 0)|e }}">
				<div class="ui top attached tabular menu">
					{% for contactData in form.announcement_customer.announcement.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.announcement_customer.announcement.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.announcement_customer.announcement.other.vars.errors is not empty %}error {% endif %}field">
					{% if form.announcement_customer.announcement.other.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ form.announcement_customer.announcement.other.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(form.announcement_customer.announcement.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">
			<div class="ui checkbox{% if form.vars.value.announcement_customer.announcement.platform == 'Google Alerts' %} checked{% endif %}">
				<label>Kontaktdatenergänzung erforderlich?</label>
				{{ form_widget(form.contact_data_revision_2, {'checked': checked}) }}
			</div>
			{{ form_widget(form.submit, {'attr': {'class': 'ui updoon submit button'}, 'label' : 'Ausschreibung bestätigen'}) }}
			{% if form.vars.value.announcement_customer.announcement.platform == 'Google Alerts' %}
				<div class="ui buttons">
					<a href="{{ path('announcement_trash', {id: id, propagate: 0}) }}" class="ui negative button">Einfach verwerfen</a>
					<div class="or"></div>
					<a href="{{ path('announcement_trash', {id: id, propagate: 1}) }}" class="ui negative button">Komplett verwerfen</a>
				</div>
			{% else %}
				<a href="{{ path('announcement_trash', {id: id}) }}" class="ui negative button">Ausschreibung verwerfen</a>
			{% endif %}
			{% if next == 0 %}
				<a href="{{ path('home_overview') }}" class="ui updoon button right">Zurück zum Dashboard</a>
			{% else %}
				<a href="{{ path('announcement_process', {id: next}) }}" class="ui updoon button right">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/customer-handler.js'
	'%kernel.root_dir%/Resources/js/datepicker.js'
	filter='uglifyjs2' %}
	<script defer src="{{ asset_url }}"></script>
	{% endjavascripts %}
{% endblock %}