{% extends "OfficeBrainThemeBundle:AdminTheme:base.html.twig" %}
{% block breadcrumb %}
        <li> {{ 'category.category_listing'|trans }}</li>
{% endblock breadcrumb %}
{% block main_page_title %}<h1><i class="fa fa-th-large"></i> {{ 'category.category_listing'|trans }}</h1>{% endblock main_page_title %}
{% block header_css %}
	{{ parent() }}
	<link rel='stylesheet' href="{{ asset('bundles/officebraincategory/Admin/css/category_style.css') }}"></link>
	<style>
		.ui-autocomplete-loading {
			background: white url("{{ asset('images/ui-anim_basic_16x16.gif') }}") right center no-repeat !important;
		}
		.sub-shop-btn.active-btn{
			background: #04517b;
		}

		.sub-shop-btn.active-btn:hover{
			background: #56595e;
		}
	</style>
{% endblock header_css %}
{% block main_content %}
    <nav 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">
                	{% if ob_project_product_management_access_rule.option.category.option.add.status == 1 %}
	                    <div class="top-title-form pull-right">
	                        <a class="admin-custom-btn" href="javascript:void(0)" data-target="#add_category_popup" data-toggle="modal"><i class="fa fa-plus"></i>{{ 'category.add_category'|trans }}</a>
	                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </nav>
    <div class="dashboard-list-block">
        <div class="tab-block">
            <ul id="myTab1" class="nav nav-tabs">
                {% for key, culture in data.culture_list %}
                    <li class="{% if key == activeCulture %}active{% endif %}">
                        <a href="{{ path('officebrain_bundle_category_list_category_wo_culture',{ "_locale": app.request.locale, "language" : key} ) }}" {% if key == activeCulture %}data-toggle="tab"{% endif %}>{{ culture.name }}</a>
                    </li>
                {% endfor %}
            </ul>
		    <div id="myTabContent" class="tab-content">
		        <div class="tab-pane fade active in" id="culture{{ activeCulture }}">                    
		            <div class="ui-category-block">
		                <ul>		                
		                    {% if categoryData %}
		                        {% macro recursiveCategory(categoryData,ignoreData,ob_project_product_management_access_rule,blocked_id) %}
		                           <li id="js-category-edit-{{ categoryData.pms_id }}">
		                               <div>
			                               <span>
												{{categoryData.cat_name}}
			                               </span>
		                               </div>
		                               {% for key,countryData in country %}
		                                   {% set checked = "checked" %}
		                                   {% for key,ignore in ignoreData %}
		                                       {% if ignore.cat_map_id == categoryData.local_id and ignore.country_id == countryData.id %}
		                                           {% set checked = "unchecked" %}
		                                       {% endif %}
		                                   {% endfor %}
		                                   {% set ajaxUnCheckedURL = path('officebrain_bundle_add_in_category_ignore') %}
		                                   {% set ajaxCheckedURL = path('officebrain_bundle_remove_from_category_ignore') %}
		                                   {% set country_disabled="" %}
		                                   {% if ob_project_product_management_access_rule.option.category.option.country_status.status != 1 %}
		                                   		{% set country_disabled="disabled" %}
		                                   {% endif %}
		                                   <div>
		                                       <div class="checkbox">
		                                           <label>
		                                               <input name="cb_country" type="checkbox" class="ace cb_country" {% if country_disabled == "disabled" %}disabled="disabled"{% endif %} unCheckedUrl="{{ ajaxUnCheckedURL }}" checkedUrl="{{ ajaxCheckedURL }}" {{ checked }} mapValue = {{ categoryData.local_id }} pmsId="{{ categoryData.pms_id }}" value="{{ countryData.id }}">
		                                               <span class="lbl">{{ countryData.name }}</span>
		                                           </label>
		                                       </div>
		                                   </div>
										 
		                                    
		                               {% endfor %}
									   <div>
		                               <div class="checkbox">
										<label>
											<input name="category_flag" type="checkbox" class="ace js-add-catgory-home" unCheckedUrl="" checkedUrl="{{ path('office_brain_custombundle_category_set_flag') }}" {% if categoryData.categoryFlag == 1 %} checked {% endif %} mapValue = "{{ categoryData.local_id }}" pmsId="{{ categoryData.pms_id }}">
											<span class="lbl">Add to home</span>
										</label>
											</div>
										   </div>
		                               <div>
		                                   {% if ob_project_product_management_access_rule.option.category.option.edit.status == 1 %}
		                                       <a href="" data-hover="tooltip" title="Edit" data-original-title="Edit" class="btn-xs sub-shop-btn category_edit" data-placement="top" data-target="#edit_category_popup" data-toggle="modal" pmsId="{{ categoryData.pms_id }}"><i class="fa fa-pencil-square-o"></i></a>
		                                   {% endif %}
		                                   {% if ob_project_product_management_access_rule.option.category.option.delete.status == 1 %}

		                                   	   
		                                       
			                                   {% if categoryData.child is not defined %}

			                                   {% if categoryData.status is defined %}
		                                       {% set _status = (categoryData.status=='Active') ? 'Active' : 'Inactive' %}
		                                       {% if blocked_id==categoryData.pms_id %}
		                                       		<a href="javascript:void(0)" data-hover="tooltip" title="{{_status}}" data-original-title="{{_status}}" 
			                                       data-pms-id="{{categoryData.pms_id}}" 
			                                       data-category-name="{{categoryData.cat_name}}" class="btn-xs sub-shop-btn {{ (categoryData.status=='Active') ? 'active-btn' : '' }}  js-update-status-category disabled-link"><i class="fa fa-check-circle-o"></i></a>
		                                       {% else %}
		                                       		<a href="javascript:void(0)" data-hover="tooltip" title="{{_status}}" data-original-title="{{_status}}" 
			                                       data-pms-id="{{categoryData.pms_id}}" 
			                                       data-category-name="{{categoryData.cat_name}}" class="btn-xs sub-shop-btn {{ (categoryData.status=='Active') ? 'active-btn' : '' }}  js-update-status-category"><i class="fa fa-check-circle-o"></i></a>
		                                       {% endif %}
		                                        
		                                       {% endif %}

			                                       <a href="javascript:void(0)" data-hover="tooltip" title="Delete" data-original-title="Delete" onClick="return delete_category({{ categoryData.pms_id }})" class="btn-xs sub-shop-btn js-delete-category"><i class="fa fa-trash-o"></i></a>
			                                   {% endif %}
			                               {% endif %}
		                               </div>
		                               <div>
		                                   {% set imageSrc ='' %}
		                                   {%  if categoryData.image != '' and categoryData.image is defined %}
		                                       {% set imageSrc = client_upload_base_url~'category/'~categoryData.image %}
		                                   {% else %}
		                                       {% set imageSrc = client_images_dir_url~'no-image.png' %}
		                                   {% endif %}
		                                       <img src="{{ imageSrc }}" height="35px" width="35px"/>
		                               </div>
		                               {% if categoryData.child is defined %}
		                                   <ul class="sub-category">
		                                       {% for children in categoryData.child %}
		                                           {{ _self.recursiveCategory(children,ignoreData,ob_project_product_management_access_rule,blocked_id) }}
		                                       {% endfor %}
		                                   </ul>	 
		                               {% endif %}
		                               {% if categoryData.parent_id==0 %}
		                                   <div class='left' style='width:15px;'>&nbsp;</div>
		                               {% endif %}
		                           </li> 
		                       {% endmacro %}
		                       {% if categoryData %}
		                           {% for category in categoryData %}
		                               {{ _self.recursiveCategory(category,ignoreData,ob_project_product_management_access_rule,blocked_id) }}
		                           {% endfor %}
		                       {% endif %}
		                    {% else %}
		                        {{ 'category.no_record_found'|trans }}
		                    {% endif %}
		                </ul>
		            </div>
		        </div>
		    </div>
		</div>
	</div>
