{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}

{% block breadcrumb %}
    <li><a href="{{ path('office_brain_servicegroupbundle_chargesrulemasteradmin_list') }}">{{ 'admin.service_group_management.rule_master_management'|trans }}</a></li>
    {% endblock breadcrumb %}

{% block main_page_title %}
    <h1><i class="fa fa-tasks"></i> {{ 'admin.charges_rule_master.page_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-lg-8">
                    {% if (ob_project_promo_discount_access_rule.rule_master.option.rule_master_list.status == 1) %}
                        <form method="get" id="js-search-form" action="{{ url('office_brain_page_comingsoon_view') }}">
                            <div class="top-title-form">
                                <div class="row">
                                    <div class="col-lg-12 col-sm-12 col-md-12">
                                        <input type="text" id="search_query" name="search_query" value="{{ search_query }}" placeholder="{{ 'admin.search.placeholder'|trans }}" maxlength="255" target="menu-slug">
                                        <a href="javascript:;" class="search-btn"><i class="fa-search fa"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="top-title-form">
                                <input type="submit" class="button-secondary js-search-button" value="{{ 'search.search'|trans({},'app') }}">
                            </div>
                            <div class="top-title-form">
                                <a href="javascript:void(0)" class="admin-custom-btn js-reset-button"><i class="fa fa-refresh"></i>{{ 'admin.form.button.reset.label'|trans }}</a>
                            </div>
                        </form>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    {% if (ob_project_promo_discount_access_rule.rule_master.option.rule_master_add.status == 1) %}
                        <div class="top-title-form pull-right">
                            <a class="admin-custom-btn" href="{{ path('office_brain_servicegroupbundle_chargesrulemasteradmin_add') }}"><i class="fa fa-plus"></i>{{ 'admin.service_group_management.rule_master.button.add'|trans }}</a>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </nav>

    {% if (ob_project_promo_discount_access_rule.rule_master.option.rule_master_list.status == 1) %}
        <div class="dashboard-list-block">
            <div class="tab-block">
                <ul id="serviceGroupListTab" class="nav nav-tabs">

                    {% for key,item in country %}
                        <li {{ item.id == country_id ? 'class="active"' : '' }}>
                            <a href="#{{key}}"  data-toggle="tab"
                               onClick="rule_master.switchTabContent('{{path('office_brain_servicegroupbundle_chargesrulemasteradmin_listajax',{ 'countryId':item.id}|merge(app.request.query.all)) }}', '');">{{ item.name }} </a>
                        </li>
                    {% endfor %}
                </ul>
                <div id="serviceGroupListTabContent" class="tab-content">
                    {{include('OfficeBrainServiceGroupBundle:ChargesRuleMasterAdmin:listAjax.html.twig')}}
                </div>

            </div>
        </div>
    {% endif %}

{% endblock main_content %}

{% block footer_js %}
    {{ parent() }}

    {% javascripts
    '@OfficeBrainServiceGroupBundle/Resources/public/js/query-builder.js' %}
    <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}

    {% stylesheets '@OfficeBrainServiceGroupBundle/Resources/public/css/query-builder.css' %}
    <link href="{{ asset_url }}" rel="stylesheet" type="text/css" />
    {% endstylesheets %}

    {% javascripts
    '@OfficeBrainServiceGroupBundle/Resources/public/js/rule_master.js' %}
    <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}

    <script>

                               $(function () {
        {%  if (app.session.has('rule-master-success')) %}
                        showSuccessMessage('{{ app.session.remove('rule-master-success') }}');
        {% elseif (app.session.has('rule-master-error')) %}
                        showErrorMessage('{{ app.session.remove('rule-master-error') }}');
        {% elseif (app.session.has('rule-master-warning')) %}
                        showWarningMessage('{{ app.session.remove('rule-master-warning') }}');
        {% endif %}
                    });

    </script>
{% endblock footer_js %}