{% extends app.request.get('instance_id') > 0 ? "::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>{{ "cms.admin.menu.title" | trans }}</li>
{% endblock breadcrumb %}

{% block main_page_title %}
<h1><i class="fa fa-bars"></i>
    {% block form_title %}
    {{ "cms.admin.menu.title" |trans }}
    {% endblock form_title %}
</h1>
{% endblock main_page_title %}
{% block ajax_body %}
{% block main_content %}
<nav class="navbar navbar-default top-dropdown">
        <div class="container-fluid">
            <form method="get">
                <label class="access-title pull-left padding-5{% if app.request.get('iframe') == 1 %} hidden{% endif %}">{{ "cms.admin.menu.select_menu" | trans }}:</label>
                <div class="form-group top-title-form select-col">
                    <select class="form-control pull-left js-menu-change{% if app.request.get('iframe') == 1 %} hidden{% endif %}" data-route="office_brain_cmsbundle_cmsmenuadmin_menu">
                        {% for item in menuList %}
                        	<option value="{{ item.slug }}" {% if app.request.get('slug') == item.slug %} selected {% endif %}>{{ item.name | trans }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="top-title-form pull-right">
                    <a class="admin-custom-btn js-save-menu-btn" href="javascript:void(0)" data-original-label="{{ "cms.admin.menu.save_menu" | trans }}" data-route="office_brain_cmsbundle_cmsmenuadmin_savemenuitemajax"><i class="fa fa-save"></i>{{ "cms.admin.menu.save_menu" | trans }}</a>
                </div>
                {% if ob_project_user_setting.user_data.userType is defined and ob_project_user_setting.user_data.userType =='admin'  %}
	                <div class="top-title-form pull-right">
	                    <a class="admin-custom-btn js-menu-assign-rights" href="javascript:void(0)" data-original-label = "{{ "cms.admin.menu.assign_rights" | trans }}" data-menu-slug="{{ app.request.get('slug') }}"><i class="fa fa-save"></i>{{ "cms.admin.menu.assign_rights" | trans }}</a>
	                </div>
                {% endif %}
                <div class="top-title-form pull-right">
                    <a class="admin-custom-btn hide js-menu-go-back" href="javascript:void(0)" data-original-label = "{{ "cms.admin.menu.go_back" | trans }}" data-menu-slug="{{ app.request.get('slug') }}"><i class="fa fa-long-arrow-left"></i>{{ "cms.admin.menu.go_back" | trans }}</a>
                </div>
                <div class="top-title-form pull-right">
                	<a class="admin-custom-btn hide js-save-rights-btn" href="javascript:void(0)"><i class="fa fa-save"></i>{{ "cms.admin.menu.save_menu_rights" | trans }}</a>
                </div>
            </form>
        </div>
    </nav>
    <div class="row js-content-row">
        <div class="col-lg-4 col-md-5 col-sm-4 col-xs-12 js-menu-sidebar">
        	{% use 'OfficeBrainCmsBundle:CmsMenuAdmin:menuSideBar.html.twig' %}
        	{% block cms_menu_side %} {{ parent() }}{% endblock cms_menu_side %}
        </div>
        <div class="col-lg-8 col-md-7 col-sm-8 col-xs-12">
            <div class="header-right-menu dashboard-list-block">
                <div class="tab-block">
                    <ul id="js_country_tab" class="nav nav-tabs" data-route="office_brain_cmsbundle_cmsmenuadmin_menuajax" data-menu-slug="{{ app.request.get('slug') }}" data-menu-id="{{ menuId }}" data-instance-id="{{ app.request.get('instance_id') }}">
                    	{% for key,item in country %}
				            <li {{ item.id == countryId ? 'class="active js-current"' : '' }} data-country-id="{{ item.id }}">
				            	<a href="#{{key}}" data-toggle="tab">{{ item.name }}</a>
				            </li>
			            {% endfor %}
                    </ul>
                    <div id="myTabContent" class="tab-content js-country-menu-data" data-country-id="{{ countryId }}" data-delete-menu-item-route="office_brain_cmsbundle_cmsmenuadmin_deletemenuitemajax">
                    	{% if menu %}
	                    	<div class="product-loding-block js-menu-item-loader">
								<h2><i class="fa fa-circle-o-notch fa-spin"></i> Wait a moment...it's loading!</h2>
							</div>
						{% endif %}
                        <div class="tab-pane fade active in" id="tab1">
                        	{% include 'OfficeBrainCmsBundle:CmsMenuAdmin:menuItemList.html.twig' %}
	        			</div>
					</div>
                </div>
            </div>
        </div>
    </div>
{% endblock main_content %}
{% endblock ajax_body %}


{% block sidebar %}
	{% if app.request.get('iframe') == 0 %}{{parent()}}{% endif %}
{% endblock sidebar %}

{% block header %}
	{% if app.request.get('iframe') == 0 %}{{parent()}}{% endif %}
{% endblock header %}

{% block footer %}
	{% if app.request.get('iframe') == 0 %}{{parent()}}{% endif %}
{% endblock footer %}

{% block footer_js %}
	{{ parent() }}
	{% javascripts
		 '@OfficeBrainCmsBundle/Resources/public/js/jquery.nestable.js'
		 '@OfficeBrainCmsBundle/Resources/public/js/cms_menu.js' %}
		<script src="{{ asset_url }}" type='text/javascript'></script>
	{% endjavascripts %}
{% endblock footer_js %}