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

{% block title %}{{ parent() }}Ausschreibungen • Hinzufügen{% 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">Hinzufügen</div>
			</div>
		</div>
	</div>
	{% if announcement_add_form.vars.errors is not empty %}
		<div class="ui error message">
			Error: {{ announcement_add_form.vars.errors|replace({'ERROR: ': ''}) }}
		</div>
	{% endif %}
	{% for message in app.session.flashbag.get('success') %}
		<div class="ui success message">
			Die Ausschreibung wurde hinzugefügt.
		</div>
	{% endfor %}
	{{ form_start(announcement_add_form, {'attr' : {'class' : 'ui form'}}) }}
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Hinzufügen</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<h4 class="ui dividing header">Informationen</h4>
				<div class="{% if announcement_add_form.platform.vars.errors is not empty %}error {% endif %}field">
					<label>Plattform</label>
					{% if announcement_add_form.platform.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ announcement_add_form.platform.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(announcement_add_form.platform, {'attr': {'placeholder' : 'Plattform'}}) }}
					</div>
				</div>
				<div class="{% if announcement_add_form.link.vars.errors is not empty %}error {% endif %}field">
					<label>Link</label>
					{% if announcement_add_form.link.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ announcement_add_form.link.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(announcement_add_form.link, {'attr': {'placeholder' : 'Link'}}) }}
					</div>
				</div>
				<div class="{% if announcement_add_form.submissionDate.vars.errors is not empty %}error {% endif %}field">
					<label>Veröffentlichungsdatum</label>
					{% if announcement_add_form.submissionDate.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ announcement_add_form.submissionDate.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(announcement_add_form.submissionDate, {'attr': {'class' : 'datepicker', 'placeholder' : 'Veröffentlichungsdatum'}}) }}
					</div>
				</div>
			</div>
		</div>
	</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">
				<div class="{% if announcement_add_form.text.vars.errors is not empty %}error {% endif %}field">
					{% if announcement_add_form.text.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ announcement_add_form.text.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(announcement_add_form.text, {'attr': {'placeholder' : 'Ausschreibungstext'}}) }}
					</div>
				</div>
			</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">
				<div class="{% if announcement_add_form.assignmentDescription.vars.errors is not empty %}error {% endif %}field">
					{% if announcement_add_form.assignmentDescription.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ announcement_add_form.assignmentDescription.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(announcement_add_form.assignmentDescription, {'attr': {'placeholder' : 'Auftragsbeschreibung'}}) }}
					</div>
				</div>
			</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">
				<div class="{% if announcement_add_form.assignment.vars.errors is not empty %}error {% endif %}field">
					{% if announcement_add_form.assignment.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ announcement_add_form.assignment.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(announcement_add_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">Zeitlicher Rahmen</div>
		<div class="ui grid">
			<div class="sixteen wide column">
				<div class="{% if announcement_add_form.startDate.vars.errors is not empty %}error {% endif %}field">
					<label>Submissionsstart</label>
					{% if announcement_add_form.startDate.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ announcement_add_form.startDate.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(announcement_add_form.startDate, {'attr': {'class' : 'datepicker', 'placeholder' : 'Submissionsstart'}}) }}
					</div>
				</div>
				<div class="{% if announcement_add_form.endDate.vars.errors is not empty %}error {% endif %}field">
					<label>Submissionsende</label>
					{% if announcement_add_form.endDate.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ announcement_add_form.endDate.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(announcement_add_form.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">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(announcement_add_form.contactData.vars.prototype, 0)|e }}">
				<div class="ui top attached tabular menu">
					{% for contactData in announcement_add_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 announcement_add_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 announcement_add_form.other.vars.errors is not empty %}error {% endif %}field">
					{% if announcement_add_form.other.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ announcement_add_form.other.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(announcement_add_form.other, {'attr': {'placeholder' : 'Sonstiges'}}) }}
					</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(announcement_add_form.announcementData.vars.prototype)|e }}">
					{% for customer in announcement_add_form.announcementData %}
						<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) }}
						</div>
					{% endfor %}
				</div>
			</div>
		</div>
	</div>
	<div class="submit-column">
		{{ form_widget(announcement_add_form.submit, {'attr': {'class': 'ui updoon submit button'}, 'label' : 'Ausschreibung hinzufügen'}) }}
	</div>
	{{ form_end(announcement_add_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 %}