{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block breadcrumb %}
<li><a href="{{ path('office_brain_page_admin_product_management') }}">{{ 'admin_sidebar.product_management.title'| trans }}</a> / </li>
<li>{{ "sku_masking.page_title"|trans({},'app') }}</li>
{% endblock breadcrumb %}

{% block main_page_title %}
	<i class="fa fa-file-text"></i> {{ "sku_masking.page_title"|trans({},'app') }}
{% endblock main_page_title %}

{% block main_content %}
<nav class="navbar navbar-default top-dropdown mask_section">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-12 inline-radio">
                   {% for key, countryObj in country %}
                     <div class="radio">
                       <label>
                           {% if data.search_query!="" or data.supplier_id != "" or data.search_status != "" or data.cat_id!="" or data.brand_id!=""%}
                               {%  set parameters = data.params_to_append|merge({'country':countryObj.short_name ,'language' : countryObj['language']|keys|first}) %}
                           {% else %}
                               {%  set parameters = {'country':countryObj.short_name ,'language' : countryObj['language']|keys|first} %}
                           {% endif %}
                           <input type="radio" class="ace ring js-country-radio"  attr-data-href="{{path('officebrain_custom_productbundle_sku_masking_admin_list',parameters)}}" name="form-field-radio" {% if activeCountry == countryObj.short_name %} checked="checked" {% endif %}>
                           <span class="lbl"> {{ countryObj.name }}</span>
                       </label>
                     </div>
                   {% endfor %}
                </div>
            </div>
            <div class="row">
            
