{% extends app.request.get('instance_id') > 0 or (app.request.isXmlHttpRequest) ? "::adminBaseAjax.html.twig" : app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}

{% block breadcrumb %}
    <li><a href="{{ path('office_brain_page_admin_content_management') }}">{{ "cms.admin.breadcrumb"|trans }}</a> /</li>
    <li><a href="{{ path('office_brain_bannerbundle_banneradmin_listbanner',{'instance_id':app.request.get('instance_id')}) }}">{{ "bannertype.banner.breadcrumb"|trans }}</a> / </li>
    <li>{{ "bannertype.banner.banner_breadcrumb" | trans }}</li>

{% endblock breadcrumb %}

{% block main_page_title %}
    {% block form_title %}
        <i class="fa fa-image"></i> {{ "bannertype.banner.banner_breadcrumb" | trans }}
    {% endblock form_title %}
{% endblock main_page_title %}

{% block ajax_body %}
    {% block main_content %}
        {% if (ob_project_site_management_access_rule.banner.option.banner.status == 1) and (ob_project_site_management_access_rule.banner.option.banner.option.banner_list.status == 1) %}
<form name="banner-page-container" action="{{ path('office_brain_bannerbundle_banneradmin_listbanner') }}" id="banner-page-container" method="GET" data-paging-mode='ajax' data-pagination-mode='1' data-scroll-id='banner-page-container' data-container-id='bannerListTabContent'>
            <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 search-width">
                                <div class="row">
                                    <div class="col-lg-12 col-sm-12 col-md-12">
                                        <input type="text" placeholder="{{ 'bannertype.header.list.search_by_name'|trans }}" maxlength="255"  class="flidtext js-search-field" name="search_query" id="banner_search_query" value="">
                                        <a class="search-btn" href="javascript:void(0);"><i class="fa-search fa search-btn"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group top-title-form">
                                <div id="searchdatetimepicker1" class="input-append date input-group date-block">
                                    <input type="text" data-format="MM/dd/yyyy" class="form-control js-search-field" placeholder="{{ 'bannertype.banner.form.start_date'|trans }}" readonly="readonly">
                                    <span class="add-on input-group-addon datepicker-color">
                                        <i class="fa-calendar fa"></i>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group top-title-form">
                                <div id="searchdatetimepicker2" class="input-append date input-group date-block">
                                    <input type="text" data-format="MM/dd/yyyy" class="form-control js-search-field" placeholder="{{ 'bannertype.banner.form.end_date'|trans }}" readonly="readonly">
                                    <span class="add-on input-group-addon datepicker-color">
                                        <i class="fa-calendar fa"></i>
                                    </span>
                                </div>
                            </div>
                            <div class="top-title-form">
                                <a href="javascript:void(0)" onClick="banner_object.searchTheBanner('{{path('office_brain_bannerbundle_banneradmin_searchbannertypeajax',{'instance_id':app.request.get('instance_id')})}}', 'search');">
                                    <input  id="list-search-submit" type="button" value="{{ 'bannertype.search'|trans }}" class="button-secondary">
                                </a>
                            </div>
                            <div class="top-title-form">
                                <a onClick="banner_object.searchTheBanner('{{path('office_brain_bannerbundle_banneradmin_searchbannertypeajax',{'instance_id':app.request.get('instance_id')})}}', 'reset');" class="admin-custom-btn" href="javascript:void(0)"><i class="fa fa-refresh"></i>{{ "bannertype.reset" | trans }}</a>
                            </div>
                        </div>
                        {% if (ob_project_site_management_access_rule.banner.option.banner.status == 1) and (ob_project_site_management_access_rule.banner.option.banner.option.banner_add_edit.status == 1) %}
                            <div class="col-lg-4 col-md-12 col-xs-12 col-sm-12">
                                <div class="top-title-form pull-right">
                                    {% if app.request.get('instance_id') > 0%}
                                        <a href="javascript:void(0)" data-route="{{ path('office_brain_bannerbundle_banneradmin_addbanner',{'instance_id':app.request.get('instance_id')}) }}" class="admin-custom-btn js-banner-action"><i class="fa fa-plus"></i>{{ 'bannertype.banner.add_form_title_h3'|trans }}</a>
                                        {% else %}
                                        <a href="{{ path('office_brain_bannerbundle_banneradmin_addbanner',{'instance_id':app.request.get('instance_id')}) }}" class="admin-custom-btn"><i class="fa fa-plus"></i>{{ 'bannertype.banner.add_form_title_h3'|trans }}</a>
                                        {% endif %}
                                </div>
                            </div>
                        {% endif %}
                    </div>
                </div>
            </nav>

            <div class="banner-listing-block dashboard-list-block">
                <div class="tab-block">
                    <ul id="bannerListTab" class="nav nav-tabs" loc="{{ app.request.locale }}">
                        {% for key,country_val in country %}
                        	{% if country_val.id == 233 %}
                                <li data-chk="{{ country_val.language|keys[0] }}_{{ country_val.short_name }}">
                                    <a href="#{{key}}"  data-toggle="tab"
                                       onClick="banner_object.switchTabContent('{{path('office_brain_bannerbundle_banneradmin_listbannerajax',{'culture':country_val.language|keys[0]~ '_' ~country_val.short_name ,'instance_id':app.request.get('instance_id')})}}');">{{ country_val.name }}</a>
                                </li>
                           	{% endif %}
                        {% endfor %}
                    </ul>
                    <div id="bannerListTabContent" class="tab-content">{{include('OfficeBrainBannerBundle:BannerAdmin:tabBannerListContents.html.twig')}}</div>
                </div>
            </div>
