{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block breadcrumb %}
  <li>{{ 'product.brand.list'|trans }}</li>
{% endblock breadcrumb %}
{% block main_page_title %}<h1><i class="fa fa-university"></i> {{ 'product.brand.list'|trans }}</h1>{% endblock main_page_title %}
{% block header_css %}
    {{ parent() }}
    <link rel='stylesheet' href="{{ asset('bundles/officebrainproduct/css/Admin/brand_style.css') }}"></link>
    <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_brand_form" action="{{path('officebrain_bundle_brand_list_brand_wo_culture',{'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>
                        {% if(ob_project_configuration_rule.product.add_update.brand.supplierwise_brand) %}
                            <div class="top-title-form search-width">
                                <div class="row">
                                    <div class="col-lg-12 col-sm-12 col-md-12">
                                        <select class="form-control" name="supplier_id" id="supp_id">
                                             <option value="" {% if(data.supplier_id == "0")%}selected="selected"{%endif %}>{{ 'PRODUCT_LIST.SELECT_SUPPLIER'|trans }}</option>
                                            {% for key, supplier_ids in supplierData %}
                                            <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>
                            </div>
                        {% endif %}
                        <div class="top-title-form">
                            <input type="submit" class="button-secondary" id="js_search_brand_button" value="{{ 'product.brand.SEARCH'|trans }}">
                            {% if data.search_query != "" or  data.supplier_id!="" %}&nbsp;<input type="button" onClick="location.href = '{{path('officebrain_bundle_brand_list_brand_wo_culture',{'language' : activeCulture})}}'" class="button-secondary" value="{{ 'product.brand.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.brand.option.add.status == 1 %}
                    <div class="top-title-form pull-right">
                        <a data-toggle="modal" data-target="#add_brand_popup" href="javascript:void(0)" class="admin-custom-btn"><i class="fa fa-plus"></i>{{ 'product.brand.add_brand'|trans }}</a>
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
</nav>
<div class="dashboard-list-block brand-block">
        <div class="tab-block">
            <ul id="myTab1" class="nav nav-tabs">
                {% for key,culture in language %}
                    <li class="{% if key == activeCulture %}active{% endif %}" data-culture-id="{{ culture.id }}" data-culture-name="{{ activeCulture }}">
                        <a href="{{ path('officebrain_bundle_brand_list_brand_wo_culture',data.params_to_append|merge({"_locale" : app.request.locale,"language" : key})) }}" onClick="javascript:switchTabContent('{{path('officebrain_bundle_brand_list_brand_wo_culture',{"_locale" : app.request.locale })}}','{{ culture.id }}');" >{{ culture.name }}</a>
                    </li>
                {% endfor %}
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade active in" id="culture{{ activeCulture }}">
                    <div class="table-block table-content-res-block">
                        <div class="table-responsive">  
                          {%  if brandData is not empty %}
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        {% if data.sort_type == 'desc' %}{% set sortType = 'asc' %}{% else %}{% set sortType = 'desc' %}{% endif %}
                                        <th width="40%">{{ 'product.brand.title_brand'|trans }}</th>
                                        <th>{{ 'product.brand.title_image'|trans }}</th>
                                        {% if(ob_project_configuration_rule.product.add_update.brand.supplierwise_brand) %}
                                        <th width="30%">{{ 'product.brand.supplier'|trans }}</th>
                                        {% endif %}
                                        <th width="30%">Status</th>
                                        <th width="30%">{{ 'Action' }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                {% for brand in brandData %}
                                    <tr>
                                        <td>{{ brand.name }}</td>
                                        <td><div class="brand-img-block"><img src="{{ brand.image }}" class="img-responsive"></div></td>
                                        <td>
                                            {% if(brand.status==0) %}
                                            <button class="btn inactive-btn js-brand-status" data-id="{{ brand.brand_id }}" data-url="{{ path('officebrain_brand_bundle__change_status') }}">
                                                <i class="fa fa-ban"></i>{{ 'admin.status.inactive'|trans }}
                                            </button>
                                        {% elseif(brand.status==1) %}
                                            <button class="btn active-btn js-brand-status" data-id="{{ brand.brand_id }}" data-url="{{ path('officebrain_brand_bundle__change_status') }}">
                                                <i class="fa fa-check-circle-o"></i>{{'admin.status.active'|trans }}
                                            </button>
                                        {% endif %}
                                         </td>   
                                       
                                        <td>
                                            <a href="" data-hover="tooltip" title="Edit" data-original-title="Edit" class="btn-xs sub-shop-btn js_brand_edit" data-placement="top" data-target="#edit_brand_popup" data-toggle="modal" data-pmsid="{{ brand.brand_id}}"><i class="fa fa-pencil-square-o"></i></a><a href="javascript:void(0)" data-hover="tooltip" title="Delete" data-original-title="Delete" onclick="return delete_brand({{brand.brand_id}})" class="btn-xs sub-shop-btn js-delete-brand"><i class="fa fa-trash-o"></i></a>
                                        </td>
                                        {% if(ob_project_configuration_rule.product.add_update.brand.supplierwise_brand) %}
                                            {% set supplier_name = "" %}
                                            {% for key, supplier_ids in supplierData %}
                                                {% if(brand.supplier_id == supplier_ids.supplier_id)%}
                                                    {% set supplier_name = supplier_ids.firstName %}
                                                {% endif %}
                                            {% endfor %}
                                        <td>{{ supplier_name }}</td>
                                        {% endif %}
                                    </tr>
                                {% endfor %}
                                    <tr>
                                        <td colspan="3">{{ knp_pagination_render(data.pagination, 'OfficeBrainCoreBundle:Admin:adminPagination.html.twig') }}</td>
                                    </tr>
                                </tbody>
                            </table>
                          {% else %}
                            <div>{{ 'product.brand.NO_RECORD_FOUND'|trans }}</div>
                          {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Add Modal -->
<div class="modal fade model-popup-black banner-copy-block" id="add_brand_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-plus"></i> {{ 'product.brand.add_brand'|trans }}</h1>
            </div>
            <div class="modal-body">

                <div class="row">
                  <form id="brandAddForm" action="{{ path('officebrain_bundle_add_culture_brand',{"_locale" : app.request.locale, "brand_culture" : activeCulture}) }}" method="post" name="formAddNewBrand" novalidate="" enctype="multipart/form-data">
                    <div class="col-lg-8">
                        <div class="row">
                            {% if(ob_project_configuration_rule.product.add_update.brand.supplierwise_brand) %}
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="text">{{ 'PRODUCT_LIST.SUPPLIER'|trans }} </label>
                                    <select class="form-control" name="supplier_id">
{#                                      <option value="">{{ 'PRODUCT_LIST.SELECT_SUPPLIER'|trans }}</option>#}
                                        {% for key, supplier_ids in     supplierData %}
                                        <option value="{{ supplier_ids.supplier_id }}">{{ supplier_ids.firstName }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                            {% endif %}
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="text">{{ 'product.brand.title_brand'|trans }} </label> <span class="red">*</span><em>{{ 'product.brand.example'|trans }}</em>
                                    <input  id="ajaxBrandList" class="form-control" type="text" data-active-culture="{{ activeCulture }}"
                                            ajaxUrl="{{ path('officebrain_bundle_ajax_brand_list',{"_locale" : app.request.locale, "brand_culture" : activeCulture}) }}">
                                            {# placeholder="{{ 'product.brand.enter_brand_name'|trans }}" #}
                                </div>
                            </div>
                            <div id="divBrandData"></div>
                        </div>
                    </div>
                    <div class="col-lg-4 js-brand-logo hide">
                        <div class="form-group">
                            <label for="text">{{ 'product.brand.logo'|trans }}</label>
                            <div><label class="custom-upload js-custom-upload">
                                <input type="file" name="upload_file" /></label>
                            </div>
                        </div>
                    </div>
                  </form>
                    <div class="col-lg-12 text-center">
                        <input type='submit' name='btnBrandSave' value='{{ 'SAVE'|trans }}' style="visibility: hidden;" id='btnBrandSave' class='button-secondary'> {# by 4808 #}
                        &nbsp;<input type="reset" value="{{ 'Close'|trans }}" class="button-secondary js-brand-close" data-dismiss="modal" aria-label="{{ '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_brand_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> {{ 'product.brand.edit_brand'|trans }}</h1>
            </div>
            <div class="modal-body">
                <div class="row">
                    <form id="brandUpdateForm" action="{{ path('officebrain_brand_bundle_updateculturebrand_brand',{'_locale': app.request.locale,'brand_culture':activeCulture}) }}" method="post" name="formUpdateBrand" class="registrationUser" novalidate="" enctype="multipart/form-data" >
                        <div class="col-lg-8">
                            <div class="row">
                                <div id="modal_edit_branddata"></div>
                                 <input type='hidden' name='activeculture_id' id='activeCultureId'>
                                 <input type='hidden' name='brandid' id="brandId" />
                            </div>
                        </div>
                        <div class="col-lg-4 js-brand-logo hide">
                        <div class="form-group">
                            <label for="text">{{ 'product.brand.logo'|trans }}</label>
                            <div><label class="custom-upload edit-js-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='btnCatUpdate' value='{{ 'category.update'|trans }}'  id='btnBrandUpdate' 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('pm_plugin/ajax_image_upload.js') }}"></script>

  <script>
    var js_culture = {{ language|json_encode|raw }};
    var js_locale = "{{ app.request.locale }}";

    //  Code For Image Upload
    var image_upload_action = BASE_URL +"/"+js_locale+ "/image/upload/brand";
    var uploadLogoObject = new uploadLogo();
    uploadLogoObject.setAction(image_upload_action);
    $(document).on('change','.ajaxFileUpload:file',uploadLogoObject.upload);
    // EO For Image Upload
  </script>
  <script src="{{ asset('bundles/officebraintheme/AdminTheme/js/jquery-ui.1.11.0.min.js') }}"></script>
  <script src="{{ asset('bundles/officebrainproduct/js/Admin/brandCommon.js') }}"></script>
  <script type="text/javascript">
        showAjaxLoading();
        $(document).ready(function(){
            hidePageAjaxLoading();
        });

        $(document).on('click', '.js-brand-status', function (e) {
        e.preventDefault();
        var status_btn = $(this);
        $(this).addClass('disabled');
        $('i', this).addClass('disabled');
        showTopAjaxLoading();
        $.ajax({
            type: 'POST',
            data: {'id': $(this).data('id')},
            url: $(this).data('url'),
            cache: false,
            dataType: 'json',
            success: function (response_data) {
                hideTopAjaxLoading();
                if (response_data.status == "success") {        
                    showSuccessMessage(response_data.status_message);
                } else {
                    showErrorMessage(response_data.status_message);
                }
                status_btn.removeClass('disabled');
                if (status_btn.hasClass('active-btn')) {
                    status_btn.removeClass('active-btn');
                    status_btn.addClass('inactive-btn');
                    status_btn.html('<i class="fa fa fa-ban"></i>'+Translator.trans('inactive', {}, 'js'));
                }else{
                    status_btn.removeClass('inactive-btn');
                    status_btn.addClass('active-btn');
                    status_btn.html('<i class="fa fa-check-circle-o"></i>'+Translator.trans('active', {}, 'js'));
                }
            }
        });
    });
    </script>
{% endblock javascripts %}
{% endblock main_content %}