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

{% block main_content %}
<nav class="navbar navbar-default top-dropdown">
        <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 != ""%}
                               {%  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_bundle_product_distributor_list_product',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 col-md-12 col-xs-12 col-sm-12">
                    <form name="product-page-container" id="js_product_search_form" action="{{path('officebrain_bundle_product_distributor_list_product',{'country':activeCountry ,'language' : activeCulture})}}">
                        <div class="form-group top-title-form select-col search-width">
                            <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>
                        </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">#}
{#                             <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="skuNumber" {% if(data.search_param == "skuNumber")%}selected="selected"{%endif %}>{{ 'PRODUCT_LIST.SKU'|trans }}</option>
                                <option value="maskedSKU" {% if(data.search_param == "maskedSKU")%}selected="selected"{%endif %}>{{ 'PRODUCT_LIST.MASKED_SKU'|trans }}</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 != ""%}
                            <div class="top-title-form">
                               <input type="button" onClick="location.href = '{{path('officebrain_bundle_product_distributor_list_product',{'country':activeCountry, 'language' : activeCulture})}}'" class="button-secondary" value="{{ 'admin.back_to_listing'|trans }}" />
                            </div>
                        {%endif %}
{#                         <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>	             
            </div>
            
            <div class="row">
	                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" style='margin-top:15px'> {# TODO: MOVE TO CSS #}
	                		<div class="top-title-form pull-left">
{# 	                			{% if ob_project_product_management_access_rule.option.product.option.add.status == 1 %}#}
{# 		                            <a href={{ path('officebrain_product_add',data.params_to_append|merge({'country':activeCountry ,'language' : activeCulture})) }} class="admin-custom-btn">#}
{# 		                            	<i class="fa fa-plus"></i>{{ 'PRODUCT_LIST.ADD_PRODUCT'|trans }}#}
{# 		                             </a>&nbsp;#}
{# 	                            {% endif %}#}
	                            {% if ob_project_product_management_access_rule.option.product.option.update_status.status == 1 %}
		                            <a href='javascript:void(0);' class="admin-custom-btn js_call_change_status commonUtility" data='commonUtilityStatusActive'>
		                            	<i class="fa fa-check-circle-o"></i>{{ 'admin.status.activate'|trans }}
		                            </a>&nbsp;
		                            
		                            <a href='javascript:void(0);' class="admin-custom-btn js_call_change_status commonUtility" data='commonUtilityStatusDeactive'>
		                            	<i class="fa fa-ban"></i>{{ 'admin.status.deactivate'|trans }}
		                            </a>
	                            {% endif %}
	                        </div>
	                	
	                </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_distributor_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 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>
                                    	{% if ob_project_product_management_access_rule.option.product.option.update_status.status == 1 %}
                                    		<input type='checkbox' class='js-list-check-all checkAll ace'  valign='middle' style="text-align: center;"/><span class="lbl"></span></th>
                                    	{% endif %}
                                    <th>{{ 'PRODUCT_LIST.SKU'|trans }}</th>
                                    <th>{{ 'PRODUCT_LIST.MASKED_SKU'|trans }}</th>
                                    <th>{{ 'PRODUCT_LIST.TITLE'|trans }}</th>
                                    <th>{{ 'PRODUCT_LIST.SUPPLIER'|trans }}</th>
{#                                  <th>{{ 'PRODUCT_LIST.IMAGE'|trans }}</th>#}
                                    <th>{{ 'PRODUCT_LIST.DESCRIPTION'|trans }}</th>
                                    <th>{{ 'PRODUCT_LIST.STATUS'|trans }}
                                        {% if data.search_status == 1 %} {% set status= 0 %}{% else  %}{% set status = 1  %}{% endif %}
                                    	{#<a class="sorting-block" href="{{path('officebrain_bundle_product_distributor_list_product',{'country':activeCountry ,'language' : activeCulture,'sort': 'status','direction':'ASC'})}}"><i class="fa fa-sort"></i></a></th>#}
                                    <th style="width:145px">{{ 'PRODUCT_LIST.ACTION'|trans }}</th>
                                </tr>
                            </thead>
                            <tbody>
                              
                                {% for product in productData %}
                                    <tr>
                                        <td align='' valign='' width='40px'>
                                        {% if ob_project_product_management_access_rule.option.product.option.update_status.status == 1 %}
	                                       <input type='checkbox' class='checkMe ace' name='check_{{product.distributor_product_id }}' id='check_{{product.distributor_product_id }}' product_master_id='{{product.product_master_id }}'/>
	                                       <span class="lbl"></span>
	                                    {% endif %}
                                        </td>
                                        <td>{{ product.sku_number }}</td>
                                        <td>{{ product.masked_sku }}</td>
                                        <td>{{ product.title }}</td>
                                        <td>
                                        {% for key, supplier_ids in data.supplier_data %}
											{% if( product.supplier_id == supplier_ids.supplier_id)%}
                                        		{{ supplier_ids.firstName }}
                                        	{% endif %}
		                                {% endfor %}
		                                </td>
{#                                         <td>{% if product.localLocation is defined %}#}
{#                                             <img src="{{ data.image_url }}{{  product.localLocation }}" height="50" width="50">{% endif %}</td>#}
                                        <td>{% autoescape false %}{{ product.description|striptags|truncate(100,true,'') }}{% endautoescape %}</td>
                                        <td>
                                        {% if ob_project_product_management_access_rule.option.product.option.update_status.status == 1 %}
                                        	{% if product.active == 1 %}
                                                <a prop="check_{{ product.distributor_product_id }}" data="commonUtilityStatusDeactive" class="commonUtility" href="javascript:void(0);">
			                                        <button class="btn active-btn js_call_change_status" data='commonUtilityStatusActive' product_master_id='{{product.product_master_id }}' js_prod_id = {{ product.distributor_product_id }} js_active_country = {{ activeCountry }} >
			                                        	<i class="fa fa-check-circle-o"></i>{{ 'PRODUCT_LIST.ACTIVE'|trans }}
				                                    </button>
				                                </a>
                                        	{% else %}
                                                <a prop="check_{{ product.distributor_product_id }}" data="commonUtilityStatusActive" class="commonUtility" href="javascript:void(0);">
	                                        		<button href="javascript:void(0)" product_master_id='{{product.product_master_id }}' js_prod_id = {{ product.distributor_product_id }} js_active_country = {{ activeCountry }}  class="js_call_change_status btn inactive-btn">
		                                        		<i class="fa fa-ban"></i>{{ 'PRODUCT_LIST.INACTIVE'|trans }}
		                                        	</button>
		                                        </a>	
                                        	{% endif %}
                                        {% else %}
                                        	{% if product.active == 1 %}
			                                        <button class="btn active-btn " onClick="return false" data='commonUtilityStatusActive'>
			                                        	<i class="fa fa-check-circle-o"></i>{{ 'PRODUCT_LIST.ACTIVE'|trans }}
				                                    </button>
                                        	{% else %}
	                                        		<button href="javascript:void(0)" onClick="return false" class="status btn inactive-btn">
		                                        		<i class="fa fa-ban"></i>{{ 'PRODUCT_LIST.INACTIVE'|trans }}
		                                        	</button>	
                                        	{% endif %}
                                        {% endif %}
                                        </td>
                                        <td>
                                        {% if ob_project_product_management_access_rule.option.product.option.view.status == 1 %}
                                            <a href="{{ path('officebrain_distributor_product_view',data.params_to_append|merge({'country':activeCountry ,'language' : activeCulture,'product_ids' : product.product_master_id, 'product_culture': activeCulture~'_'~activeCountry, 'culture_id': product.culture})) }}" data-toggle="tooltip" title="View" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="View"><i class="fa fa-eye"></i></a>
                                        {% endif %}
                                        {% if ob_project_product_management_access_rule.option.product.option.edit.status == 1 %}
                                            <a href="{{ path('officebrain_product_distributor_edit',data.params_to_append|merge({'country':activeCountry ,'language' : activeCulture, 'master_product_id': product.product_master_id })) }}" data-hover="tooltip" title="Edit" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="Edit"><i class="fa fa-edit"></i></a>
                                        {% endif %}
                                        {% if ob_project_product_management_access_rule.option.product.option.delete.status == 1 %}
                                            <a href="javascript:void(0)"onClick="return deleteProduct({{ product.product_master_id }},{{ product.distributor_product_id }},'{{ activeCountry }}')" data-hover="tooltip" title="Delete" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="Delete" data-toggle="modal"><i class="fa fa-trash-o"></i></a>
                                        {% endif %}
                                       </td>
                                    </tr>
                                {% endfor %}
                                <tr class="last-row">
                                    <td class="banner-total-record" colspan="6">
										{{ knp_pagination_render(data.pagination, 'OfficeBrainCoreBundle:Admin:adminPagination.html.twig') }}
                                    </td>
                                    <td class="total-record-list align-right" colspan="2">
                                        {{ '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>
	<script src="{{ asset('bundles/officebrainproduct/js/Admin/Distributor/commonUtilities.js') }}"></script>
    <script src="{{ asset('bundles/officebrainproduct/js/Admin/Distributor/productCommon.js') }}"></script>
    <script type="text/javascript">
    var commonUtilityStatusActive= { action:"{{path('officebrain_product_distributor_changestatus',{'_locale': app.request.locale, 'country':activeCountry, 'set_status' : 1 })}}"};
    CommonNavigatorActionsObject.setUtilityAttribute('commonUtilityStatusActive',commonUtilityStatusActive);

    var commonUtilityStatusDeactive= { action:"{{path('officebrain_product_distributor_changestatus',{'_locale': app.request.locale, 'country':activeCountry, 'set_status': 0 })}}",message:"{{ 'product.are_you_sure_want_to_change_status'|trans }}"};
    CommonNavigatorActionsObject.setUtilityAttribute('commonUtilityStatusDeactive',commonUtilityStatusDeactive);

    </script>
{% endblock javascripts %}
{% endblock main_content %}