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

{% block title %}{{ parent() }}Kunden • 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('customer_overview') }}" class="section">Kunden</a>
				<div class="divider"> / </div>
				<div class="active section">Hinzufügen</div>
			</div>
		</div>
	</div>
	{% if customer_add_form.vars.errors is not empty %}
		<div class="ui error message">
			Error: {{ customer_add_form.vars.errors|replace({'ERROR: ': ''}) }}
		</div>
	{% endif %}
	{% for message in app.session.flashbag.get('success') %}
		<div class="ui success message">
			Der Kunde <span class="bold">{{ message.company }}</span> wurde angelegt.
		</div>
	{% endfor %}
	{{ form_start(customer_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="eight wide column">
				<h4 class="ui dividing header">Allgemeine Daten</h4>
				<div class="required {% if customer_add_form.first_filter_account.vars.errors is not empty %}error {% endif %}field">
					<label>1. Projektmanager</label>
					{% if customer_add_form.first_filter_account.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ customer_add_form.first_filter_account.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					{{ form_widget(customer_add_form.first_filter_account, {attr: {'class': 'ui fluid dropdown'}}) }}
				</div>
				<div class="{% if customer_add_form.second_filter_account.vars.errors is not empty %}error {% endif %}field">
					<label>2. Projektmanager</label>
					{% if customer_add_form.second_filter_account.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ customer_add_form.second_filter_account.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui grid">
						<div class="thirteen wide column">
							{{ form_widget(customer_add_form.second_filter_account, {attr: {'class': 'ui fluid dropdown', 'data-id': 'pm-2'}}) }}
						</div>
						<div class="three wide column">
							<button class="ui negative fluid select-reset button" data-select="pm-2">Löschen</button>
						</div>
					</div>
				</div>
				<div class="{% if customer_add_form.contact_data_managers.vars.errors is not empty %}error {% endif %}field">
					<label>Kontaktdatenmanager</label>
					{% if customer_add_form.contact_data_managers.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ customer_add_form.contact_data_managers.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					{{ form_widget(customer_add_form.contact_data_managers, {attr: {'class': 'ui multiple search selection dropdown'}}) }}
				</div>
				<div class="required {% if customer_add_form.implementer_account.vars.errors is not empty %}error {% endif %}field">
					<label>Datenmanager</label>
					{% if customer_add_form.implementer_account.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ customer_add_form.implementer_account.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					{{ form_widget(customer_add_form.implementer_account, {attr: {'class': 'ui fluid dropdown'}}) }}
				</div>
				<div class="{% if customer_add_form.lastname.vars.errors is not empty %}error {% endif %}field">
					<label>Nachname</label>
					{% if customer_add_form.lastname.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ customer_add_form.lastname.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(customer_add_form.lastname, {'attr': {'placeholder' : 'Nachname'}}) }}
					</div>
				</div>
				<div class="{% if customer_add_form.firstname.vars.errors is not empty %}error {% endif %}field">
					<label>Vorname</label>
					{% if customer_add_form.firstname.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ customer_add_form.firstname.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(customer_add_form.firstname, {'attr': {'placeholder' : 'Vorname'}}) }}
					</div>
				</div>
				<div class="required {% if customer_add_form.company.vars.errors is not empty %}error {% endif %}field">
					<label>Firma</label>
					{% if customer_add_form.company.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ customer_add_form.company.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid corner labeled input">
						{{ form_widget(customer_add_form.company, {'attr': {'placeholder' : 'Firma'}}) }}
						<div class="ui corner label">
							<i class="asterisk icon"></i>
						</div>
					</div>
				</div>
				<div class="{% if customer_add_form.addresses.0.addition.vars.errors is not empty %}error {% endif %}field">
					<label>Adresszusatz</label>
					{% if customer_add_form.addresses.0.addition.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ customer_add_form.addresses.0.addition.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(customer_add_form.addresses.0.addition, {'attr': {'placeholder' : 'Adresszusatz'}}) }}
					</div>
				</div>
				{% if customer_add_form.addresses.0.street.vars.errors is not empty %}
					<div class="ui tiny red pointing below label">
						Error: {{ customer_add_form.addresses.0.street.vars.errors|replace({'ERROR: ': ''}) }}
					</div>
				{% endif %}
				{% if customer_add_form.addresses.0.housenumber.vars.errors is not empty %}
					<div class="ui tiny red pointing below label">
						Error: {{ customer_add_form.addresses.0.housenumber.vars.errors|replace({'ERROR: ': ''}) }}
					</div>
				{% endif %}
				<div class="fields">
					<div class="required twelve wide {% if customer_add_form.addresses.0.street.vars.errors is not empty %}error {% endif %}field">
						<label>Straße</label>
						<div class="ui fluid corner labeled input">
							{{ form_widget(customer_add_form.addresses.0.street, {'attr': {'placeholder' : 'Straße'}}) }}
							<div class="ui corner label">
								<i class="asterisk icon"></i>
							</div>
						</div>
					</div>
					<div class="required four wide {% if customer_add_form.addresses.0.housenumber.vars.errors is not empty %}error {% endif %}field">
						<label>Hausnummer</label>
						<div class="ui fluid corner labeled input">
							{{ form_widget(customer_add_form.addresses.0.housenumber, {'attr': {'placeholder' : 'Hausnummer'}}) }}
							<div class="ui corner label">
								<i class="asterisk icon"></i>
							</div>
						</div>
					</div>
				</div>
				{% if customer_add_form.addresses.0.zip.vars.errors is not empty %}
					<div class="ui tiny red pointing below label">
						Error: {{ customer_add_form.addresses.0.zip.vars.errors|replace({'ERROR: ': ''}) }}
					</div>
				{% endif %}
				{% if customer_add_form.addresses.0.city.vars.errors is not empty %}
					<div class="ui tiny red pointing below label">
						Error: {{ customer_add_form.addresses.0.city.vars.errors|replace({'ERROR: ': ''}) }}
					</div>
				{% endif %}
				{% if customer_add_form.addresses.0.country.vars.errors is not empty %}
					<div class="ui tiny red pointing below label">
						Error: {{ customer_add_form.addresses.0.country.vars.errors|replace({'ERROR: ': ''}) }}
					</div>
				{% endif %}
				<div class="fields">
					<div class="required five wide {% if customer_add_form.addresses.0.zip.vars.errors is not empty %}error {% endif %}field">
						<label>Postleitzahl</label>
						<div class="ui fluid corner labeled input">
							{{ form_widget(customer_add_form.addresses.0.zip, {'attr': {'placeholder' : 'PLZ'}}) }}
							<div class="ui corner label">
								<i class="asterisk icon"></i>
							</div>
						</div>
					</div>
					<div class="required five wide {% if customer_add_form.addresses.0.city.vars.errors is not empty %}error {% endif %}field">
						<label>Ort</label>
						<div class="ui fluid corner labeled input">
							{{ form_widget(customer_add_form.addresses.0.city, {'attr': {'placeholder' : 'Ort'}}) }}
							<div class="ui corner label">
								<i class="asterisk icon"></i>
							</div>
						</div>
					</div>
					<div class="required six wide {% if customer_add_form.addresses.0.country.vars.errors is not empty %}error {% endif %}field">
						<label>Land</label>
						{{ form_widget(customer_add_form.addresses.0.country, {attr: {'class': 'ui fluid dropdown'}}) }}
					</div>
				</div>
				{% if customer_add_form.phoneNumbers.0.country_prefix.vars.errors is not empty %}
					<div class="ui tiny red pointing below label">
						Error: {{ customer_add_form.phoneNumbers.0.country_prefix.vars.errors|replace({'ERROR: ': ''}) }}
					</div>
				{% endif %}
				{% if customer_add_form.phoneNumbers.0.county_prefix.vars.errors is not empty %}
					<div class="ui tiny red pointing below label">
						Error: {{ customer_add_form.phoneNumbers.0.county_prefix.vars.errors|replace({'ERROR: ': ''}) }}
					</div>
				{% endif %}
				{% if customer_add_form.phoneNumbers.0.number.vars.errors is not empty %}
					<div class="ui tiny red pointing below label">
						Error: {{ customer_add_form.phoneNumbers.0.number.vars.errors|replace({'ERROR: ': ''}) }}
					</div>
				{% endif %}
				<div class="fields">
					<div class="three wide {% if customer_add_form.phoneNumbers.0.country_prefix.vars.errors is not empty %}error {% endif %}field">
						<label>Int. Vorwahl</label>
						<div class="ui fluid input">
							{{ form_widget(customer_add_form.phoneNumbers.0.country_prefix, {'attr': {'placeholder' : '49'}}) }}
						</div>
					</div>
					<div class="four wide {% if customer_add_form.phoneNumbers.0.county_prefix.vars.errors is not empty %}error {% endif %}field">
						<label>Vorwahl</label>
						<div class="ui fluid input">
							{{ form_widget(customer_add_form.phoneNumbers.0.county_prefix, {'attr': {'placeholder' : 'Vorwahl'}}) }}
						</div>
					</div>
					<div class="nine wide {% if customer_add_form.phoneNumbers.0.number.vars.errors is not empty %}error {% endif %}field">
						<label>Telefonnummer</label>
						<div class="ui fluid input">
							{{ form_widget(customer_add_form.phoneNumbers.0.number, {'attr': {'placeholder' : 'Telefonnummer'}}) }}
						</div>
					</div>
				</div>
				{% if customer_add_form.phoneNumbers.1.country_prefix.vars.errors is not empty %}
					<div class="ui tiny red pointing below label">
						Error: {{ customer_add_form.phoneNumbers.1.country_prefix.vars.errors|replace({'ERROR: ': ''}) }}
					</div>
				{% endif %}
				{% if customer_add_form.phoneNumbers.1.county_prefix.vars.errors is not empty %}
					<div class="ui tiny red pointing below label">
						Error: {{ customer_add_form.phoneNumbers.1.county_prefix.vars.errors|replace({'ERROR: ': ''}) }}
					</div>
				{% endif %}
				{% if customer_add_form.phoneNumbers.1.number.vars.errors is not empty %}
					<div class="ui tiny red pointing below label">
						Error: {{ customer_add_form.phoneNumbers.1.number.vars.errors|replace({'ERROR: ': ''}) }}
					</div>
				{% endif %}
				<div class="fields">
					<div class="three wide {% if customer_add_form.phoneNumbers.1.country_prefix.vars.errors is not empty %}error {% endif %}field">
						<label>Int. Vorwahl</label>
						<div class="ui fluid input">
							{{ form_widget(customer_add_form.phoneNumbers.1.country_prefix, {'attr': {'placeholder' : '49'}}) }}
						</div>
					</div>
					<div class="four wide {% if customer_add_form.phoneNumbers.1.county_prefix.vars.errors is not empty %}error {% endif %}field">
						<label>Vorwahl</label>
						<div class="ui fluid input">
							{{ form_widget(customer_add_form.phoneNumbers.1.county_prefix, {'attr': {'placeholder' : 'Vorwahl'}}) }}
						</div>
					</div>
					<div class="nine wide {% if customer_add_form.phoneNumbers.1.number.vars.errors is not empty %}error {% endif %}field">
						<label>Faxnummer</label>
						<div class="ui fluid input">
							{{ form_widget(customer_add_form.phoneNumbers.1.number, {'attr': {'placeholder' : 'Faxnummer'}}) }}
						</div>
					</div>
				</div>
				<div class="{% if customer_add_form.website.vars.errors is not empty %}error {% endif %}field">
					<label>Webseite</label>
					{% if customer_add_form.website.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ customer_add_form.website.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(customer_add_form.website, {'attr': {'placeholder' : 'Webseite'}}) }}
					</div>
				</div>
				<div class="{% if customer_add_form.internalid.vars.errors is not empty %}error {% endif %}field">
					<label>Interne KundenID</label>
					{% if customer_add_form.internalid.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ customer_add_form.internalid.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(customer_add_form.internalid, {'attr': {'placeholder' : 'Interne KundenID'}}) }}
					</div>
				</div>
			</div>
			<div class="eight wide column">
				{% for contact in customer_add_form.contacts %}
					<h4 class="ui dividing header">{{ loop.index }}. Ansprechpartner</h4>
					<div class="{% if contact.lastname.vars.errors is not empty %}error {% endif %}field">
						<label>Nachname</label>
						{% if contact.lastname.vars.errors is not empty %}
							<div class="ui tiny red pointing below label">
								Error: {{ contact.lastname.vars.errors|replace({'ERROR: ': ''}) }}
							</div>
						{% endif %}
						<div class="ui fluid input">
							{{ form_widget(contact.lastname, {'attr': {'placeholder' : 'Nachname'}}) }}
						</div>
					</div>
					<div class="{% if contact.firstname.vars.errors is not empty %}error {% endif %}field">
						<label>Vorname</label>
						{% if contact.firstname.vars.errors is not empty %}
							<div class="ui tiny red pointing below label">
								Error: {{ contact.firstname.vars.errors|replace({'ERROR: ': ''}) }}
							</div>
						{% endif %}
						<div class="ui fluid input">
							{{ form_widget(contact.firstname, {'attr': {'placeholder' : 'Vorname'}}) }}
						</div>
					</div>
					<div class="{% if contact.email.vars.errors is not empty %}error {% endif %}field">
						<label>E-Mail Adresse</label>
						{% if contact.email.vars.errors is not empty %}
							<div class="ui tiny red pointing below label">
								Error: {{ contact.email.vars.errors|replace({'ERROR: ': ''}) }}
							</div>
						{% endif %}
						<div class="ui fluid input">
							{{ form_widget(contact.email, {'attr': {'placeholder' : 'E-Mail Adresse'}}) }}
						</div>
					</div>
					{% if contact.phoneNumbers.0.country_prefix.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ contact.phoneNumbers.0.country_prefix.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					{% if contact.phoneNumbers.0.county_prefix.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ contact.phoneNumbers.0.county_prefix.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					{% if contact.phoneNumbers.0.number.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ contact.phoneNumbers.0.number.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="fields">
						<div class="three wide {% if contact.phoneNumbers.0.country_prefix.vars.errors is not empty %}error {% endif %}field">
							<label>Int. Vorwahl</label>
							<div class="ui fluid input">
								{{ form_widget(contact.phoneNumbers.0.country_prefix, {'attr': {'placeholder' : '49'}}) }}
							</div>
						</div>
						<div class="four wide {% if contact.phoneNumbers.0.county_prefix.vars.errors is not empty %}error {% endif %}field">
							<label>Vorwahl</label>
							<div class="ui fluid input">
								{{ form_widget(contact.phoneNumbers.0.county_prefix, {'attr': {'placeholder' : 'Vorwahl'}}) }}
							</div>
						</div>
						<div class="nine wide {% if contact.phoneNumbers.0.number.vars.errors is not empty %}error {% endif %}field">
							<label>Telefonnummer</label>
							<div class="ui fluid input">
								{{ form_widget(contact.phoneNumbers.0.number, {'attr': {'placeholder' : 'Telefonnummer'}}) }}
							</div>
						</div>
					</div>
				{% endfor %}
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Suchparameter</div>
		<div class="searchParameters" data-prototype="{{ form_widget(customer_add_form.searchParameters.vars.prototype)|e }}">
			{% for searchParameter in customer_add_form.searchParameters %}
				<div class="required {% if searchParameter.vars.errors is not empty %}error {% endif %}field">
					{% if searchParameter.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							{{ searchParameter.vars.errors }}
						</div>
					{% endif %}
					<a href="#" class="ui negative button remove_tag_link">x</a>
					{{ form_widget(searchParameter) }}
				</div>
			{% endfor %}
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Google Alerts Suchparameter</div>
		<div id="googleAlertsSearchParameters" data-prototype="{{ form_widget(customer_add_form.googleAlertsSearchParameters.vars.prototype)|e }}">
			{% for googleAlertsSearchParameter in customer_add_form.googleAlertsSearchParameters %}
				<div class="required {% if googleAlertsSearchParameter.vars.errors is not empty %}error {% endif %}field">
					{% if googleAlertsSearchParameter.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							{{ googleAlertsSearchParameter.vars.errors }}
						</div>
					{% endif %}
					<a href="#" class="ui negative button remove-btn">x</a>
					{{ form_widget(googleAlertsSearchParameter) }}
				</div>
			{% endfor %}
			<div>
				<a class="ui updoon button add-btn" href="#">Google Alerts Suchparameter hinzufügen</a>
			</div>
		</div>
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Länderauswahl</div>
		<div id="countries" data-prototype="{{ form_widget(customer_add_form.countries.vars.prototype)|e }}">
			{% for country in customer_add_form.countries %}
				<div class="required {% if country.vars.errors is not empty %}error {% endif %}field">
					{% if country.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							{{ country.vars.errors }}
						</div>
					{% endif %}
					<a href="#" class="ui negative button remove-btn">x</a>
					{{ form_widget(country, {'attr' : {'class' : 'dropdown-widget'}}) }}
				</div>
			{% endfor %}
			<div>
				<a class="ui updoon button add-btn" href="#">Land hinzufügen</a>
			</div>
		</div>
	</div>
	{{ form_widget(customer_add_form.submit, {'attr' : {'class' : 'ui updoon submit button'}, 'label' : 'Kunde anlegen'}) }}
	{{ form_end(customer_add_form) }}
{% endblock %}

{% block javascripts %}
	{{ parent() }}
	{% javascripts
	'%kernel.root_dir%/Resources/js/search-param-handler.js'
	'%kernel.root_dir%/Resources/js/google-alerts-search-param-handler.js'
	'%kernel.root_dir%/Resources/js/countriesListManager.js'
	filter='uglifyjs2'
	%}
	<script defer src="{{ asset_url }}"></script>
	{% endjavascripts %}
{% endblock %}