{% extends "::adminBaseAjax.html.twig" %}

{% block ajax_body %}
    {#{ ob_project_setting.locale_language }#}
{% set countryId = 0 %}
	{% set languageId = 0 %}
	{% for key,item in country %}
		{% if key == ob_project_setting.locale_language|split('_')|last %}
			{% set countryId = item.id %}
			{% if language[ob_project_setting.locale_language|split('_')|first] is defined %}
				{% set languageId = language[ob_project_setting.locale_language|split('_')|first].id %}
			{% endif %}
		{% endif %}
	{% endfor %}
<div class="ui-table-block col-lg-12 col-md-12 col-xs-12">
<div class="ui-content-block">

            <div class="row">
                <div class="form-group">
                    <div class="col-xs-12">
                    </div>
                    <div class="js_subshop_search_criteria_countryid col-lg-3 col-xs-12 inline-radio" id="officebrain_bundle_subshopbundle_subshopsearchcriteria_countryId">
                        {% for child in country %}
                            
                            <div class="radio">
                                <label>
                                    <input type="checkbox" id="officebrain_bundle_subshopbundle_subshopsearchcriteria_countryId_{{ child.id }}"
                                    name="officebrain_bundle_subshopbundle_subshopsearchcriteria[countryId]"
                                     class="country_ids" value="{{ child.id }}" />
                                    <span class="lbl">{{ child.name }}</span>

                                </label>
                            </div>
                            
                        {% endfor %}

                        {# for child in country %}
                        	{% if countryId == child.id %}
                        	<div class="radio">
                                <label>
                                    <input type="checkbox" id="officebrain_bundle_subshopbundle_subshopsearchcriteria_countryId_{{ child.id }}"
                                    name="officebrain_bundle_subshopbundle_subshopsearchcriteria[countryId]"
                                     class="country_ids" value="{{ child.id }}" />
                                    <span class="lbl">{{ child.name }}</span>

                                </label>
                            </div>
                            {% endif %}
                        {% endfor #}
                    </div>
                </div>
            </div>

            <div class="js_subshop_search_criteria_country_tab_content tab-block add-banner-tab-block" id="js_subshop_search_criteria_country_tab_content">
                
                <ul class="nav nav-tabs" id="js_subshop_search_criteria_country_tab">
                    {% for country in country %}
                        {% for key in country.language|keys %}
                            {% if key == ob_project_setting.locale_language|split('_')|first %}
                                <li class="{{ country.id == countryId ? 'active' : '' }} js_subshop_search_criteria_country_tab_{{ country.id }}" data-country-locale="{{ key }}_{{ country.short_name }}">
                                <a data-toggle="tab" href="#js_subshop_search_criteria_country_tab_content_{{country.id }}" aria-expanded="false" }}  >
                                    {{ country.name }}
                                </a>
                                </li>
                            {% endif %}
                        {% endfor %}    
                    {% endfor %}                    

                    {# for country in country %}
                    	{% if countryId == country.id %}
                    	<li class="{{ country.id == countryId ? 'active' : '' }} js_subshop_search_criteria_country_tab_{{ country.id }}">
							<a data-toggle="tab" href="#js_subshop_search_criteria_country_tab_content_{{country.id }}" {{ country.id == countryId ? 'aria-expanded="true"' : 'aria-expanded="false"' }} >
                            	{{ country.name }}
                        	</a>
                    	</li>
                    	{% endif %}
                    {% endfor #}
                </ul>
                <div id="myTabContent" class="tab-content">
                    {% for country in country %}
                        
                        <div class="ob-admin-advance-search">
                            <div id="js_subshop_search_criteria_country_tab_content_{{country.id }}" class="tab-pane fade header-advace-search ob-advance-search">                              
                                <label class="required">{{ 'subshop.form.search_criteria'|trans }}</label> <span class="red">*</span>
                                <form id="search-criteria-attribute" data-query="{% if product[country.id] is defined %}{{ product[country.id]| json_encode }}{% endif %}">
                                </form>
                            </div>
                        </div>
                        
                    {% endfor %}

                    {# for country in country %}
						{% if countryId == country.id %}
                    	<div class="ob-admin-advance-search">
	                        <div id="js_subshop_search_criteria_country_tab_content_{{country.id }}" class="tab-pane fade header-advace-search ob-advance-search">	                            
                                    <label class="required">{{ 'subshop.form.search_criteria'|trans }}</label> <span class="red">*</span>
                                    <form id="search-criteria-attribute" data-query="{% if product[country.id] is defined %}{{ product[country.id]| json_encode }}{% endif %}">
                                    </form>
	                        </div>
	                    </div>
	                    {% endif %}
	                {% endfor #}
                </div>
                
                    {# for key,item in country %}
                        <li {{ item.id == countryId ? 'class="active"' : '' }}>
                            <a href="#{{key}}"  data-toggle="tab"
                               onClick="rule_master.switchTabContent('{{path('office_brain_servicegroupbundle_catalogrulemasteradmin_listajax',{ 'countryId':item.id}|merge(app.request.query.all)) }}', '');">{{ item.name }}</a>
                        </li>
                    {% endfor #}
            </div>

            <div class="form-group">
                <button type="button" id="search-criteria-submit" class="customize-btn">{{ 'subshop.form.save'|trans }}</button>
                <input type="reset" class="customize-btn" value="{{ 'subshop.form.reset'|trans }}"/>
            </div>
        </div>
    </div>

	{% javascripts '@OfficeBrainSubShopBundle/Resources/public/js/subshop_search_criteria.js' %}
	   <script>
	    var searchCriterias = [];
	    var saveUrl = '{{ path('office_brain_subshopbundle_subshopadmin_subshopsiteproductsaveajax',{'id':id}) }}';
	   </script>
		<script src="{{ asset_url }}"></script>
	{% endjavascripts %}

{% endblock ajax_body %}