@extends('layouts.admissions')

@section('content')

			<div class="container-fluid">
				<div class="page-header">
					<div class="pull-left">
						<h1>@if(!empty($status)) {{$status}} @endif</h1>
					</div>
					
				</div>
				<div class="row pull-right">
					<div class="col-lg-6">
						<div class="dropdown">
						  <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Actions
						  <span class="caret"></span></button>
						  <ul class="dropdown-menu">
						    <li><a href="javascript:void(0)" data-toggle="modal" data-target="#myModal" >Create Menu</a></li>
						    <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createsubmenu" >Create Sub-Menu</a></li>
						   
						  </ul>
						</div>						
					</div>
				</div>
				<div class="row">
					<div class="col-sm-6">
						<label>
							@if(!empty($status)) {{$status}} @endif
						</label>
						
					</div>
					
				</div>
				
				
				@if (count($errors) > 0)
				    <div class="alert alert-danger">
				        <ul>
				            @foreach ($errors->all() as $error)
				                <li>{{ $error }}</li>
				            @endforeach
				        </ul>
				    </div>
				@endif
				@if(session('status'))
					<div class="row alert alert-success">
						<div class="col-sm-8">
							{{session('status')}} 
						</div>
					</div>
				@endif
				<div class="row">
					<div class="col-sm-12">
							<table id="example" style="border-collapse: collapse;" border="1" width="100%">
									<thead>
									<tr>
										<th>#</th>
										<th>Menu</th>
										<th>Submenu</th>
										
									</tr>
									</thead>
									<tbody>
										<tr>											@foreach($menus as $menu)
												<td>{{$coun++}}</td>
												<td>{{$menu->name}}</td>
												<td>
												@if($menu->menu_items)
													<ol>
													@foreach($menu->menu_items as $item)

														<li>{{$item->name}}

														@if(!is_null($item->options))
															<ol>
															@foreach(json_decode($item->options) as $option)

																	<li>{{$option}}</li>

															@endforeach
															</ol>
														@else
														@endif
													</li>
													@endforeach
												</ol>
												@else
												</td>
												@endif
											
										</tr>
											@endforeach
									</tbody>
								</table>
					</div>

				</div>
			</div>
		<!-- menu modal -->
	 <!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <form action="{{route('menus.index')}}" method="post">
    	{{csrf_field()}}
    	{{method_field('post')}}
    	<div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">New Menu</h4>
      </div>
      <div class="modal-body">
        <div class="row">
        	<div class="col-lg-12">
        		<label>Menu Name</label>
        		<input type="text" name="name"  class="form-control" required="" placeholder="Menu">
        	</div>
        </div>
        <div class="row">
        	<div class="col-lg-12">
        		<label>Description</label>
        		<textarea name="description" class="form-control" placeholder="Type to compose" ></textarea>
        	</div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-primary" >Submit</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
    </form>

  </div>
</div>

<!-- create submenu -->
<div id="createsubmenu" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <form action="{{url('createsubmenus')}}" method="post">
    	{{csrf_field()}}
    	{{method_field('post')}}
    	<div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">New SubMenu</h4>
      </div>
      <div class="modal-body">
        <div class="row">
        	<div class="col-lg-4">
        		<label>Menu </label>
        		<select class="form-control" name="menu_id" required="">
        			<option value="">Select</option>
        			@foreach($menus as $m)
        				<option value="{{$menu->id}}">{{$m->name}}</option>
        			@endforeach
        		</select>
        	</div>
        	<div class="col-lg-6 submenu">
        		<label>Submenu</label>
        		<input type="text" name="name"  class="form-control" required="" placeholder="Menu">
        	</div>
        	<div class="col-lg-6 added_submenu">
        		
        	</div>
        	<div class="col-lg-2 ">
        		<input type="checkbox" name="toggle_db" class="toggle_db" > Use Stored Submenus
        	</div>
        </div>
        <div class="row">
        	<span class="btn btn-sm btn-primary pull-right add_options"><i class="fa fa-plus"></i> Options</span>
        </div>
        <div class="added_options">
        	
        </div>
        <div class="row">
        	<div class="col-lg-12">
        		<label>Description</label>
        		<textarea name="description" class="form-control" placeholder="Type to compose" ></textarea>
        	</div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-primary" >Submit</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
    </form>

  </div>
</div>
@stop