{% extends app.request.get('project_setting').instance_theme_path~':'~ app.request.get('project_setting').instance_theme ~':User/MyAccount/myAccountLocateDistributorLayout.html.twig' %}

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

{% block zip_code %}
	{{ form_widget(form.zipcode,{'attr':{'tabindex': '1', 'class':'input js-zipcode-dist','data-original-title': 'user.locate_distributor.zipcode'|trans, 'data-placement':'bottom', 'data-toggle':'tooltip' }}) }}
    {{ form_errors(form.zipcode) }}
{% endblock zip_code %}

{% block state_id %}
	{{ form_widget(form.stateId,{'placeholder': 'user.locate_distributor.stateId'|trans, 'empty_data':'','attr':{'tabindex': '2', 'class':'custom-select js-distributor-state','data-original-title': 'user.locate_distributor.stateId'|trans, 'data-placement':'bottom', 'data-toggle':'tooltip' }}) }}
	{{ form_errors(form.stateId) }}
{% endblock state_id %}

{% block locate_distributor %}

	{% for dist in distributors %}	
		<option value="{{ dist.id }}" {% if locatedDistributorId is defined and locatedDistributorId == dist.id %} selected {% endif %} data-state="{{ dist.stateId }}">{{dist.companyName}}{# dist.firstName~' '~dist.lastName #}</option>
	{% endfor %}
{% endblock locate_distributor %}

{% block footer_js %}
    {{ parent() }}
    {% javascripts '@OfficeBrainPageBundle/Resources/public/js/bundle/locate_distributor.js'
    			   '@OfficeBrainUserBundle/Resources/public/js/signup.js'
    			   output='js/SupplierTheme/project_libraries_locate_distributor.js'  
    %}
        <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}    
{% endblock footer_js %}