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

{% block breadcrumb %}
    <li>{{'admin.service_group_management.service_group_list'|trans }}</li>
{% endblock breadcrumb %}

{% block main_page_title %}
    <h1><i class="fa fa-users"></i> {{ 'admin.service_group_management.service_group_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_user_access_rule.option.service_group.option.button_view_service_group.status == 1) and (ob_project_user_access_rule.option.service_group.option.button_view_service_group.option.button_search_service_group.status == 1) %}
                    	<form method="get" action="{{ url('office_brain_servicegroupbundle_servicegroupadmin_list') }}" class="js-top-section-search-form">
                        	<div class="top-title-form">
                            	<div class="row">
                                	<div class="col-lg-12 col-sm-12 col-md-12">
                                    	<input type="text" id="main_search_query" class="js-search-field js-can-search-field" 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-section-search-btn" value="{{ 'admin.form.button.search'|trans({}, 'admin') }}"/>
							</div>
                            <div class="top-title-form pull-left">
								<a class="admin-custom-btn js-reset-search-form" data-reset-url="{{ path('office_brain_servicegroupbundle_servicegroupadmin_list') }}" href="javascript:void(0)"><i class="fa fa-refresh"></i>{{ 'reset'|trans({},'app') }}</a>
							</div>
						</form>
					{% endif %}
				</div>
                <div class="col-lg-4">
                	{% if (ob_project_user_access_rule.option.service_group.option.button_add_service_group.status == 1) %}
                    	<div class="top-title-form pull-right">
                        	<a class="admin-custom-btn" href="{{ path('office_brain_servicegroupbundle_servicegroupadmin_add') }}"><i class="fa fa-plus"></i>{{ 'admin.service_group_management.service_group.button.add'|trans }}</a>
						</div>
					{% endif %}
				</div>
			</div>
		</div>
	</nav>

    {% if (ob_project_user_access_rule.option.service_group.option.button_view_service_group.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="service_group.switchTabContent('{{path('office_brain_servicegroupbundle_servicegroupadmin_listajax',{ 'countryId':country.id}|merge(app.request.query.all)) }}', '');">{{ country.name }}</a>
	                    </li>
	                {% endfor %}
	            </ul>
	            <div id="serviceGroupListTabContent" class="tab-content">{{include('OfficeBrainServiceGroupBundle:ServiceGroupAdmin:listAjax.html.twig')}}</div>
	        </div>
	    </div>
    {% 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_servicegroupbundle_servicegroupadmin_copyservicegroup')}}" 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('OfficeBrainServiceGroupBundle::makecopy.html.twig') }}
						<input type="hidden" value="" name="service_group_id" id="service_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 js-reset-btn">{{ 'admin.form.button.reset.label'|trans }}</button>
					</div>
				</form>
			</div>
		</div>
	</div>
{% endblock main_content %}

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

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

    <script type="text/javascript">
        service_group.initList();
        service_group.asset_url = '{{ ob_project_assets_base_url }}';
    </script>
{% endblock footer_js %}