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

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

{% block main_page_title %}
    <h1><i class="fa fa-users"></i> {{ 'admin.charges_rule_mapping.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">
                </div>
                <div class="col-lg-4">
                    {% if (ob_project_promo_discount_access_rule.rule_mapping.option.rule_mapping_add.status == 1) %}
                    <div class="top-title-form pull-right">
                        <a class="admin-custom-btn" href="{{ path('office_brain_servicegroupbundle_chargesrulemappingadmin_add') }}"><i class="fa fa-plus"></i>{{ 'admin.service_group_management.rule_mapping.button.add'|trans }}</a>
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </nav>

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

                {% for key,country in country %}
                    <li>
                        <a href="#{{key}}" data-toggle="tab"
                           onClick="rule_mapping.switchTabContent('{{path('office_brain_servicegroupbundle_chargesrulemappingadmin_listajax',{"countryId":country.id})}}');">{{ country.name }}</a>
                    </li>
                {% endfor %}
            </ul>
            <div id="serviceGroupListTabContent" class="tab-content">{{ include('OfficeBrainServiceGroupBundle:ChargesRuleMappingAdmin: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 %}

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

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


{% endblock footer_js %}