@extends('layouts.app')

@section('content')
<script type="text/javascript" src="{{ asset('enadmin/js/plugins/jquery.nestable.js') }}"></script>
<section class="page-header row">
	<h2> {{ $pageTitle }}</h2>
	<ol class="breadcrumb">
		<li><a href="{{ url('') }}"> Dashboard </a></li>
		<li class="active"> {{ $pageTitle }} </li>		
	</ol>
</section>
<div class="page-content row">
	<div class="page-content-wrapper no-margin">
	<h3 class="section-title">{{ $pageTitle }}</h3>
		<!-- <div class="sbox"  > -->
			<!-- <div class="sbox-title" >   
				 <h1> {{ $pageTitle }} <small> {{ $pageNote }} </small></h1>
			</div> -->
			<div class="sbox-content">

					
				<div class="col-md-5">
				<div class="sbox"  >
				<h3 class="section-title mt-0">Menu navigation </h3>
					<fieldset style="min-height: 400px;">
						<!-- <legend> Menu navigation</legend> -->
						

<div id="list2" class="dd myadmin-dd-empty " style="min-height:350px;">
              <ol class="dd-list">
			@foreach ($menus as $menu)
				  <li data-id="{{$menu['menu_id']}}" class="dd-item dd3-item">
					<div class="dd-handle dd3-handle"></div><div class="dd3-content">{{$menu['menu_name']}}
						<span class="pull-right">
						<a href="{{ url('central/menu/index/'.$menu['menu_id'].'?pos='.$active)}}"><i class="fa fa-edit"></i></a></span>
					</div>
					@if(count($menu['childs']) > 0)
						<ol class="dd-list" style="">
							@foreach ($menu['childs'] as $menu2)
							 <li data-id="{{$menu2['menu_id']}}" class="dd-item dd3-item">
								<div class="dd-handle dd3-handle"></div><div class="dd3-content">{{$menu2['menu_name']}}
									<span class="pull-right">
									<a href="{{ url('central/menu/index/'.$menu2['menu_id'].'?pos='.$active)}}"><i class="fa fa-edit"></i></a></span>
								</div>
								@if(count($menu2['childs']) > 0)
								<ol class="dd-list" style="">
									@foreach($menu2['childs'] as $menu3)
									 	<li data-id="{{$menu3['menu_id']}}" class="dd-item dd3-item">
											<div class="dd-handle dd3-handle"></div><div class="dd3-content">{{ $menu3['menu_name'] }}
												<span class="pull-right">
												<a href="{{ url('central/menu/index/'.$menu3['menu_id'].'?pos='.$active)}}"><i class="fa fa-edit"></i></a>
												</span>
											</div>
										</li>	
									@endforeach
								</ol>
								@endif
							</li>							
							@endforeach
						</ol>
					@endif
				</li>
			@endforeach			  
              </ol>
            </div>
		 {!! Form::open(array('url'=>'central/menu/saveorder', 'class'=>'form-horizontal','files' => true)) !!}	
			<input type="hidden" name="reorder" id="reorder" value="" />
 <div class="infobox infobox-danger fade in">
 <p> {{ Lang::get('core.t_tipsnote') }}	</p>
