{% spaceless %}
<div class="col-lg-12">
<div class="dashboard-list-block">
	<div class="tab-block">
		<ul id="js_country_tab" class="nav nav-tabs" data-route="office_brain_cmsbundle_cmsmenuadmin_menurights" 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">
			<div class="tab-pane fade active in" id="tab1">
				<div class="dashboard-list-block company-managment-block">
					<div class="table-block table-content-res-block">
						<div class="table-responsive fixed-menu">
							<form action="{{ path('office_brain_cmsbundle_cmsmenuadmin_savemenuitemrightsajax', {'id' : menuId, 'instance_id' : app.request.get('instance_id') }) }}" id="js-menu-item-rights-form" novalidate>
								<div class="table-fixed">
									<div class="table-left" style="width: 20%;float: left;">
                                    	<h2><label><span class="lbl"> {{ "cms.admin.menu.form.rights.menu_item" | trans }} </span></label></h2>
										<table class="table table-bordered tree">
											{% for key, item in form.menuItemMapping %} 
												{% set itemId = form.vars.value.menuItemMapping[key].id %}
												{% set parentId = form.vars.value.menuItemMapping[key].parentId %}
												{% set referenceId = form.vars.value.menuItemMapping[key].referenceId %}
												{% set itemType = form.vars.value.menuItemMapping[key].itemType %}
												<tr  class="treegrid-{{ loop.index }}" data-iteration="{{ loop.index }}" data-id="{{ itemId }}" data-parent-id="{{ parentId }}">
													<td  style="height: 52px;" class="{% if parentId != 0 %}hidden1{% endif %}" data-id="{{ itemId }}" data-parent-id="{{ parentId }}">
														{% for langKey,lang in item.languageMapping %}
														{{ form.vars.value.menuItemMapping[key].languageMapping[langKey].languageId == languageId ? form.vars.value.menuItemMapping[key].languageMapping[langKey].itemLabel : '' }}
														{% endfor %}
													</td>
												</tr>
											{% endfor %}
										</table>
									</div>
									<div class="table-right" style="width: 80%;float: left;">
                                    	<table class="table table-bordered tree fix-table">
                                        	<thead>
                                            	<tr>
                                            	{% for key,item in cms_menu_rights %}
													<th>
														<label>
															<input type="checkbox" class="ace js-menu-check" data-type="{{ key }}">
															<span class="lbl">
																{% set menuKey = "cms.admin.menu.form.rights.user_type."~key %}
																{{ menuKey | trans  }}
															</span>
														</label>
													</th>
												{% endfor %}
                                            	</tr>
											</thead>
                                            <tbody>
                                            	{% for key, item in form.menuItemMapping %} 
	                                            	{% set itemId = form.vars.value.menuItemMapping[key].id %}
													{% set parentId = form.vars.value.menuItemMapping[key].parentId %}
													{% set referenceId = form.vars.value.menuItemMapping[key].referenceId %}
													{% set itemType = form.vars.value.menuItemMapping[key].itemType %}
													<tr class="treegrid-{{ loop.index }}" data-iteration="{{ loop.index }}" data-id="{{ itemId }}" data-parent-id="{{ parentId }}">
														{% for key,item in cms_menu_rights %}
															{% set ischecked = 0 %}
															{% for suitem in item %}
																{% if  itemId ==  suitem %}
																	{% set ischecked = 1 %}
																{% endif %}
															{% endfor %}
																<td style="height: 52px;" class="js-item-select filder-checkbox js-{{ key }}">
																	<label>
																		<input type="checkbox" class="ace" name="item_{{ key }}[]" value="{{ itemId }}" {% if ischecked == 1 %} checked {% endif %} >
																		<span class="lbl"></span>
																	</label>
																</td>	
														{% endfor %}
														<td class="hidden">
															<input type="hidden" name="item_hidden[]" value="{{ itemId }}">
														</td>
													</tr>
												{% endfor %}
											</tbody>
										</table>
									</div>
                                </div>
                                <input type="hidden" name="countryId" value="{{ countryId }}">
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
<script>
CmsMenu.prototype.MenuRights();
</script>
{% endspaceless %}