</form>
        {% endif %}

        <div id="js-make-copy-content" tabindex="-1" data-backdrop="static" data-keyboard="false" class="modal fade model-popup-black" role="dialog" aria-hidden="false">
            <div class="modal-backdrop fade in"></div>
            <div class="modal-dialog">
                <div class="modal-content">
                    <button aria-label="Close" data-dismiss="modal" class="close" type="button"><i class="fa fa-times"></i></button>
                    <form id='js-copy-country-form' action="{{ path('office_brain_bannerbundle_banneradmin_copybanner',{'instance_id':app.request.get('instance_id')}) }}" method="post">
                        <div class="modal-header">
                            <h1 class="modal-title modal-popup-icon-title"><i class="fa fa-files-o"></i> {{ 'admin.service_group_management.make_copy.label'|trans }}</h1>
                        </div>
                        <div class="modal-body">
                            {{ include('OfficeBrainBannerBundle::makecopy.html.twig') }}
                            <input type="hidden" value="" name="banner_group_id" id="banner_group_id">
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-default pull-left">{{ 'admin.form.button.submit.label'|trans }}</button>&nbsp;
                            <button type="reset" class="btn btn-default pull-left ">{{ 'admin.form.button.reset.label'|trans }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        {% if app.request.get('instance_id') > 0%}
{#            {{ include('OfficeBrainBannerBundle::forSubShopJs.html.twig') }}#}
			<script type="text/javascript">
				banner_object.initList(); 
		        $('#bannerListTab li.active a').trigger("click");   
			</script>
        {% endif %}
    {% endblock main_content %}
{% endblock ajax_body %}
 
    {% block footer_js %}
        {{ parent() }}        
        <!-- For Banner List Data Grid | 4571 -->
        {% javascripts  '@OfficeBrainBannerBundle/Resources/public/js/banner-list.js' %}	
        <script src="{{ asset_url }}" type='text/javascript'></script>
        {% endjavascripts %}
        <script type="text/javascript">
             banner_object.initList();
             $('#bannerListTab li.active a').trigger("click");   
        </script>
    {% endblock footer_js %}