{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block breadcrumb %}
        <li> {{ 'product_import_export.export_product_data'|trans }}</li>
{% endblock breadcrumb %}
{% block main_page_title %}<h1><i class="fa fa-cube"></i> {{ 'product_import_export.export_product_data'|trans }}</h1>{% endblock main_page_title %}

{% block main_content %}
{% set block_class= ob_project_product_management_configuration_rule.add_update.import_export.export_brand_wise is defined and  ob_project_product_management_configuration_rule.add_update.import_export.export_brand_wise == 1 ? "col-lg-3 col-md-4 col-xs-12 col-sm-6" : "col-lg-4 col-md-4 col-xs-12 col-sm-6" %}
			<div class="navbar navbar-default top-dropdown">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
					<form id="productExport" class="col-xs-12" novalidate="" action="{{path('officebrain_product_export')}}" method="post" name="product_export">
                        <div class="form-group  select-col">
	                        	<div class="{{ block_class }}">
	                        		<label>{{ 'PRODUCT_LIST.SUPPLIER'|trans }}</label>
		                   			{% if ob_project_user_setting.user_data.userType=='admin' and (data.INSTANCE_TYPE=='association' or data.INSTANCE_TYPE=='distributor' or data.INSTANCE_TYPE=='supplier' ) %}           	
			                            <select class="form-control" name="supplier_id" id="js_supplier_select">
			                                <option value="">{{ 'PRODUCT_LIST.SELECT_SUPPLIER'|trans }}</option>                                
			                                {% for key, supplier_ids in data.supplier_data %}
			                                    <option value="{{ supplier_ids.supplier_id }}" {% if(data.supplier_id == supplier_ids.supplier_id)%}selected="selected"{%endif %}>{{ supplier_ids.firstName }}</option>
			                                {% endfor %}
			                            </select>
		                        	{% elseif ob_project_user_setting.user_data.userType=='supplier' or ob_project_user_setting.user_data.userType=='distributor' %}
		                        		<select class="form-control" name="supplier_id" id="js_supplier_select">
		                            		<option value="{{ ob_project_user_setting.user_data.obCustomerId | replace({'OB':'','ob':''}) }}">{{ ob_project_user_setting.user_data.userCompany.companyName }}</option>
		                            	</select>  
		                        		<input type='hidden' name="supplier_id" id="js_supplier_select" value='{{ ob_project_user_setting.user_data.obCustomerId | replace({'OB':'','ob':''}) }}'>
		                            {%  else  %}
		                            	<select class="form-control" name="supplier_id" id="js_supplier_select">
		                            		<option value="" {% if(data.supplier_id == "0")%}selected="selected"{%endif %}>{{ 'PRODUCT_LIST.SELECT_SUPPLIER'|trans }}</option>
		                            	</select>                            
		                          	{% endif %}
		                         </div>
		                         {% if ob_project_product_management_configuration_rule.add_update.import_export.export_brand_wise is defined and ob_project_product_management_configuration_rule.add_update.import_export.export_brand_wise == 1 %}
		                         <div class="{{ block_class }}">
		                        	<label>{{ 'product.brand.list'|trans }}</label>
		                        	<select class="form-control" name="brand_id" id="js_brand_select">
			                        	<option value="" >{{ 'product.brand.SELECT_BRAND'|trans }}</option>
										{% for key, brand_ids in data.brand_data %}
                                			<option value="{{ brand_ids.brand_id }}">{{ brand_ids.name }}</option>
                            			{% endfor %}
			                        </select>
		                        </div>
		                        {% endif %}
								<div class="{{ block_class }}">
									<label>{{ 'product_add_edit.country'|trans }}</label>
	                        		<select class="form-control" name="country_id" id="js_country_select">
		                                <option value="" short_name="">{{ 'product_import_export.SELECT_COUNTRY'|trans }}</option>
		                                {% for key, country in data.country_data %}
		                                    <option value="{{ country.id }}" short_name="{{ country.code }}">{{ country.title }}</option>
		                                {% endfor %}
		                            </select>
                        		</div>
		                        <div class="{{ block_class }}">
		                        <label>{{ 'PRODUCT_LIST.CULTURE'|trans }}</label>
		                        		<select class="form-control" name="culture_id" id="js_culture_select" disabled="disabled">
			                                <option value="" >{{ 'product_import_export.SELECT_CULTURE'|trans }}</option>
{# 			                                {% for key, culture in data.language_data %}#}
{# 			                                    <option value="{{ culture.id }}">{{ culture.name }}</option>#}
{# 			                                {% endfor %}#}
			                            </select>
		                        </div>
		                        
		                        <div class="col-lg-12 text-center">
		                        <br><br>
		                        	<input type="hidden" name="project_id" value="{{ data.project_id }}" />
									<input type="submit" value="{{ 'product_import_export.export'|trans }}" class="button-secondary" style="visibility: visible;">&nbsp;
									<a id="exportlink" ><input id="download_button" type="button" value=Download class="button-secondary" style="display: none;"></a>
{# 									<input type="submit" value="Export" class="button-secondary" style="visibility: visible;">&nbsp;#}
		                        </div>
		                  </div>      
                	</div>
				</div>
				</div>
				</div>
{% block javascripts %}					
<script type="text/javascript">
var js_locale = "{{ app.request.locale }}"
var countryData = {{ data.country_array| json_encode |raw}};
var cultureData = {{ data.language_data| json_encode | raw}};

$("#js_country_select").change(function () {
	$('#js_culture_select').attr("disabled", "disabled");
    var code = $(this).find(':selected').attr('short_name');
    if(code !="" && code.length >0){
        var short_name = [];
	    $.each(countryData[code]['language'], function(key, value) {
	    	short_name.push(key);
	  	});
	    $('#js_culture_select').children('option:not(:first)').remove();
	    $('#js_culture_select').removeAttr("disabled");
	    $.each(cultureData, function(key, value) {
	    	if(jQuery.inArray(key, short_name) !== -1){
				$('<option>').val(value.id).text(value.name).attr("lang_code", key).appendTo('#js_culture_select');
		    }
	  	});
    }
});

/*
$("#js_culture_select").change(function () {
	var supplier_id = $("#js_supplier_select").find(':selected').val();
	var country_code = $("#js_country_select").find(':selected').attr('short_name');
	var lang_code = $("#js_culture_select").find(':selected').attr('lang_code');

	if(lang_code!='' && lang_code.length > 0 && country_code!='' && country_code.length>0){
		var culture_code = lang_code + "_" + country_code;
		var ajaxURL = Routing.generate('officebrain_bundle_ajax_supplierwise_brand_list',{'_locale':js_locale});
		showAjaxLoading();
		$.ajax({
			url: ajaxURL,
			data: {'supplier_id': supplier_id,'culture':culture_code},
			type:'GET', //or GET
			dataType: 'json',
			success: function(data){
				hideAjaxLoading();
				if(data.status == "success"){
					$.each(data.brand_data, function (index, BrandDataObj) {
						var brand_select ='';
						$.each(data.brand_data[index], function (i, BrandDataSubObj) {
							$(brand_select).append($('<option/>',{'value':BrandDataSubObj['brand_id'],'text':BrandDataSubObj['name']}));
						});
						$("#js_culture_select").find(".brand-list").empty().append(brand_select);
					});
				}
			}
		});
	}
})
*/

$('#productExport').submit(function(e) {
	if($.trim($("#js_supplier_select").val()) == ""){
		bootbox.alert( Translator.trans('ADMIN_PRODUCT_IMPORT_EXPORT.PLEASE_SELECT_SUPPLIER'));
		return false;
	}

	if($("#js_country_select").val() == ""){
		bootbox.alert( Translator.trans('ADMIN_PRODUCT_IMPORT_EXPORT.PLEASE_SELECT_COUNTRY'));
		return false;
	}

	if($("#js_culture_select").val() == ""){
		bootbox.alert( Translator.trans('ADMIN_PRODUCT_IMPORT_EXPORT.PLEASE_SELECT_CULTURE'));
		return false;
	}
	$('#download_button').hide();
    e.preventDefault();
    showAjaxLoading();
    $.post($(this).attr('action'), $(this).serialize(), function(json) {
    	if(json.status == 'success'){
        	var export_url = json.fileurl;
    		hideAjaxLoading();
    		showSuccessMessage(Translator.trans('ADMIN_PRODUCT_IMPORT_EXPORT.EXPORT_SUCCESS'));
    		$('#download_button').css('display', 'inline-block');
			$('#exportlink').attr('href',export_url);	
    	}
    	else{
    		hideAjaxLoading();
    		showErrorMessage(json.message);
        }
    });
});
</script>
{% endblock javascripts %}

{% endblock main_content %}