{% extends '::baseAjax.html.twig' %}
{% block ajax_body %}

<div class="modal-box billing-address-modal">
    <button class="modal-close" type="button" onclick="closeModal('billingAddressModal')" aria-label="Close">&times;</button>

{% set ob_city_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['city']['option']['dropdown']['status'] %}
{% set ob_city_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['city']['option']['textbox']['status'] %}
{% set ob_state_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['state']['option']['dropdown']['status'] %}
{% set ob_state_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['state']['option']['textbox']['status'] %}
{% set ob_country_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['country']['option']['dropdown']['status'] %}
{% set ob_country_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['country']['option']['textbox']['status'] %}


<h2 class="billing-modal-title">Billing address</h2>
<p class="billing-modal-note">All fields are required unless they're explicitly
    marked as optional.</p>

<form action="{{ path('office_brain_userbundle_contactbook_editcontactbookcheckoutpost',{'contactBookId':contactBookId})}}" method="post" id="contact_book_edit" novalidate>
{% set counter = app.request.get('counter',null) %}
{% if counter != null %}
	<input type="hidden" name="counter" value="{{ app.request.get('counter') }}" />
{% endif %}

<input type="hidden" id="js_contact_id" name="contact_id" value="{{contactBookId}}">
{% block request_quote_edit_contact_book_email %}{% endblock request_quote_edit_contact_book_email %}

<div class="form-group full" style="margin-bottom:14px;">
    <label>{{ 'user.contact_book.countryId.label'|trans }}</label>
    {% block request_quote_edit_contact_book_countryId %}{% endblock request_quote_edit_contact_book_countryId %}
</div>

<div class="form-grid">
    <div class="form-group">
        <label>{{ 'First and last name' }}</label>
        {% block request_quote_edit_contact_book_name %}{% endblock request_quote_edit_contact_book_name %}
    </div>

    <div class="form-group">
        <label>{{ 'user.contact_book.phone.label'|trans }}</label>
        {% block request_quote_edit_contact_book_phone %}{% endblock request_quote_edit_contact_book_phone %}
    </div>
    <div class="form-group full">
        <label for="street1">{{ 'Address' }}</label>
        {% block request_quote_edit_contact_book_street1 %}{% endblock request_quote_edit_contact_book_street1 %}
    </div>
    <div class="form-group form-group--city">
        <label>City</label>
        {% block request_quote_edit_contact_book_cityName %}{% endblock request_quote_edit_contact_book_cityName %}
    </div>
    <div class="form-group form-group--zip js-zipcode-validate">
        <label for="zipcode">{{ 'user.contact_book.zipcode.label'|trans }}</label>
        {% block request_quote_edit_contact_book_zipcode %}{% endblock request_quote_edit_contact_book_zipcode %}
    </div>
    <div class="form-group full">
        <label for="stateId">{{ 'user.contact_book.stateId.label'|trans }}</label>
        {% block request_quote_edit_contact_book_stateId %}{% endblock request_quote_edit_contact_book_stateId %}
    </div>

    <!-- All hide flds -->
    <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12 hide">
		<div class="form-group">
			<label class="checkout-label" for="name">{{ 'user.contact_book.companyName.label'|trans }}</label>
			{% block order_add_contact_book_company_name %}{% endblock order_add_contact_book_company_name %}
		</div>
	</div>

    <div class="col-sm-6 col-xs-12 hide">
        <div class="form-group inp-parts">
        	<label class="checkout-label" for="adressType">{{ 'user.contact_book.addressType.label'|trans }}<span class="mandatory-field">*</span></label>
			{% block request_quote_edit_contact_book_adressType %}{% endblock request_quote_edit_contact_book_adressType %}
        </div>
    </div>

    <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12 js-isoffice" style="display: none;">
        <div class="form-group">
        	<label class="checkout-label" for="isOffice"></label>
        	{% block request_quote_edit_contact_book_isOffice %}{% endblock request_quote_edit_contact_book_isOffice %}
        </div>
    </div>

    <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12 hide">
        <div class="form-group">
        	<label class="checkout-label" for="street2">{{ 'user.contact_book.street2.label'|trans }}</label>
        	{% block request_quote_edit_contact_book_street2 %}{% endblock request_quote_edit_contact_book_street2 %}
        </div>
    </div>

    <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12 hide">
        <div class="form-group">
        	<label class="checkout-label" for="extension">{{ 'user.contact_book.extension.label'|trans }}</label>
			{% block request_quote_edit_contact_book_extension %}{% endblock request_quote_edit_contact_book_extension %}
        </div>
    </div>
    <div class="hide">{{ form_rest(contactBookForm, {'display': 'hidden'}) }}</div>
</div>
<button type="button" class="btn-continue js-transaction-submit-btn-checkout-billing">CONTINUE</button>
</form>
</div>
{% block request_quote_edit_contact_book_js %}{% endblock request_quote_edit_contact_book_js %}

{% endblock ajax_body %}