@extends('layout')

@section('content')
{{-- begin:: Content --}}
						<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">
							<div class="row">
								<div class="col">
									<div class="alert alert-light alert-elevate fade show" role="alert">
										<div class="alert-icon"><i class="flaticon-lock kt-font-brand"></i></div>
										<div class="alert-text">
											<h3 class="alert-text">
												Gestionar Opciones de Usuario
											</h3>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-lg-12">
									{{-- Mensaje Exitoso --}}
									@if (session()->has('flash'))
									<div class="alert alert-success">{{ session('flash') }}</div>
									@endif
									  
									{{--begin::Portlet--}}
									<form action="" method="post" role="form">
										@csrf
									<div class="kt-portlet">
										<div class="kt-portlet__head">
											<div class="kt-portlet__head-label">
												<h3 class="kt-portlet__head-title">
													Rol: Super Admin
												</h3>
											</div>
										</div>
										<div class="kt-portlet__body">

											<div id="kt_tree" class="tree-demo jstree jstree-1 jstree-default jstree-checkbox-selection" role="tree" aria-multiselectable="true" tabindex="0" aria-activedescendant="j1_1" aria-busy="false" aria-selected="false">
												<ul class="jstree-container-ul jstree-children jstree-wholerow-ul jstree-no-dots" role="group">
													{{-- Begin::Lista de Opciones Principales --}}
													@foreach (App\Opciones::where('parent',0)->get(['id','nombre']) as $menu)
													<li role="treeitem" aria-selected="false" aria-level="1" aria-labelledby="j1_1_anchor" aria-expanded="true" id="j1_1" class="jstree-node  jstree-open">
														<div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div><i class="jstree-icon jstree-ocl" role="presentation"></i>
														<a class="jstree-anchor jstree-clicked" href="#" tabindex="-1" id="j1_1_anchor">
															<input checked class="opciones_check" type="checkbox" id="modulo_{{ $menu->id }}" />{{ $menu->nombre }}</a>
														<ul role="group" class="jstree-children">
															{{-- Begin::Lista de Opciones Hijas de las Opciones --}}
															@foreach(App\Opciones::where('parent',$menu->id)->get(['id','nombre']) as $menu_parent)
															<li role="treeitem" aria-selected="true" aria-level="2" aria-labelledby="3_anchor" id="3" class="jstree-node  jstree-leaf jstree-last">
																<div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
																<i class="jstree-icon jstree-ocl" role="presentation"></i>
																<a class="jstree-anchor jstree-clicked" href="#" tabindex="-1" id="3_anchor">
																	<input @if(App\RolesOpciones::where("opcion_id",$menu_parent->id)->where("role_id",$role_id)->count() > 0) checked @endif class="opciones1_check opciones_check modulo_{{ $menu->id }}" type="checkbox" id="opcion_{{ $menu_parent->id }}" data-modulo="modulo_{{ $menu->id }}" data-opcion="opcion_{{ $menu_parent->id }}" name="opcion[{{ $menu_parent->id }}]" value="1"/>{{ $menu_parent->nombre }}</a>
															</li>
															@endforeach
															{{-- End::Lista de Opciones Hijas de las Opciones --}}
														</ul>
													</li>
													@endforeach
													{{-- End::Lista de Opciones Principales --}}
													{{--<li role="treeitem" aria-selected="false" aria-level="1" aria-labelledby="j1_4_anchor" id="j1_4" class="jstree-node  jstree-leaf">
														<div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
														<i class="jstree-icon jstree-ocl" role="presentation"></i>
														<a class="jstree-anchor" href="#" tabindex="-1" id="j1_4_anchor">

															<input checked class="" type="checkbox" id="modulo_1" />OPCIONES DEL SISTEMA</a>
													</li>
													<li role="treeitem" aria-selected="true" aria-level="1" aria-labelledby="j1_5_anchor" id="j1_5" class="jstree-node  jstree-leaf jstree-last"><div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
														<i class="jstree-icon jstree-ocl" role="presentation"></i>
														<a class="jstree-anchor" href="#" tabindex="-1" id="j1_5_anchor">

															<input checked class="" type="checkbox" id="modulo_1" />USUARIOS DEL SISTEMA</a>
													</li>--}}
												</ul>
											</div>

										</div>
										<div class="kt-portlet__foot">
											<div class="kt-form__actions">
												<button type="submit" class="btn btn-primary btn-elevate btn-pill"><i class="la la-save"></i> Guardar</button>
												<button type="reset" class="btn btn-secondary btn-elevate btn-pill">Cancelar</button>
											</div>
										</div>
									</div>
								</form>
									{{--end::Portlet--}}
								</div>
							</div>
						</div>

{{-- end:: Content --}}
@endsection