{% extends app.request.get('project_setting').instance_theme_path~':'~ app.request.get('project_setting').instance_theme ~':RequestQuote/LoadForm/addContactBookLayout.html.twig' %}

{% block request_quote_add_contact_book_name %}
	{{ form_widget(contactBookForm.name,{'attr':{'class':'input','data-toggle':'tooltip','data-placement':'bottom','title':'', 'data-original-title':'user.contact_book.name.label'|trans}} ) }}
	{{ form_errors(contactBookForm.name) }}
{% endblock request_quote_add_contact_book_name %}

{% block request_quote_add_contact_book_addresstype %}
	{{ form_widget(contactBookForm.adressType,{'attr':{'class':'custom-select js-addresstype','data-toggle':'tooltip','data-placement':'bottom','title':'', 'data-original-title':'user.contact_book.addressType.label'|trans}} ) }}
	{{ form_errors(contactBookForm.adressType) }}
{% endblock request_quote_add_contact_book_addresstype %}

{% block request_quote_add_contact_book_isOffice %}
	{{ form_widget(contactBookForm.isOffice,{'attr':{'class':'input','data-toggle':'tooltip','data-placement':'bottom','title':''}} ) }}
	{{ form_errors(contactBookForm.isOffice) }}
{% endblock request_quote_add_contact_book_isOffice %}

{% block request_quote_add_contact_book_email %}
	{{ form_widget(contactBookForm.email,{'attr':{'class':'input','data-toggle':'tooltip','data-placement':'bottom','title':'', 'data-original-title':'user.contact_book.email.label'|trans}} ) }}
	{{ form_errors(contactBookForm.email) }}
{% endblock request_quote_add_contact_book_email %}

{% block request_quote_add_contact_book_street1 %}
	{{ form_widget(contactBookForm.street1,{'attr':{'class':'input','data-toggle':'tooltip','data-placement':'bottom','title':'', 'data-original-title':'user.contact_book.street1.label'|trans}} ) }}
	{{ form_errors(contactBookForm.street1) }}
{% endblock request_quote_add_contact_book_street1 %}

{% block request_quote_add_contact_book_street2 %}
	{{ form_widget(contactBookForm.street2,{'attr':{'class':'input','data-toggle':'tooltip','data-placement':'bottom','title':'', 'data-original-title':'user.contact_book.street2.label'|trans}} ) }}
	{{ form_errors(contactBookForm.street2) }}
{% endblock request_quote_add_contact_book_street2 %}

{% block request_quote_add_contact_book_countryId %}
	{{ form_widget(contactBookForm.countryId,{'attr':{ 'class':'custom-select js-country','data-original-title': 'user.contact_book.countryId.label'|trans, 'data-placement':'bottom', 'data-toggle':'tooltip' }}) }}
	{{ form_errors(contactBookForm.countryId) }}
{% endblock request_quote_add_contact_book_countryId %}

{% block request_quote_add_contact_book_countryName %}
	{{ form_widget(contactBookForm.countryName,{'attr':{'class':'input','data-original-title': 'user.contact_book.countryId.label'|trans , 'data-placement':'bottom', 'data-toggle':'tooltip' }}) }}
	{{ form_errors(contactBookForm.countryName) }}
{% endblock request_quote_add_contact_book_countryName %}

{% block request_quote_add_contact_book_stateId %}
	{{ form_widget(contactBookForm.stateId,{'attr':{'class':'custom-select  js-state','data-original-title': 'user.contact_book.stateId.label'|trans , 'data-placement':'bottom', 'data-toggle':'tooltip' }}) }}
	{{ form_errors(contactBookForm.stateId) }}
{% endblock request_quote_add_contact_book_stateId %}

{% block request_quote_add_contact_book_stateName %}
	{{ form_widget(contactBookForm.stateName,{'attr':{'class':'input','data-original-title': 'user.contact_book.stateId.label'|trans , 'data-placement':'bottom', 'data-toggle':'tooltip' }}) }}
	{{ form_errors(contactBookForm.stateName) }}
{% endblock request_quote_add_contact_book_stateName %}

{% block request_quote_add_contact_book_cityId %}
	{{ form_widget(contactBookForm.cityId,{'attr':{'class':'chosen-select js-city','data-original-title': 'user.contact_book.cityId.label'|trans , 'data-placement':'bottom', 'data-toggle':'tooltip' }}) }}
	{{ form_errors(contactBookForm.cityId) }}
{% endblock request_quote_add_contact_book_cityId %}

{% block request_quote_add_contact_book_cityName %}
	{{ form_widget(contactBookForm.cityName,{'attr':{'class':'input','data-original-title': 'user.contact_book.cityId.label'|trans , 'data-placement':'bottom', 'data-toggle':'tooltip' }}) }}
	{{ form_errors(contactBookForm.cityName) }}
{% endblock request_quote_add_contact_book_cityName %}

