{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block breadcrumb %}
  <li>{{ 'product.import'|trans }}</li>
{% endblock breadcrumb %}
{% block header_css %}
	{{ parent() }}
	<link rel='stylesheet' href="{{ asset('bundles/officebrainproduct/css/Admin/brand_style.css') }}"></link>
{% endblock header_css %}
{% block main_content %}
 <div class="page-content">
 <div class="row">
	<div class="col-xs-12">
		<div class="row topspace">
			<div class="col-lg-12">
                
                <div role="tabpanel">
                  <!-- Nav tabs -->
                  <ul class="nav nav-tabs" role="tablist">
                    {% for key,culture in cultureArray %}
                        <li role="presentation" class="{{ (key==0) ? 'active' : '' }}"><a href="#{{ culture.name }}" aria-controls="{{ culture.name }}" role="tab" data-toggle="tab">{{ culture.description }}</a></li>
                    {% endfor %}
                  </ul>
                
                  <!-- Tab panes -->
                  <div class="tab-content">
                    {% for key,culture in cultureArray %}
                        <div role="tabpanel" class="tab-pane {{ (key==0) ? 'active' : '' }}" id="{{ culture.name }}" culture="{{ culture.name }}">
                        
                        
                        
                            {% if ROLE=='ROLE_SUPER_ADMIN' or ROLE=='ROLE_ADMINISTRATOR' %}
                            <div class="row">
                                <div class='parts col-lg-12 col-md-12 col-sm-12 col-xs-12'>
                                <div class="row">
                                    <div class='col-lg-3 col-md-3 col-sm-3 col-xs-3 text-right'>
                                        <label>{{'admin.supplier.label'|trans}}:<span class="required" title="This field is required"> *</span></label>
                                    </div>
                                    
                                    <div class='col-lg-4 col-md-4 col-sm-4 col-xs-4 input-container'>
                                        <select url="{{ import_export_product_complete_url }}" culture="{{ culture.name }}" class="_supplier_id" name="supplier_id" id="_supplier_id" style='width:100%' class='validate'>
                                            <option value="">Select Supplier</option>
                                            
                                            {% for index in SUPPLIERS %}
                                                {% if index.companyId.nameEn is defined  %}
                                                    {% set compName=(culture.name == 'fr')? index.companyId.nameFr:index.companyId.nameEn %}
                                                    <option value="{{ index.id }}" >{{ compName }}</option>
                                                {% endif %}
                                            {% endfor %}
                                        </select>
                                    </div>
                                    </div>
                                </div>
                                <div class="iframe iframe-{{ culture.name }}">
                				<iframe name="ifrm-{{ culture.name }}" id="ifrm-{{ culture.name }}"
                					src="{{ import_export_product_complete_url }}/{{ culture.name }}/0"
                					width="100%;" target='_top' height="600px;" &output='embed' frameborder="0">
                					<p>Your browser does not support this facility(iframes).</p>
                				</iframe>
                            </div>
                            </div>
                            {% else %}
                                <input class="_supplier_id" type="hidden" name="supplier_id" id="_supplier_id" value="{% if is_edit==false %}{{ LOGIN_ID }}{% endif %}" />
                                <div class="iframe iframe-{{ culture.name }}">
                    				<iframe name="ifrm-{{ culture.name }}" id="ifrm-{{ culture.name }}"
                    				    src="{{ import_export_product_complete_url }}/{{ culture.name }}/{{ LOGIN_ID }}"
                    					width="100%;" target='_top' height="600px;" &output='embed' frameborder="0">
                    					<p>{{ 'broser_not_support'|trans }}</p>
                    				</iframe>
                                </div>
                            {% endif %}
                
                
                            
                        </div>
                    {% endfor %}
                  </div>
                </div>
			
			</div>
		</div>
	</div>
</div>
                    <div class="container-fluid">
                    	<div class="row">
                    		<div class="col-sm-12">
							<!-- Tabs start  -->
		                    <ul id="" class="nav nav-tabs">
								{% for key,culture in language %}
								   <li class="active">
								   		<a href="{{ path('officebrain_bundle_brand_list_brand_wo_culture',{"culture" : key} ) }}" onClick="javascript:switchTabContent('{{path('officebrain_bundle_brand_list_brand_wo_culture')}}','{{ culture.id }}');" >{{ culture.name }}</a>
								   </li>
							   	{% endfor %}
							   
							</ul>
                            <div class="tab_content" id="tab_content_data"></div>
							<div id="myTabContent" class="tab-content">
							   <div class="tab-pane fade in active" id="culture">
						           
							<!-- Data table list End  -->
					   </div>
					</div>
                    </div>
						</div>
                  		</div>
                  </div>
{% block javascripts %}
  <script type="text/javascript"> 
    var js_culture =  {{ language|json_encode|raw }};
  </script>
  <script src="{{ asset('bundles/officebrainproduct/js/Admin/brandCommon.js') }}"></script>
{% endblock javascripts %}
{% endblock main_content %}