@extends('admin.layouts.master')

@section('css')
	<link rel="stylesheet" href="{{ URL::asset('admin/modules/pages/css/module.css') }}"  type="text/css" media="screen"/>	
@stop

@section('page_title')
	<h1>Menu Manager</h1>
@stop

@section('page_subtitle')
	
@stop

@section('page_content')
<div id="manage_menu">
    <div class="content-box-content">

		<div id="pages_container"> 
			<div id="left-panel" class="content-box w-260 left">
			    <div class="content-box-header">
			        <h3>Available Pages</h3>
			    </div>
			    <div class="content-box-content dropAreab">   
			     	@include('admin.modules.pages.available-pages')
			    </div>
			</div>
		</div>

        <div id="right-panel" class="content-box w-430 menu-right" >
            <div class="content-box-header">
                <h3>Menus</h3>
            </div>
            <div class="content-box-content">
                <div id="select-menu" class="inner-content-box ">
                    <div class="box-header">
                        <h3>Select A Menu</h3>
                    </div>
                    <div class="content-box-content">
                        <div class="main_options">
                            <form class="change_menu" id="change_menu" name="change_menu" method="post" action="">
                                <div class="styled-select">
                                    <select name="menu_selector" id="menu_selector" onchange="showMenu()">
                                    	@foreach ($menus AS $menu)
                                    		<option value="{{ $menu->id }}">{{ $menu->name }}</option>
                                    	@endforeach
                                    </select>
                                </div>
                                <div id="save-menu" class="left">
                                    <input type="submit" id="toArray" value="Save" name="toArray" class="image_button big right" style="" onclick="return saveSortedPagesMenu();" /> 				
                                </div>
                                <div class="clear"></div>     
                            <br clear="all"/>
                        </div>
                    </div>
                </div>
                <div id="container">
                    <div class="box-header">
                        <h3>Current Menu Pages</h3>
                    </div>	
                    <div class="content-box-content dropArea" style="min-height:200px;">
                    
                    	@include('admin.modules.pages.menu-sort')
	
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
@stop

@section('js')
	<script type="text/javascript" src="{{ URL::asset('admin/jscript/jquery-ui.min.js') }}"></script>
	<script type="text/javascript" src="{{ URL::asset('admin/jscript/jquery.mjs.nestedSortable.js') }}"></script>
	<script type="text/javascript" src="{{ URL::asset('admin/modules/pages/jscript/module.js') }}"></script>
@stop