{% extends 'OfficeBrainCustomBundleThemeBundle:'~ app.request.get('project_setting').instance_theme ~':User/myAccountLayout.html.twig' %}

{% block seo_meta_title %}{{ 'user.my_account_info.label'|trans ~ ' - ' ~ parent() }}{% endblock seo_meta_title %}

{% block bread_crumb_after_home %}
    <li><a href="{{ url('office_brain_userbundle_user_my_account_info') }}">{{ 'my_account'| trans({},"app") }}</a><i class="fa fa-angle-right fa-fw"> </i></li>
    <li><strong>{{ 'user.locate_distributor.label'|trans }}</strong></li>
{% endblock bread_crumb_after_home %}


{% block page_title_block %}{% endblock page_title_block %}

{% block page_main_content %}
	<div class="ob-my-loaction-block">
    	<h1 class="main-title"><i class="fa fa-map-marker"></i>{{ 'user.locate_distributor.label'|trans }}</h1>
		<h3 class="locate_title">{{ 'user.locate_distributor.corrugated_as'|trans }}</h3>
		<input type="button" class="btn btn-default" id="js_distributor" value="{{ 'user.locate_distributor.change_distributor'|trans }}" >
        <div class="locate-distributor js_locate_distributor_block" {% if app.request.getMethod=='GET' %}style="display: none;"{% endif %}>
        	<div class="row">
            	<div class="col-sm-12 col-md-4 col-lg-4 col-xs-12">
                	{{ form_start(form, { 'action': path('office_brain_userbundle_user_my_account_locate_distributor_post'), 'attr': {'novalidate':'true','id':'locate_distributor'}}) }}
                    	<div class="row">
                        	{% if ob_project_user_configuration_rule.locate_distributor.option.zipcode.status == 1 %}
	                        	<div class="col-xs-12">
	                            	<div class="form-group">
	                                	{{ form_label(form.zipcode, 'user.locate_distributor.zipcode'|trans) }}
	                                	{% block zip_code %}{% endblock zip_code %}
									</div>
								</div>
							{% endif %}
							{% if ob_project_user_configuration_rule.locate_distributor.option.state.status == 1 %}
                            	<div class="col-xs-12">
                                	<div class="form-group inp-parts">
										{{ form_label(form.stateId, 'user.locate_distributor.stateId'|trans) }}
										{% block state_id %}{% endblock state_id %}
									</div>
								</div>
							{% endif %}
							<div class="col-xs-12">
                            	<div class="form-group inp-parts">
                                	<label for="locate_distributor" class="checkout-label">{{ 'user.locate_distributor.locatedDistributorId'|trans }}<i class="mandatory-field">*</i></label>
                                    <select name="locate_distributor" id="locate_distributor" class="custom-select js-locate-distributor" data-original-title="{{ 'user.locate_distributor.locatedDistributorId'|trans }}"  data-placement="bottom" data-toggle="tooltip">
										<option data-state="default" value="">{{ 'user.locate_distributor.locatedDistributorId'|trans }}</option>
										{% block locate_distributor %}{% endblock locate_distributor %}
									</select>
                                    {% if errors.form_errors.locatedDistributorId is defined %}
										<ul><li>{{ errors.form_errors.locatedDistributorId }}</li></ul>
									{% endif %}
								</div>
							</div>
                            <div class="col-xs-12">
                            	<input type="submit" class="btn btn-default" value="{{ 'user.locate_distributor.submit'|trans }}"/>
                                <input type="button" value="{{ 'reset'|trans({},'app') }}" class="btn btn-default js-reset-locate-distributor" />
							</div>
						</div>
					{{ form_end(form) }}
				</div>
			</div>
		</div>
	</div>
{% endblock page_main_content %}