<!--  Add Modal -->
<div class="modal fade model-popup-black banner-copy-block" id="add_category_popup" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="{{ 'category.close'|trans }}"><i class="fa fa-times"></i></button>
            <div class="modal-header">
                <h1 class="modal-title modal-popup-icon-title"><i class="fa fa-plus"></i> {{ 'category.add_category'|trans }}</h1>
            </div>
            <div class="modal-body">
                <div class="row">
                	<form id="catAddForm" action="{{ path('officebrain_bundle_add_culture_category',{'_locale' : app.request.locale, 'cat_culture' : activeCulture}) }}" method="post" name="formAddNewCategory" novalidate="" enctype="multipart/form-data">
	                    <div class="col-lg-8">
	                    	<div class="row">
	                    		<div class="col-lg-12">
			                        <div class="form-group">
			                            <label for="text">{{ 'category'|trans }} </label> <span class="red">*</span><em>{{ 'category.example'|trans }}</em>
			                            <input id="ajaxCategoryList" class="form-control" type="text" data-active-culture="{{ activeCulture }}" ajaxUrl="{{ path('officebrain_bundle_ajax_category_list',{"cat_culture" : activeCulture}) }}">
			                        </div>
			                    </div>
	                        	<div id="divCategoryData"></div>
	                      	</div>
	                    </div>
	                    <div class="col-lg-4 js-category-logo hide">
	                        <div class="form-group">
	                            <label for="text">{{ 'category.logo'|trans }}</label>
	                            <div><label class="custom-upload js-category-custom-upload">
	                            	<input type="file" name="upload_file" /></label>
	                            </div>
	                        </div>
                    	</div>
	                </form>
                </div>
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <input type="submit" name='btnCatSave' value="{{ 'category.save'|trans }}" class="button-secondary" id='btnCatSave' style="visibility: hidden;">&nbsp;
                        <input type="reset" value="{{ 'category.close'|trans }}" class="button-secondary js-category-close" data-dismiss="modal" aria-label="{{ 'category.close'|trans }}">
                    </div>
                </div>
           </div>
        </div>
    </div>