{% block request_quote_add_contact_book_zipcode %}
	{{ form_widget(contactBookForm.zipcode,{'attr':{'class':'input js-zipcode','data-toggle':'tooltip','data-placement':'bottom','title':'', 'data-original-title':'user.contact_book.zipcode.label'|trans}} ) }}
	{{ form_errors(contactBookForm.zipcode) }}
{% endblock request_quote_add_contact_book_zipcode %}

{% block request_quote_add_contact_book_extension %}
	{{ form_widget(contactBookForm.extension,{'attr':{'class':'input','data-toggle':'tooltip','data-placement':'bottom','title':'', 'data-original-title':'user.contact_book.extension.label'|trans}} ) }}
	{{ form_errors(contactBookForm.extension) }}
{% endblock request_quote_add_contact_book_extension %}

{% block request_quote_add_contact_book_phone %}
	{{ form_widget(contactBookForm.phone,{'attr':{'class':'input js-phone','autocomplete':'off','data-toggle':'tooltip','data-placement':'bottom','title':'', 'data-original-title':'user.contact_book.phone.label'|trans}} ) }}
	{{ form_errors(contactBookForm.phone) }}
{% endblock request_quote_add_contact_book_phone %}

{% block request_quote_add_contact_book_mobile %}
	{{ form_widget(contactBookForm.mobile,{'attr':{'class':'input js-phone','autocomplete':'off','data-toggle':'tooltip','data-placement':'bottom','title':'', 'data-original-title':'user.contact_book.mobile.label'|trans}} ) }}
	{{ form_errors(contactBookForm.mobile) }}
{% endblock request_quote_add_contact_book_mobile %}

{% block request_quote_add_contact_book_fax %}
	{{ form_widget(contactBookForm.fax,{'attr':{'class':'input js-phone','autocomplete':'off','data-toggle':'tooltip','data-placement':'bottom','title':'', 'data-original-title':'user.contact_book.fax.label'|trans}} ) }}
	{{ form_errors(contactBookForm.fax) }}
{% endblock request_quote_add_contact_book_fax %}

{% block request_quote_add_contact_book_website %}
	{{ form_widget(contactBookForm.website,{'attr':{'class':'input','data-toggle':'tooltip','data-placement':'bottom','title':'', 'data-original-title':'user.contact_book.website.label'|trans}} ) }}
	{{ form_errors(contactBookForm.website) }}
{% endblock request_quote_add_contact_book_website %}

{% block request_quote_add_contact_book_form_btn_submit %}
	<input type="button" tabindex="17" value="{{ 'user.contact_book.submit.label'|trans }}" class="btn btn-default js-transaction-submit-btn">
{% endblock request_quote_add_contact_book_form_btn_submit %}
{% block request_quote_add_contact_book_form_btn_reset %}
	<input type="reset" tabindex="18" value="{{ 'reset'|trans({},'app') }}" class="btn btn-default" />
{% endblock request_quote_add_contact_book_form_btn_reset %}

{% block request_quote_add_contact_book_js %}
	<!-- TO DO MAKE ONE BLOCK FOR THIS -->
	<script type="text/javascript"> 
		$("#contact_book_add .custom-select").each(function () {
			$(this).wrap("<span class='checkout-select-wrapper select-block'></span>");
			$(this).after("<span class='checkout-holder'></span>");
			var selectedOption = $(this).find(":selected").text();
			$(this).parents(".checkout-select-wrapper").find(".checkout-holder").text(selectedOption);
		});
		$(document).on('change','.custom-select', function() {
			var selectedOption = $(this).find(":selected").text();
			$(this).parents(".checkout-select-wrapper").find(".checkout-holder").text(selectedOption);
		});
		//$('.custom-select').trigger('change');
		$(document).on('click', '.custom-select option', function() {
			$(this).parents(".checkout-select-wrapper").find(".checkout-holder").html('<span>'+ this.innerHTML+ '</span>');
		});
		
		$(".js-city").chosen();
	    var city = "{{ 'user.contact_book.cityId.label'|trans }}";
		var pr = $(".js-city").parent();
		$(".chosen-container", pr).tooltip({
		    placement: "bottom"
		}).attr('data-original-title', city);

		$(document).ready(function(){
			$('.reset_all_fields').click(function(){
				
				var frm = $(this).closest('form');
				
				var option_childs = $(frm).find('.js-state option');
				for(var i=1; i<option_childs.length; i++){
					$(option_childs[i]).remove();
				}
				
				var option_childs = $(frm).find('.js-city option');
				for(var i=1; i<option_childs.length; i++){
					$(option_childs[i]).remove();
				}
				$(".js-city").trigger("chosen:updated");
				$(".js-city").chosen();
				// Position field now displays the appropriate positions.
				//$('.js-city').find("option").first().click();
			});

			$('#contact_book_add option[value=1]').remove();
		});
	</script>	
{% endblock request_quote_add_contact_book_js %}