{#             	<div class="col-lg-12">#}
{# 	                <form name="record-search" id="record-search" class="js-price-code-search" data-route="officebrain_custom_productbundle_sku_masking_admin_skusearch" method="post" {% if app.request.get('instance_id') is defined and app.request.get('instance_id')>0%} data-parent-id ="{{ app.request.get('instance_id')}} " {% endif %}>#}
{# 	                <div class="form-group top-title-form">#}
{# 	                    <div class="input-append">#}
{# 	                        <select name="option" class="form-control">#}
{# 	                            <option value="sku">{{ "sku_masking.sku"|trans({},'app') }}</option>#}
{# 	                        </select>#}
{# 	                    </div>#}
{# 	                </div>#}
{# 	                <div class="top-title-form search-width">#}
{# 	                    <div class="row">#}
{# 	                        <div class="col-lg-12 col-sm-12 col-md-12">#}
{# 	                            <input type="text" name="keyword" value="" class="form-control js-template-keyword" id="keyword">#}
{# 	                            <a href="javascript:;" class="search-btn"><i class="fa-search fa"></i></a>#}
{# 	                        </div>#}
{# 	                    </div>#}
{# 	                </div>#}
{# 	                <div class="top-title-form">#}
{# 	                    <a href="javascript:;" class="customize-btn submit button-secondary"> {{ 'search.search' | trans({}, 'app') }} </a>#}
{# 	                </div>#}
{# 	                <div class="top-title-form pull-left">#}
{# 	                	<input type="reset" value="{{ 'reset' | trans({}, 'app') }}" class="clear admin-custom-btn" name="reset_code" />#}
{# 	                </div>#}
{# 	                </form>#}
{# 	            </div>#}
            
            
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                    <form name="product-page-container" id="js_product_search_form" action="{{path('officebrain_custom_productbundle_sku_masking_admin_list',{'country':activeCountry ,'language' : activeCulture})}}">
                         <div class="form-group top-title-form select-col search-width">
                             
                            {% if ob_project_user_setting.user_data.userType=='admin' and (data.INSTANCE_TYPE=='association' or data.INSTANCE_TYPE=='distributor')%}           	
 	                            <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>                                
 	                                {% 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' %}                        		
                         		<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>
{#                         <div class="form-group top-title-form select-col search-width">#}
{#                             <select class="form-control" name="search_status" id="js-search_status">#}
{#                                 <option {% if(data.search_status == "")%}selected="selected"{%endif %} value="" >{{ 'PRODUCT_LIST.SELECT_STATUS'|trans }}</option>#}
{#                                 <option {% if(data.search_status == "1")%}selected="selected"{%endif %} value="1">{{ 'PRODUCT_LIST.ACTIVE'|trans }}</option>#}
{#                                 <option {% if(data.search_status == "0")%}selected="selected"{%endif %} value="0">{{ 'PRODUCT_LIST.INACTIVE'|trans }}</option>#}
{#                             </select>#}
{#                         </div>#}
                        
                        <div class="form-group top-title-form select-col search-width{% if data.brand_data | length == 0 %} hidden{% endif %}">
                            <input type="hidden" name="brand_id" id="brand_ids" value="{% if(data.brand_id != "")%}{{ data.brand_id }}{%endif %}">
{#                             <select class="form-control multi_category" id="js_brand_select" multiple="multiple">#}
{#                             {% set brandArray = (data.brand_id is defined) ? data.brand_id|split(',') : [] %}#}
{#                             {% for key, brand_ids in data.brand_data %}#}
{#                                 <option value="{{ brand_ids.brand_id }}" {% if brand_ids.brand_id in brandArray %} selected="selected" {%endif %}>{{ brand_ids.name }}</option>#}
{#                             {% endfor %}#}
{#                             </select>#}
                        </div>
                        
                        <div class="form-group top-title-form select-col search-width">
                            <input type="hidden" name="cat_id" id="cat_ids" value="{% if(data.cat_id != "")%}{{ data.cat_id }}{%endif %}">
{#                             <select class="form-control multi_category" id="js_category_select" multiple="multiple">#}
{# 	                            {% set catArray = (data.cat_id is defined) ? data.cat_id|split(',') : [] %}#}
{# 	                            {% for key, category in data.category_SubCategory_data %}#}
{# 	                                <option value="{{ category.pms_id }}" {% if category.pms_id in catArray %} selected="selected" {%endif %}>{{ category.cat_name }}</option>#}
{# 	                            {% endfor %}#}
{#                             </select>#}
                        </div>
                        <div class="form-group top-title-form select-col search-width">
                            <select class="form-control" id="search_param" name="search_param">
                                 <option value="" {% if(data.search_param == "")%}selected="selected"{%endif %}>{{ 'PRODUCT_LIST.SELECT_FIELD'|trans }}</option>
                                 <option value="title" {% if(data.search_param == "title")%}selected="selected"{%endif %}>{{ 'PRODUCT_LIST.TITLE'|trans }}</option>
{#                                 <option value="description" {% if(data.search_param == "description")%}selected="selected"{%endif %}>{{ 'PRODUCT_LIST.DESCRIPTION'|trans }}</option>#}
                                <option value="sku_number" {% if(data.search_param == "sku_number")%}selected="selected"{%endif %}>{{ 'PRODUCT_LIST.SKU'|trans }}</option>
                                <option value="new_sku_number" {% if(data.search_param == "new_sku_number")%}selected="selected"{%endif %}>{{ "sku_masking.new_sku"|trans({},'app') }}</option>
                            </select>
                        </div>
                        <div class="top-title-form search-width">
                            <div class="row">
                                <div class="col-lg-12 col-sm-12 col-md-12">
                                    <input type="text" name="search_query" id="search_query" value="{{data.search_query}}">
                                    <i class="fa-search fa search-btn"></i>
                                </div>
                            </div>
                        </div>
                        <div class="top-title-form">
                            <input type="submit" class="button-secondary" onClick='return checkSearchFields();' value="{{ 'search.search'|trans({},'app') }}">
                        </div>
                        {% if data.search_query!="" or data.supplier_id != "" or data.search_status != "" or data.cat_id!="" or data.brand_id!=""%}
                            <div class="top-title-form">
                               <input type="button" onClick="location.href = '{{path('officebrain_custom_productbundle_sku_masking_admin_list',{'country':activeCountry, 'language' : activeCulture})}}'" class="clear admin-custom-btn" value="{{ 'reset' | trans({}, 'app') }}" />
                            </div>
                        {%endif %}
                    {#     <div class="top-title-form">
                            <input type="button" class="button-secondary" onClick="location.href = '{{path('officebrain_custom_productbundle_sku_masking_admin_import',{'country':activeCountry, 'language' : activeCulture})}}'" value="{{ 'sku_masking.import_sku_masking'|trans({},'app') }}">
                        </div>#}
{#                         <div class="top-title-form">#}
{#                             <button type="reset" class="admin-custom-btn"><i class="fa fa-refresh"></i>{{ 'PRODUCT_LIST.RESET'|trans }}</button>#}
{#                         </div>#}
                        <div class="commonUtilityButton" style="display: inline;">&nbsp;
{# 						    <button type="button" id="status_btn" class="btn btn-info btn-sm commonUtility btn-danger" value="Delete" data='commonUtilityModalProductDelete'>#}
{# 						        <i class="icon-trash"></i>&nbsp;{{ 'admin.status.delete'|trans }}#}
{# 						    </button>
						    <button type="button" id="active_status_btn" class="btn active-btn js_call_change_status commonUtility" value="Activate" data='commonUtilityStatusActive'>
						        <i class="fa fa-check-circle-o"></i>&nbsp;{{ 'admin.status.activate'|trans }}
						    </button>
						    <button type="button" id="deactive_status_btn" class="js_call_change_status btn inactive-btn commonUtility" value="Deactivate" data='commonUtilityStatusDeactive'>
						        <i class="fa fa-ban"></i>&nbsp;{{ 'admin.status.deactivate'|trans }}
						    </button>#}
						</div>
                    </form>
                    
                   <div class="clearfix"></div>
                </div>	             
            </div>
            
            <div class="row">
            	<div class="col-xs-12 automate_mask">
            			<label>Automate Masking</label>
            	</div>
                    	<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
		                    <form name="product-mask-container" id="js_product_mask_form" action="{{path('officebrain_custom_productbundle_supplier_sku_masking_save')}}">
		                         <div class="form-group top-title-form select-col search-width">
		                    			{% if ob_project_user_setting.user_data.userType=='admin' and (data.INSTANCE_TYPE=='association' or data.INSTANCE_TYPE=='distributor')%}           	
		 	                            <select class="form-control" name="mask_supplier_id" id="mask_supplier_id">
		 	                                <option value="0">{{ 'PRODUCT_LIST.SELECT_SUPPLIER'|trans }}</option>                                
		 	                                {% for key, supplier_ids in data.supplier_data %}
		 	                                    <option value="{{ supplier_ids.supplier_id }}">{{ supplier_ids.firstName }}</option>
		 	                                {% endfor %}
		 	                            </select>                            
		                           	{% endif %}
		                         </div>
		
		                        <div class="top-title-form search-width">
		                        	<div class="row">
		                        		<div class="col-lg-12 col-sm-12 col-md-12">
		                        			{# <input type="text" name="supplier_mask_sku" id="supplier_mask_sku" value=""> #}
		                        			{#<span class="">Ex. Mask value wiil start as <span class="js_mask_prefix">307</span><span class="js_mask_suffix">101</span></span>#}

		                        			<span class="">Ex. Mask value will be <span class="js_mask_prefix">SKU-</span><span class="js_mask_suffix">SUPPLIERID</span></span>
		                        		</div>
		                        	</div>
		                        </div>
		                        
		                        <div class="form-group top-title-form select-col search-width{% if data.brand_data | length == 0 %} hidden{% endif %}">
		                            <input type="hidden" name="brand_id" id="brand_ids" value="{% if(data.brand_id != "")%}{{ data.brand_id }}{%endif %}">
		                        </div>
		                        
		                        <div class="form-group top-title-form select-col search-width">
		                            <input type="hidden" name="cat_id" id="cat_ids" value="{% if(data.cat_id != "")%}{{ data.cat_id }}{%endif %}">
		                        </div>
		                        
		                        <div class="top-title-form">
		                            <input type="button" class="button-secondary js_product_mask" value="{{ 'automatemask'|trans({},'signet') }}">
		                        </div>
		                        
		                        <div class="top-title-form">
		                           <input type="reset" class="clear admin-custom-btn" value="{{ 'reset' | trans({}, 'app') }}" />
		                        </div>
		                        <div class="commonUtilityButton" style="display: inline;">&nbsp;
								</div>
		                    </form>
		                  </div>
		                </div>
		                
        </div>
</nav>
<div class="dashboard-list-block">
    <div class="tab-block">
        <ul id="myTab1" class="nav nav-tabs">
        {% for key, culture in language %}
            {% for countrykey, countryObj in country[activeCountry].language %}
               {% if countrykey == key %}
	               <li class="{% if key == activeCulture %}active{% endif %}">
	                   <a href="{{path('officebrain_bundle_product_list_product',data.params_to_append|merge({'country':activeCountry ,'language' : key}))}}" {% if key == activeCulture %}data-toggle="tab"{% endif %}>{{ culture.name }}</a>
	               </li>
	           {% endif %}
	        {% endfor %}
	    {% endfor %}
	    </ul>
	    
{# 	    <div class="table-responsive">#}
{# 	    {% if (sku_masking_list) is defined and sku_masking_list|length >0 %}#}
{# 	                		{% for item in sku_masking_list %}#}
{# 	                			--{{ item.newSku }}-#}
{# 	                			-{{ item.sku }}-#}
{# 	                			-{{ item.id }}--#}
{# 	                		{% endfor %}#}
{# 		{% endif %}	                		#}
{# 	    </div>#}
	    
	    
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="tab1">
                <div class="table-block table-content-res-block">
                    <div class="table-responsive">
                      {% if productData is not empty %}
						<table class="table table-bordered">
                            <thead>
                                <tr>
                                	<th>{{ 'PRODUCT_LIST.SUPPLIER'|trans }}</th>
                                	<th>{{ 'PRODUCT_LIST.TITLE'|trans }}</th>
                                	<th>{{ 'PRODUCT_LIST.IMAGE'|trans }}</th>
                                    <th>{{ 'PRODUCT_LIST.SKU'|trans }}</th>
                                    <th>{{ "sku_masking.new_sku"|trans({},'app') }}</th>
                                    <th style="width:145px">{{ 'PRODUCT_LIST.ACTION'|trans }}</th>
                                </tr>
                            </thead>
                            <tbody>
                              
                                {% for key,product in productData %}
                                    <tr>
                                        <td>
                                        {% for key, supplier_ids in data.supplier_data %}
											{% if( product.supplier_id == supplier_ids.supplier_id)%}
                                        		{{ supplier_ids.firstName }}
                                        	{% endif %}
		                                {% endfor %}
		                                </td>
                                        <td>{{ product.title }}</td>
                                        <td>
                                        {% if product.localLocation is defined %}
                                        
                                        {% if ob_project_virtual_access_rule.status == 1 and ob_project_virtual_access_rule.option.logo_everything.status == 1 %}
	                                        		{# {% if basic_information.default_color is defined and basic_information.default_color != '' %}
														{% set color = basic_information.default_color | url_encode %}
													    {% set new_url = virtual_base_url~'signet-admin-image/'~product.sku_number~'/'~product.supplier_id~'/'~'?color='~color %}
													{% else %} #}
														{% set new_url = virtual_base_url~'signet-admin-image/'~product.sku_number~'/'~product.supplier_id %}
														{# {% endif %} #}
												{% else %}
													{% set new_url = data.image_url~product.localLocation %}
												{% endif %}
												
											<img src="{{ new_url }}" height="50" width="50">	
                                        
{#                                         	<img src="{{ data.image_url }}{{  product.localLocation }}" height="50" width="50">#}
                                        {% elseif ob_project_virtual_access_rule.status == 1 and ob_project_virtual_access_rule.option.logo_everything.status == 1 %}
												{% set new_url = virtual_base_url~'signet-admin-image/'~product.sku_number~'/'~product.supplier_id %}
                                        	    <img src="{{ new_url }}" height="50" width="50">  
                                       	{% endif %}
                                        </td>
                                        <td>{{ product.sku_number }}</td>
                                        
                                        <td> 
                                        	<input type="text" name="masking_sku" class="js-masking-sku" id="masking_sku" value="{{ (sku_masking_list[product.sku_number~"_"~product.supplier_id] is defined and sku_masking_list[product.sku_number~"_"~product.supplier_id]['supplier_id'] is defined and sku_masking_list[product.sku_number~"_"~product.supplier_id]['supplier_id']==product.supplier_id) ? sku_masking_list[product.sku_number~"_"~product.supplier_id]['masking_sku'] : '' }}" />
                                        	
                                        	<input type="hidden" name="id" id="id" value="{{ (sku_masking_list[product.sku_number~"_"~product.supplier_id] is defined) ? sku_masking_list[product.sku_number~"_"~product.supplier_id]['id'] : '' }}" />
                                        	<input type="hidden" name="sku" id="sku" value="{{ product.sku_number }}" />
                                        	<input type="hidden" name="supplier_id" id="supplier_id" value="{{ product.supplier_id }}" />
                                        	<input type="hidden" name="product_id" id="product_id" value="{{ product.product_master_id }}" /> 
                                        
                                        </td>
                                        
                                        <td>
                                        	<a data-toggle="modal" class="btn-xs sub-shop-btn js_save_masking_sku" data-original-title="Save" title="Save" href="#">
										    	<i class="fa fa-save"></i>
										    </a>
                                       	</td>
                                    </tr>
                                {% endfor %}
                                <tr class="last-row">
                                    <td class="banner-total-record" colspan="3">
                                		{{ knp_pagination_render(data.pagination, 'OfficeBrainCoreBundle:Admin:adminPagination.html.twig') }}
                                    </td>
                                    <td class="total-record-list align-right" colspan="3">
                                        {{ 'PRODUCT_LIST.TOTAL_RECORD' | trans }} : ({{ data.total_product }})
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                      {% else %}
{#                       		<h4>{{ data.error_message }}</h4>#}
							<div>{{ 'product.brand.NO_RECORD_FOUND'|trans }}</div>
                      {% endif %}
                    </div>
               </div>
            </div>
         </div>
    </div>
</div>
{% block javascripts %}
	<script>
		var js_locale = "{{ app.request.locale }}"
	</script>
	{{ parent() }}
	{% javascripts
			'@OfficeBrainCustomBundleProductBundle/Resources/public/js/sku_masking.js'
	%}
	<script src="{{ asset_url }}" type='text/javascript'></script>
	{% endjavascripts %}
{% endblock javascripts %}
{% endblock main_content %}