{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block breadcrumb %}
        <li> {{ 'PRODUCT_LIST.PRODUCT'|trans }}</li>
{% endblock breadcrumb %}
{% block main_page_title %}<h1><i class="fa fa-cube"></i> {{ 'PRODUCT_LIST.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 != "" 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_bundle_product_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_list_product',{'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'%}           	
	                            <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':''}) }}'>
                        	{% elseif 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>
                            {%  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">
                            <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>
                            </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_bundle_product_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_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 Order'|trans }}</th>    
                                    <th>{{ 'PRODUCT_LIST.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_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.product_master_id }}' id='check_{{product.product_master_id }}'/>
                                           <span class="lbl"></span>
                                        {% endif %}
                                        </td>
                                        {% set product_order = (data.product_order[product.product_master_id] is defined) ? data.product_order[product.product_master_id] : '' %}
                                        <td>
                                        	<input type="text" name="custom_order" class="custom_order custom_order_{{ product_order }}" id="custom_order_{{ product.product_master_id }}" value="{{ product_order }}" data-custom-order="{{ product_order }}" data-product-id="{{ product.product_master_id }}" data-total-product="{{ data.total_count }}" data-page="{{ data.page }}" />
                                            {% if complianceList|length>0 %}
                                            <select class="js_compliance hide" data-product-id="{{product.product_master_id}}">
                                                <option value="">Select Compliance</option>
                                                {% for key,compliance in complianceList %}
    <option value="{{key}}" {{(complianceProductMapping[product.product_master_id] is defined and complianceProductMapping[product.product_master_id]==key) ? 'selected="selected"' : '' }}>{{compliance}}</option>
                                                {% endfor %}
                                            </select>
                                            {% endif %}
                                        </td>
                                        <td>{{ product.sku_number }}</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.product_master_id }}" data="commonUtilityStatusDeactive" class="commonUtility" href="javascript:void(0);">
                                                    <button class="btn active-btn js_call_change_status" data='commonUtilityStatusActive' js_prod_id = {{ product.product_master_id }} js_active_country = {{ activeCountry }} >
                                                        <i class="fa fa-check-circle-o"></i>{{ 'PRODUCT_LIST.ACTIVE'|trans }}
                                                    </button>
                                                </a>
                                            {% else %}
                                                <a prop="check_{{ product.product_master_id }}" data="commonUtilityStatusActive" class="commonUtility" href="javascript:void(0);">
                                                    <button href="javascript:void(0)" js_prod_id = {{ product.product_master_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_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>
                                            
                                            <a href="{{ path('officebrain_product_sizeExtraCharge',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="Extra Charge" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="Extra Charge"><i class="fa fa-credit-card"></i></a>
                                        {% endif %}
{#                                         {% if ob_project_product_management_access_rule.option.product.option.edit.status == 1 %}#}
                                            <a href="{{ path('officebrain_product_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 %}#}

                                        {# copy-product link #}
                                        {% if ob_project_configuration_rule.product.add_update.allow_product_copy == 1 %}   
                                            <a href="javascript:void(0)"onClick="return copyProduct({{ product.product_master_id }},'{{ product.supplier_id }}')" data-hover="tooltip" title="Copy" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="Copy" data-toggle="modal"><i class="fa fa-copy"></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 }},'{{ 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 %}
                                        
                                        {% if ob_project_setting.configuration_rule.product.list.related_product_feature is defined and ob_project_setting.configuration_rule.product.list.related_product_feature == 1 %}
                                            {% if product.active == 1 %}
                                            <a data-placement="top" title="Related Product Mapping List" data-original-title="Catalog Rule Mapping List" class="btn-xs sub-shop-btn" data-toggle="tooltip" href="{{ path('officebrain_bundle_product_list_product_filtered_by_category_wo_culture', {'productId': product.product_master_id }) }}"><i class="fa fa-sitemap"></i></a>
                                            {% endif %}
                                        {% 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/commonUtilities.js') }}"></script>
    <script src="{{ asset('bundles/officebrainproduct/js/Admin/productCommon.js') }}"></script>
    <script type="text/javascript">
    var commonUtilityStatusActive= { action:"{{path('officebrain_product_changestatus',{'_locale': app.request.locale, 'country':activeCountry, 'set_status' : 1 })}}"};
    CommonNavigatorActionsObject.setUtilityAttribute('commonUtilityStatusActive',commonUtilityStatusActive);

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

$(document).ready(function(){
    $(document).on('change','.js_compliance',function(){
        var complianceId = $(this).val();
        var productId = $(this).data('product-id');
        if(complianceId!= ""){
            var exact_url = Routing.generate('office_brain_supplier_compliance_bundle_suppliercomplicanceadmin_suppliercomplianceproduct',{'_locale': js_locale})
            var data = {'compliance_id':complianceId, 'product_id':productId};
            showAjaxLoading();
            $.ajax({
                type: 'GET',
                url: exact_url,
                data: data,
                method: 'POST',
                cache: false,
                success: function(responce_data){
                    hideAjaxLoading();
                    showSuccessMessage(responce_data.msg);
                }
           });
        }
    });
});
    </script>
{% endblock javascripts %}
{% endblock main_content %}