@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-content">
	<ul class="nav nav-tabs" style="margin:10px 0;">
		<li @if($active == 'top') class="active" @endif ><a href="{{ url('central/fmenu?pos=top')}}"> {{ Lang::get('core.tab_topmenu') }} </a></li>
	</ul>
					
				<div class="col-md-5">
					<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'][config('website.cnf_lang')]}}
						<span class="pull-right">
						<a href="{{ url('central/fmenu/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'][config('website.cnf_lang')]}}
									<span class="pull-right">
									<a href="{{ url('central/fmenu/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'][config('website.cnf_lang')] }}
												<span class="pull-right">
												<a href="{{ url('central/fmenu/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/fmenu/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 class="col-md-7">
					<fieldset style="min-height: 400px;">
						<legend> Create / Update</legend>



		 {!! Form::open(array('url'=>'central/fmenu/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'] }}" />	
								
				 
				  <div class="form-group  " >
					<label for="ipt" class=" control-label col-md-4 text-right">{{ Lang::get('core.fr_mtitle') }}  </label>
					<div class="col-md-8">
						<?php $menu_name = json_decode($row['menu_name'],true) ;  ?>
						@foreach (explode(',',config('website.cnf_langs'))  as $ilang)
							<input class="form-control input-sm " placeholder=" Name - {{$ilang}} " required="true" name="menu_name[{{$ilang}}]" type="text" value="{{(isset($menu_name[$ilang] )) ?  $menu_name[$ilang] : null }}">	
						@endforeach
					 </div> 
				  </div> 

				  <div class="form-group   " >
					<label for="ipt" class=" control-label col-md-4 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="template" class="minimal-red"   required="true" 
					@if($row['menu_type']=='template' || $row['menu_type']=='') checked="checked" @endif />
					
					Template
					
					<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-4 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-4 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 Template or Page -- </option>
							<optgroup label="Template">
								<option value="topStores" @if($row['module']== "topStores" ) selected="selected" @endif >Top Stores</option>
							</optgroup>		
							<optgroup label="Page CMS ">
							@foreach($pages as $page)
								<option value="{{ $page->slug}}"
								@if($row['module']== $page->slug ) selected="selected" @endif
								>Page : {{ $page->title[config('website.cnf_lang')] }}</option>
							@endforeach	
							</optgroup>		
							
					</select> 
					 </div> 

				  </div> 										
					
				<!--
				  <div class="form-group  " >
					<label for="ipt" class=" control-label col-md-4 text-right"> {{ Lang::get('core.fr_mposition') }}  </label>
					<div class="col-md-8">
						<div class="">
							<input type="radio" name="position"  value="top" required  class="minimal-red" 
							@if($row['position']=='top' ) checked="checked" @endif /> {{ Lang::get('core.tab_topmenu') }} 
						</div>
						<div class="">	
							<input type="radio" name="position"  value="sidebar"  required class="minimal-red" 
							@if($row['position']=='sidebar' ) checked="checked" @endif  /> {{ Lang::get('core.tab_sidemenu') }} 
						</div>	
					 </div> 
				  </div> 
				-->
					<input type="hidden" name="position" value="top"/>

					<input type="hidden" name="menu_icons" value="{{$row['menu_icons']}}"/>
					
				   <div class="form-group  " >
					<label for="ipt" class=" control-label col-md-4 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/fmenu/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-4 text-right">CSS Class </label>
					<div class="col-md-8">
					  {!! Form::text('css_class', $row['css_class'],array('class'=>'form-control input-sm', 'placeholder'=>'')) !!}
					 </div> 
				  </div> 
				  
				  <div class="form-group  " >
					<label for="ipt" class=" control-label col-md-4 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']!='0' ) 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-4">{{ 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-4">{{ 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/fmenu/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 class="clr"></div>	
				
			</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