@extends('layouts.default')
@section('content')
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/ui-darkness/jquery-ui.css" rel="stylesheet">
<style>
.brick.large.rfl-list-title.rfl-trigger-item.gs-w {
    background-color: #ccc;
}
#addnew {
	color: #363c44;
    cursor: pointer;
    float: right;
    font-size: 225%;
    margin: 0.5em 0.5em 0 0;
    opacity: 0.75;
}

/* ADD NEW HIERARCHY CSS */
@import "http://fonts.googleapis.com/css?family=Droid+Serif";
/* Above line is used for online google font 

p {
color:#000;
font-size:16px;
font-weight:700
}
#button {
border:1px solid #0c799e;
width:250px;
padding:10px;
font-size:16px;
font-weight:700;
color:#fff;
border-radius:3px;
background:linear-gradient(to bottom,#59d0f8 5%,#49c0e8 100%);
cursor:pointer
}
#button:hover {
background:linear-gradient(to bottom,#49c0e8 5%,#59d0f8 100%)
}
input[type=text] {
margin-top:5px;
margin-bottom:20px;
width:96%;
border-radius:5px;
border:0;
padding:5px 0
}
#name,#email {
padding-left:10px
}
input[type=submit] {
width:30%;
border:1px solid #59b4d4;
background:#0078a3;
color:#eee;
padding:3px 0;
border-radius:5px;
margin-left:33%;
cursor:pointer
}
input[type=submit]:hover {
border:1px solid #666;
background:#555;
color:#fff
}
.ui-dialog .ui-dialog-content {
padding:2em
}
div.container {
width:960px;
height:610px;
margin:50px auto;
font-family:'Droid Serif',serif;
position:relative
}
div.main {
width:320px;
margin-top:35px;
float:left;
padding:10px 55px 25px;
background-color:rgba(204,204,191,0.51);
border:15px solid #fff;
box-shadow:0 0 10px;
border-radius:2px;
font-size:13px;
text-align:center
}

/* END  */

</style>
	<div class="row">
       <div class="col-lg-12">
          <div class="inqbox float-e-margins">
             <div class="inqbox-content">
                <h2>Hierarchy</h2>
                <Ol class="breadcrumb">
                   <li><a href="{!! URL::to('/dashboard') !!}">Dashboard</a></li>
                   <li class="active"><span><strong>Hierarchy</strong></span></li>
                </Ol>
             </div>
          </div>
       </div>
    </div>
	<div class="row">
		<div class="col-lg-12">
			<div class="inqbox float-e-margins">
				<div class="inqbox-content">

					<!--div class="panel-group" id="accordion">
						<div class="panel panel-default">
							<div class="panel-heading">
		                        <h4 class="panel-title">
		                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-file">
		                            </span>POST NEW ARTICLE</a>
		                        </h4>
		                    </div>
		                </div>
		                <div id="collapseOne" class="panel-collapse collapse in">
		                	<div class="panel-body">
	                            <div class="row">
	                                <div class="col-md-12">test1</div>
	                            </div>
	                        </div>
	                    </div>	

					</div-->

					<nav>
					    <div id="menu-content">
					        
					    </div>
					    <div id="menu-buttons">
					        <span id="flash-messaging"></span>
					        <div id="list-icon">
					            <span></span>
					            <span></span>
					            <span></span>
					            <span></span>
					        </div>
					        <div id="function-icons">
					            <!--span id="main-add" class="fa fa-plus-circle fa-fw"></span-->
					            <span id="addnew" class="fa fa-plus-circle fa-fw"></span>
            					<span id="save" class="fa fa-floppy-o fa-fw"></span>
					        </div>
					    </div>
					</nav>
					<section class="gridster">
					    <ul id="base-list">
					        
					    </ul>
					</section>
					<div id="dialog" title="New Hierarchy Form">
						<form action="" method="post">
							<label>Position Name :</label>
							<input id="name" name="name" type="text">
							<!--label>Email:</label>
							<input id="email" name="email" type="text"-->
							<input id="submit" type="submit" value="Submit">
						</form>
					</div>

					<div class="clearfix"></div>
				</div>
			</div>                               
		</div>
	</div>

	<script>
		$(document).ready(function() {
			$(function() {
				$("#dialog").dialog({
					autoOpen: false
				});
				$("#addnew").on("click", function() {
					$("#dialog").dialog("open");
				});
			});
		});

	</script>


<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
{!! HTML::script('assets/hierarchy/js/jquery.rich-functional-list.min.js') !!}
{!! HTML::script('assets/hierarchy/js/data-access.min.js') !!}
{!! HTML::script('assets/hierarchy/js/parse-data.min.js') !!}
{!! HTML::script('assets/hierarchy/js/parse-dom.min.js') !!}
{!! HTML::script('assets/hierarchy/js/controller.min.js') !!}
{!! HTML::script('assets/hierarchy/js/jquery.gridster.js') !!}
{!! HTML::script('assets/hierarchy/js/view.min.js') !!}


@stop