{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block breadcrumb %}
    <li>{{ 'attribute.attributes'|trans }}</li>
{% endblock breadcrumb %}
{% block main_page_title %}<h1><i class="fa fa-th"></i> {{ 'attribute.attributes'|trans }}</h1>{% endblock main_page_title %}
{% block header_css %}
    {{ parent() }}
    <style>.ui-autocomplete{z-index:9999;}</style>
    <style>
		.ui-autocomplete-loading {
			background: white url("{{ asset('images/ui-anim_basic_16x16.gif') }}") right center no-repeat !important;
		}
	</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-8 col-md-12 col-xs-12 col-sm-12">
                    <div class="top-title-form">
                        <form name="search_attribute_form" id="search_attribute_form" action="{{path('officebrain_bundle_attribute_list',{'language' : activeCulture})}}">
                            <div class="top-title-form search-width">
                                <div class="row">
                                    <div class="col-lg-12 col-sm-12 col-md-12">
                                        <input type="text" id="search_query" name="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" value="{{ 'attribute.SEARCH'|trans }}">
                                {% if data.search_query != "" %}&nbsp;<input onClick="location.href = '{{path('officebrain_bundle_attribute_list',{'language' : activeCulture})}}'" type="button" class="button-secondary" value="{{ 'attribute.BACK_TO_LIST'|trans }}">{% endif %}
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-xs-12 col-sm-12">
                	{% if ob_project_product_management_access_rule.option.attribute.option.add.status == 1 %}
	                    <div class="top-title-form pull-right">
	                        <a class="admin-custom-btn" href="javascript:void(0)" data-target="#add_attributes_popup" data-toggle="modal"><i class="fa fa-plus"></i> {{ 'attribute.add_attribute'|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 language %}
                    <li class="{% if key == activeCulture %}active{% endif %}">
                        <a href="{{ path('officebrain_bundle_attribute_list',data.params_to_append|merge({"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 }}">
                    {% if attributeData %}
                        <div class="table-block table-content-res-block">
                            <div class="table-responsive">  
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            {% if data.sort_type == 'desc' %}{% set sortType = 'asc' %} {% else %} {% set sortType = 'desc' %}{% endif %}
                                            <th>{{ 'attribute.ATTRIBUTE_NAME'|trans }}</td>
                                            <th>{{ 'attribute.VALUES'|trans }}</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for attributes in attributeData %}
                                        <tr>
                                            <td>{{ attributes.label }} </td>
                                            <td>
                                            	{% if ob_project_product_management_access_rule.option.attribute.option.add_value.status == 1 %}
                                            		{% if attributes.id != print_side_attribute_id %}
    	                                                <a  class="admin-custom-btn pull-right add-attribute-value"  
    	                                                    data-attribute-id="{{ attributes.id }}" data-toggle="modal" 
    	                                                    data-attribute-name="{{ attributes.label }}"
    	                                                    data-active-culture="{{ activeCulture }}"
    	                                                    data-target="#add_value_popup">
    	                                                    <i class="fa fa-plus"></i>{{ 'attribute.attribute_value.add'|trans }}
    	                                                </a>
    	                                            {% endif %}
	                                            {% endif %}
                                                {% if attributes.attribute_values is defined %}
                                                   <div class="js_list_attribute_values">
                                                    {% for values in attributes.attribute_values %}
                                                        {{ values.attribute_value }}
                                                        {% if not loop.last %},{% endif %}
                                                    {% endfor %}
                                                   </div>
                                                    {% if data.view_more_display[attributes.id] == 1 %}
                                                    	{% set ajaxUrl = path('officebrain_bundle_attribute_value_for_list',{'_locale': app.request.locale, 'language' : activeCulture,'attribute-id':attributes.id}) %}
                                                    <a attr-url = {{ ajaxUrl }} attr-page = '2' class="more-attribute-value">....{{ 'attribute.attribute_value.more_values'|trans }}</a>
                                                    {% endif %}
                                                {% endif %}
                                            </td>
                                        </tr>
                                        {% endfor %}
                                        <tr>
                                        	<td colspan="2">{{ knp_pagination_render(data.pagination, 'OfficeBrainCoreBundle:Admin:adminPagination.html.twig') }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    {% else %}
                        <div>{{ 'attribute.NO_RECORD_FOUND'|trans }}</div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
<!-- Add Modal -->
<div class="modal fade model-popup-black banner-copy-block" id="add_attributes_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="Close"><i class="fa fa-times"></i></button>
            <div class="modal-header">
                <h1 class="modal-title modal-popup-icon-title"><i class="fa fa-th"></i> {{ 'attribute.add_attributes'|trans }}</h1>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="form-group">
                            <label for="text">{{ 'attribute.attributes'|trans }} </label> <span class="red">*</span><em>{{ 'attribute.example'|trans }}</em>
                            {% set cultureArray = [] %}
                            {% for key, culture in language %}{% set cultureArray = cultureArray|merge({(loop.index0):key}) %}{% endfor %}
                            {% set cultureArray = cultureArray|json_encode() %}
                            {% set addFormAction = path('officebrain_bundle_attribute_add_selected_attribute', {"_locale" : app.request.locale}) %}
                            <input id="ajaxAttributeList" class="form-control" type="text" data-active-culture ="{{ activeCulture }}" data-cultures = "{{ cultureArray }}" ajaxUrl="{{ path('officebrain_bundle_attribute_autofill_list',{"_locale": app.request.locale, "language" : activeCulture}) }}"/>
                        </div>
                    </div>
                    <div id="attributeData"></div>
                </div>
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <input type='submit' name='btnAttrSave' value='{{ 'attribute.save_btn_text'|trans }}' style="visibility: hidden;" id='btnAttrSave' class='button-secondary'>
                        &nbsp;<button type="button" class="button-secondary js-attribute-close" data-dismiss="modal">{{ 'attribute.CLOSE'|trans }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Add Modal -->
<div class="modal fade model-popup-black banner-copy-block" id="add_value_popup" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" id="attribute_value_html">
    </div>
</div>
    {% block javascripts %}
        <script src="{{ asset('bundles/officebraintheme/AdminTheme/js/jquery-ui.1.11.0.min.js') }}"></script>
        <script src="{{ asset('bundles/officebrainattribute/Admin/js/attributeCommon.js') }}"></script>
        
        <script type="text/javascript" src="{{ asset('bundles/officebrainattribute/Admin/js/attributeValue.js') }}"></script>
        <script type="text/javascript"> 
            var js_culture =  {{ language|json_encode|raw }};
            var js_locale="{{ app.request.locale }}";
            showAjaxLoading();
            $(document).ready(function(){
                hidePageAjaxLoading();
            });
            var attributeValuesObject = new AttributeValues();
            $( document ).on( "focus", ".ajaxAttributeValueList",attributeValuesObject.autofillvalues);
        </script>
        
    {% endblock javascripts %}
{% endblock main_content %}