</div>
<!-- End Add Modal -->

<!-- Edit Modal -->
<div class="modal fade model-popup-black banner-copy-block" id="edit_category_popup" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <!--<a href="#" class="close" data-dismiss="modal" aria-label="Close">&times;</a>-->
            <button type="button" class="close" data-dismiss="modal" aria-label="{{ 'category.close'|trans }}"><i class="fa fa-times"></i></button>
            <div class="modal-header">
                <h1 class="modal-title modal-popup-icon-title"><i class="fa fa-plus"></i> {{ 'category.edit_category'|trans }}</h1>
            </div>
            <div class="modal-body">
                <div class="row">
                	<form id="catUpdateForm" action="{{ path('officebrain_bundle_update_culture_category',{'_locale': app.request.locale,'cat_culture':activeCulture}) }}" method="post" name="formUpdateCatefory" class="registrationUser" novalidate="" enctype="multipart/form-data" >
                    	<div class="col-lg-8">
                    		<div class="row">
                    			<div id="modal_edit_data"></div>
                    		</div>
                    	</div>
                    	<div class="col-lg-4 js-category-edit-logo hide">
                    		<div class="form-group">
	                            <label for="text">{{ 'category.logo'|trans }}</label>
	                            <div><label class="custom-upload js-category-edit-image">
	                            	<input type="file" name="upload_file" /></label>
	                            </div>
	                        </div>
                    	</div>
                    </form>
                </div>
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <input type='submit' name='btnCatUpdate' value='{{ 'category.update'|trans }}' style="visibility: hidden;" id='btnCatUpdate' class='button-secondary'>&nbsp;{# by 4396 #}
                        <input type="reset" value="{{ 'category.close'|trans }}" class="button-secondary" data-dismiss="modal" aria-label="{{ 'category.close'|trans }}">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Edit Modal -->

{% block javascripts %}
    <script src="{{ asset('bundles/officebraintheme/AdminTheme/js/jquery-ui.1.11.0.min.js') }}"></script>
    <script src="{{ asset('bundles/officebraincategory/Admin/js/categoryCommon.js') }}"></script>
    <script type="text/javascript"> 
        var js_culture =  {{ language|json_encode|raw }};
        var js_active_culture = "{{ activeCulture }}";
        var js_locale="{{ app.request.locale }}";
        var js_category_image_path="{{client_upload_base_url }}category/";
		
		{% if ob_project_configuration_rule.category.status == 1 and ob_project_configuration_rule.category.option.custom_label == 1 %}
        	var catgeoryLabel = 1;
        {% else %}
        	var catgeoryLabel = 0;
        {% endif %}
        
    //  Code For Image Upload  
      	var image_upload_action = BASE_URL +"/"+js_locale+ "/clientimage/upload/category";
     	var categoryUploadLogoObject = new categoryUploadLogo();
     	categoryUploadLogoObject.setAction(image_upload_action);
      	$(document).on('change','.ajaxFileUpload:file',categoryUploadLogoObject.upload);
    </script>
    
    <script type="text/javascript">
    	showAjaxLoading();
        $(document).ready(function(){
            hidePageAjaxLoading();
        });
    </script>
{% endblock javascripts %}
<style>
.disabled-link {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}
</style>
{% endblock main_content %}