</div>			
		
			<button type="submit" class="btn btn-primary ">  {{ Lang::get('core.sb_reorder') }} </button>	
		 {!! Form::close() !!}	


					</fieldset>
				</div>	
				</div>
				<div class="col-md-7">
					<div class="sbox">
					<div class="h3 section-title mt-0">Create / Update</div>
					<fieldset style="min-height: 400px;">
						<!-- <legend> Create / Update</legend> -->



		 {!! Form::open(array('url'=>'central/menu/save', 'class'=>'form-horizontal','files' => true  , 'parsley-validate'=>'','novalidate'=>' ')) !!}
				

				
				<input type="hidden" name="menu_id" id="menu_id" value="{{ $row['menu_id'] }}" />
				<input type="hidden" name="parent_id" id="parent_id" value="{{ $row['parent_id'] ? $row['parent_id'] : 0  }}" />	
								
				 
				  <div class="form-group  " >
					<label for="ipt" class=" control-label col-md-3 text-right">{{ Lang::get('core.fr_mtitle') }}  </label>
					<div class="col-md-8">
					  {!! Form::text('menu_name', $row['menu_name'],array('class'=>'form-control input-sm ', 'placeholder'=>'','required'=>'true')) !!} 
					  @if($websiteConfig['cnf_multilang'] ==1)
					    <?php $lang = SiteHelpers::langOption();
						foreach($lang as $l) { 
							if($l['folder'] !='en') {
							?>
								<div class="input-group input-group-sm" style="margin:1px 0 !important;">
								 <input name="language_title[<?php echo $l['folder'];?>]" type="text"   class="form-control" placeholder="Title for <?php echo $l['name'];?>"
								 value="<?php echo (isset($menu_lang['title'][$l['folder']]) ? $menu_lang['title'][$l['folder']] : '');?>" />
								<span class="input-group-addon xlick bg-default btn-sm " ><?php echo strtoupper($l['folder']);?></span>
							   </div> 								
							<?php
							}
						
						}
					   ?>
					  @endif				  
					  
					 </div> 
				  </div> 

				  <div class="form-group   " >
					<label for="ipt" class=" control-label col-md-3 text-right"> {{ Lang::get('core.fr_mtype') }}  </label> 
					<div class="col-md-8 menutype">
					
						
					<input type="radio" name="menu_type" value="internal" class="minimal-red"   required="true" 
					@if($row['menu_type']=='internal' || $row['menu_type']=='') checked="checked" @endif />
					
					Internal
					
					<input type="radio" name="menu_type" value="external"  class="minimal-red" required="true" 

					@if($row['menu_type']=='external' ) checked="checked" @endif  /> External 
					  
					 </div> 
				  </div> 

				  			  					
				  <div class="form-group  ext-link" >
					<label for="ipt" class=" control-label col-md-3 text-right"> Url  </label>
					<div class="col-md-8">
					   {!! Form::text('url', $row['url'],array('class'=>'form-control input-sm', 'placeholder'=>' Type External Url')) !!} 
					 </div> 
				  </div> 	


								  					
				  <div class="form-group  int-link" >
					<label for="ipt" class=" control-label col-md-3 text-right"> Controller / Route  </label>
					<div class="col-md-8">
					 		
					
					<select name='module' rows='5' id='module'  style="width:100%" 
							class='form-control input-sm	'    >

							<option value=""> -- Select Module or Page -- </option>
							<option value="separator" @if($row['module']== 'separator' ) selected="selected" @endif> Separator Menu </option>
							<optgroup label="Module ">
							@foreach($modules as $mod)
								<option value="{{ $mod->module_name}}"
								@if($row['module']== $mod->module_name ) selected="selected" @endif
								>{{ $mod->module_title}}</option>
							@endforeach
							</optgroup>
							<optgroup label="Page CMS ">
							@foreach($pages as $page)
								<option value="{{ $page->slug}}"
								@if($row['module']== $page->slug ) selected="selected" @endif
								>Page : <?php $title = json_decode($page->title);  echo $title->en ;?> </option>
							@endforeach	
							</optgroup>						
					</select> 
					 </div> 

				  </div> 										
					

				  <div class="form-group  " >
					<div class="col-md-8">
						<input type="hidden" name="position" value="sidebar"/>	
					 </div> 
				  </div> 	 				
				  <div class="form-group  " >
					<label for="ipt" class=" control-label col-md-3 text-right">{{ Lang::get('core.fr_miconclass') }}  </label>
					<div class="col-md-8">
					  {!! Form::text('menu_icons', $row['menu_icons'],array('class'=>'form-control input-sm', 'placeholder'=>'')) !!}
					  <p> {{ Lang::get('core.fr_mexample') }} : <span class="label label-info"> fa fa-desktop </span> </p>
					  <p> View Icon Codes : 
					  <a href="{{ url('central/menu/icon')}}" onclick="CentralModal(this.href,'Select Icon'); return false;"> Browse Icons  </a>  
					 </div> 
				  </div> 					
				  <div class="form-group  " >
					<label for="ipt" class=" control-label col-md-3 text-right"> {{ Lang::get('core.fr_mactive') }}  </label>
					<div class="col-md-8 ">
						<div class="">
							<input type="radio" name="active"  value="1"  class="minimal-red" 
							@if($row['active']=='1' ) checked="checked" @endif /> <label>{{ Lang::get('core.fr_mactive') }} </label>
						</div>
						<div class="">
							<input type="radio" name="active" value="0"  class="minimal-red" 
							@if($row['active']=='0' ) checked="checked" @endif  /> <label>{{ Lang::get('core.fr_minactive') }} </label>
						</div>	
										
					 
					 </div> 
				  </div> 

			  <div class="form-group">
				<label for="ipt" class=" control-label col-md-3">{{ Lang::get('core.fr_maccess') }}  <code>*</code></label>
				<div class="col-md-8">
						<?php 
					$pers = json_decode($row['access_data'],true);
					foreach($groups as $group) {
						$checked = '';
						if(isset($pers[$group->group_id]) && $pers[$group->group_id]=='1')
						{
							$checked= ' checked="checked"';
						}						
							?>		
				  <div class="">
				  <input type="checkbox" name="groups[<?php echo $group->group_id;?>]" value="<?php echo $group->group_id;?>" <?php echo $checked;?> class="minimal-red"  />   
				  	<label><?php echo $group->name;?>  </label>
				  </div>
			
				  <?php } ?>
						 </div> 
			  </div> 

				  <div class="form-group  " >
					<label for="ipt" class=" control-label col-md-3">{{ Lang::get('core.fr_mpublic') }}   </label>
					<div class="col-md-8">
					<div class="">
						<input  type='checkbox' name='allow_guest'  class="minimal-red"  
 						@if($row['allow_guest'] ==1 ) checked  @endif	
					  	value="1"	/> <label>  Yes  </lable>
					</div>   
				  </div>
				</div>
				  
			  <div class="form-group">
				<label class="col-sm-4 text-right">&nbsp;</label>
				<div class="col-sm-8">	
				<button type="submit" class="btn btn-primary ">  {{ Lang::get('core.sb_submit') }}  </button>
				@if($row['menu_id'] !='')
					<button type="button"onclick="ConfirmDelete('{{ url('central/menu/destroy/'.$row['menu_id'].'?pos='.$active)}}')" class="btn btn-danger ">  Delete </button>
				@endif	
				</div>	  
		
			  </div> 
			
		</div>	  
		 
		 {!! Form::close() !!}	
		 

		 			<div class="clr"></div>	
					</fieldset>				
				</div>	
				</div>
				<div class="clr"></div>	
				
				
		</div>
	</div>		
</div>
                               
<script>
$(document).ready(function(){
	$('.dd').nestable();
    update_out('#list2',"#reorder");
    
    $('#list2').on('change', function() {
		var out = $('#list2').nestable('serialize');
		$('#reorder').val(JSON.stringify(out));	  

    });
	$('.ext-link').hide(); 

	$('.menutype input:radio').on('ifClicked', function() {
	 	 val = $(this).val();
  			mType(val);
	  
	});
	
	mType('<?php echo $row['menu_type'];?>'); 
	
			
});	

function mType( val )
{
		if(val == 'external') {
			$('.ext-link').show(); 
			$('.int-link').hide();
		} else {
			$('.ext-link').hide(); 
			$('.int-link').show();
		}	
}

	
function update_out(selector, sel2){
	
	var out = $(selector).nestable('serialize');
	$(sel2).val(JSON.stringify(out));

}
</script>	
  
@endsection