{% extends app.request.get('project_setting').instance_theme_path~':'~ app.request.get('project_setting').instance_theme ~':ProductDetail/shippingRateEstimatorLayout.html.twig' %}

{% block modal_header_icon %}<i class="strip estimator-popup-strip"></i>{% endblock modal_header_icon %}

{% block productlabeltitle_block %} 
	{{'shipping_estimator.form.product.label'|trans}}
{% endblock productlabeltitle_block %}

{% block productlabelname_block %}
    {{productDetail.productName}}
{% endblock productlabelname_block %}

{% block productlabelsku_block %}
    {{productDetail.productSku}}
{% endblock productlabelsku_block %}

{% block productqtylabel_block %}
    {{ form_label(form.qty, 'shipping_estimator.form.qty.label'|trans) }} <span class="red" title="{{ 'this_field_is_required'|trans({}, 'app') }}">*</span>
{% endblock productqtylabel_block %}

{% block productqty_block %}
    {{ form_widget(form.qty, { 'attr': {'class': 'input','title':'shipping_estimator.form.qty.tool_tip'|trans,'data-placement':'bottom', 'data-toggle':'tooltip'} }) }}
    {{ form_errors(form.qty) }}
{% endblock productqty_block %}

{% block countrylabel_block %}
    {{ form_label(form.country, 'shipping_estimator.form.country.label'|trans) }} <span class="red" title="{{ 'this_field_is_required'|trans({}, 'app') }}">*</span>
{% endblock countrylabel_block %}
    
{% block country_block %}
    {{ form_widget(form.country, { 'attr': {'class': 'input custom-select js-country','title':'shipping_estimator.form.country.tool_tip'|trans,'data-placement':'bottom', 'data-toggle':'tooltip'} }) }}
    {{ form_errors(form.country) }}
{% endblock country_block %}

	{% if app.request.get('project_setting').user_id>0 %}
		{% set displayState = app.request.get('project_setting').configuration_rule.transaction.shipping_estimator.option.registered_user.option.rate.option.shipping_estimator_calculation_service.option.is_state_list%}
	{% else %}
		{% set displayState = app.request.get('project_setting').configuration_rule.transaction.shipping_estimator.option.guest_user.option.rate.option.shipping_estimator_calculation_service.option.is_state_list%}
	{% endif %}
	{% if displayState == 1%}
		{% block statelabel_block %}
		    {{ form_label(form.state, 'shipping_estimator.form.state.label'|trans) }} <span class="red" title="{{ 'this_field_is_required'|trans({}, 'app') }}">*</span>
		{% endblock statelabel_block %}
		    
		{% block state_block %}
		    {{ form_widget(form.state, { 'attr': {'class': 'input custom-select js-state','title':'shipping_estimator.form.state.tool_tip'|trans,'data-placement':'bottom', 'data-toggle':'tooltip'} }) }}
		    {{ form_errors(form.state) }}
		{% endblock state_block %}
	{% endif %}
	{% if app.request.get('project_setting').user_id>0 %}
		{% set displayCity = app.request.get('project_setting').configuration_rule.transaction.shipping_estimator.option.registered_user.option.rate.option.shipping_estimator_calculation_service.option.is_city_list%}
	{% else %}
		{% set displayCity = app.request.get('project_setting').configuration_rule.transaction.shipping_estimator.option.guest_user.option.rate.option.shipping_estimator_calculation_service.option.is_city_list%}
	{% endif %}
	{% if displayCity == 1%}
		{% block citylabel_block %}
		    {{ form_label(form.city, 'shipping_estimator.form.city.label'|trans) }} <span class="red" title="{{ 'this_field_is_required'|trans({}, 'app') }}">*</span>
		{% endblock citylabel_block %}
		    
		{% block city_block %}
		    {{ form_widget(form.city, { 'attr': {'class': 'input chosen-select js-city','title':'shipping_estimator.form.city.tool_tip'|trans,'data-placement':'bottom', 'data-toggle':'tooltip'} }) }}
		    {{ form_errors(form.city) }}
		{% endblock city_block %}
	{% endif %}
{% block zipcodelabel_block %}
    {{ form_label(form.zip_code, 'shipping_estimator.form.zip_code.label'|trans) }} <span class="red" title="{{ 'this_field_is_required'|trans({}, 'app') }}">*</span>
{% endblock zipcodelabel_block %}

{% block zipcode_block %}
    {{ form_widget(form.zip_code, { 'attr': {'class': 'input','title':'shipping_estimator.form.zip_code.tool_tip'|trans,'data-placement':'bottom', 'data-toggle':'tooltip'} }) }}
    {{ form_errors(form.zip_code) }}
{% endblock zipcode_block %}

{% block isresidentlabel_block %}
    {{ form_label(form.is_resident, 'shipping_estimator.form.is_resident.label'|trans) }}
{% endblock isresidentlabel_block %}
    
{% block isresident_block %}
    {{ form_widget(form.is_resident, { 'attr': {'class': 'input','title':'shipping_estimator.form.is_resident.tool_tip'|trans,'data-placement':'bottom'} }) }}
    {{ form_errors(form.is_resident) }}
{% endblock isresident_block %}

{% block shippingtypelabel_block %}
		{{ form_label(form.shipping_type, 'shipping_estimator.form.shipping_type.label'|trans) }} <span class="red" title="{{ 'this_field_is_required'|trans({}, 'app') }}">*</span>
{% endblock shippingtypelabel_block %}

{% block shippingtype_block %}
    {{ form_widget(form.shipping_type, { 'attr': {'class': 'input','title':'shipping_estimator.form.shipping_type.tool_tip'|trans,'data-placement':'bottom'} }) }}
    {{ form_errors(form.shipping_type) }}
{% endblock shippingtype_block %}

{% block hiddenvalues_block %}
    <input type="hidden" name="type" value="rate" />
    <input type="hidden" name="productId" value="{{productDetail.productId}}" />
{% endblock hiddenvalues_block %}

{% block message_block %}
    <div class="text-center" id="message"></div>
{% endblock message_block %}