@extends("admin.admin_app")
@section("content")
<style>
.item_box{

}
[data-draggable="target"]{
    list-style-type:none;
	width:100%;
    border:1px solid #dbd9d9;
	height:10.5em;
	overflow-y:auto;margin: 0 !important;padding: 0;
}
[data-draggable="item"]{
    display:block;
    list-style-type:none;
    margin:0 0 2px 0;
    padding:0.2em 0.4em;
    border-radius:0.2em;
    line-height:1.3;
}
.col-half-offset{margin-left:0.1%}
.add_menu_btn{border: 1px solid #797878;padding: 0px 5px;font-size: 10px;position: absolute;right: 5px;color: #000;top: -10px;background: #fff;}
.sidebar-menu .form-group{width: 100%;
display: block;
margin: 0;}
.sidebar-menu{width: 100%; padding:10px;
float: left;border: 1px solid #cccccc36;}
.box-property{border: 1px solid #cccccc4d;padding: 10px;}
.box{border:1px solid #ccc;padding:10px 20px 20px 20px;width: 100%;float: left; margin-bottom:2px;}
#mega_menu .box{padding:8px 4px 8px 4px !important;}
#mega_menu .box a{color:#000000ba;}
.p-0{padding:0;}
.pl-0{padding-left:0;}
.pr-0{padding-right:0;}
.border-top{height:20px; border-top:1px solid #cccccc4d;}
.m-1 .box{width: 98%;}
.pt-15{padding-top:15px;}
.box strong{font-size: 13px;
border-bottom: 1px solid #ccc;
width: 100%;
float: left;
margin-bottom: 10px;
line-height: 30px;}
.box .form-control{border-radius: 0;box-shadow: unset;margin-bottom: 4px;}
.add_to_menu{padding: 6px 13px;
font-size: 11px;
margin-top: 10px;
background: #000;
color: #fff;}
.select2-container{margin-bottom:6px !important;}
.select2-container--default .select2-selection--single {
    border-radius: 0 !important;
    height: 35px !important;
}
.stv{position: relative;
font-size: 10px;
bottom: 3px;
left: 5px;}
</style>
<div id="main">
    <ul class="list list-inline quick_links">
        <li><span><em>Quick Links - </em></span></li>
        <li class="{{classActivePath('transaction')}}"><a href="{{ URL::to('admin/website') }}"><i class="fa fa-users"></i>Website Control</a></li>
        <li class="{{classActivePath('blocks')}}"><a href="{{ URL::to('admin/blocks') }}"><i class="fa fa-sliders"></i>Website Blocks</a></li>
        <li class="{{classActivePath('slider')}}"><a href="{{ URL::to('admin/slider') }}"><i class="fa fa-sliders"></i>Home Slider</a></li>
        <li class="{{classActivePath('menulist')}}"><a href="{{ URL::to('admin/menulist') }}">Menu</a></li>
        <!--<li class="{{classActivePath('submenulist')}}"><a href="{{ URL::to('admin/submenulist') }}">Sub Menu</a></li>-->
    </ul>
	<div class="page-header">
		<h2> {{ isset($user->name) ? 'Edit: '. $user->name : 'Add Menu' }}</h2>
		
		<a href="{{ URL::to('admin/menu') }}" class="btn btn-default-light btn-xs"><i class="md md-backspace"></i> Back</a>
	  
	</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::has('flash_message'))
				    <div class="alert alert-success">
				    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
				        {{ Session::get('flash_message') }}
				    </div>
	@endif
   
   	<div class="panel panel-default">
            <div class="panel-body">
                <div class="col-sm-3 pl-0">
                    {!! Form::open(array('url' => array('admin/submenu/addsubmenu'),'class'=>'','role'=>'form','enctype' => 'multipart/form-data')) !!}
                    <input type="hidden" name="parent" value="{{ isset($user->id) ? $user->id : null }}">
                    <input type="hidden" name="item_type" value="heading" />
                    <div class="box" id="box_1">
                        <strong>Column Heading</strong>
                        <input placeholder="Heading" class="form-control" name="label" />
    					<input placeholder="Link" class="form-control" name="item_link" />
    					<div class="col-sm-8 p-0">
                        <select class="form-control select2" name="column">
    						<option value="1">Grid 1</option>
    						<option value="2">Grid 2</option>
    						<option value="3">Grid 3</option>
    						<option value="4">Grid 4</option>
    						<option value="5">Grid 5</option>
    						<option value="6">Grid 6</option>
    					</select>
    					</div><div class="col-sm-4 pr-0">
    					<input type="number" class="form-control col-sm-6" value="1" min="1" max="5" name="item_order" />
    					</div>
            			<button type="submit" class="btn pull-right add_to_menu">Add To Menu</button>
                    </div>
                    {!! Form::close() !!} 
                    {!! Form::open(array('url' => array('admin/submenu/addsubmenu'),'class'=>'','role'=>'form','enctype' => 'multipart/form-data')) !!}
                    <input type="hidden" name="parent" value="{{ isset($user->id) ? $user->id : null }}">
                    <input type="hidden" name="item_type" value="custom_menu" />
                    <div class="box" id="box_2">
                        <strong>Custom menu</strong>
                        <input placeholder="Lable / Title" class="form-control" name="label" />
    					<input placeholder="Link" class="form-control" name="item_link" />
                        <div class="col-sm-8 p-0">
                        <select class="form-control select2" name="column">
    						<option value="1">Grid 1</option>
    						<option value="2">Grid 2</option>
    						<option value="3">Grid 3</option>
    						<option value="4">Grid 4</option>
    						<option value="5">Grid 5</option>
    						<option value="6">Grid 6</option>
    					</select>
    					</div><div class="col-sm-4 pr-0">
    					<input type="number" class="form-control col-sm-6" value="1" min="1" max="5" name="item_order" />
    					</div>
            			<button type="submit" class="btn pull-right add_to_menu">Add To Menu</button>
                    </div>
                    {!! Form::close() !!} 
                                        {!! Form::open(array('url' => array('admin/submenu/addsubmenu'),'class'=>'','role'=>'form','enctype' => 'multipart/form-data')) !!}
                    <input type="hidden" name="parent" value="{{ isset($user->id) ? $user->id : null }}">
                    <input type="hidden" name="item_type" value="PropertieType" />
                    <div class="box" id="box_4">
                        <strong>Property Type</strong>
                        <input placeholder="Lable / Title" class="form-control" name="label" />
                        <select class="form-control select2" name="item_link">
    					<option>Property Type</option>
                            @foreach(\App\Models\PropertieType::where('status' , '1')->orderBy('types', 'ASC')->get() as $menu)
                                <option value="{{$menu->id}}"> {{ $menu->types}}</option>
                            @endforeach
                        </select>
                        <div class="col-sm-8 p-0">
                        <select class="form-control select2" name="column">
    						<option value="1">Grid 1</option>
    						<option value="2">Grid 2</option>
    						<option value="3">Grid 3</option>
    						<option value="4">Grid 4</option>
    						<option value="5">Grid 5</option>
    						<option value="6">Grid 6</option>
    					</select>
    					</div><div class="col-sm-4 pr-0">
    					<input type="number" class="form-control col-sm-6" value="1" min="1" max="5" name="item_order" />
    					</div>
                        <button type="submit" class="btn pull-right add_to_menu">Add To Menu</button>
                    </div>
                    {!! Form::close() !!}
                    {!! Form::open(array('url' => array('admin/submenu/addsubmenu'),'class'=>'','role'=>'form','enctype' => 'multipart/form-data')) !!}
                    <input type="hidden" name="parent" value="{{ isset($user->id) ? $user->id : null }}">
                    <input type="hidden" name="item_type" value="Community" />
                     <div class="box" id="box_5">
                        <strong>Community</strong>
                        <input placeholder="Lable / Title" class="form-control" name="label" />
                                                @if($for_country == 'India')
                        <select class="form-control select2" name="item_link">
    					<option>India community</option>
                            @foreach(\App\Models\Community::where('status' , '1')->where('country_id' , 103)->orderBy('name', 'ASC')->get() as $citem)
                                <option value="{{$citem->id}}"> {{ $citem->name}}</option>
                            @endforeach
                        </select>
                        @else
                        <select class="form-control select2" name="item_link">
    					<option>International community</option>
                            @foreach(\App\Models\Community::where('status' , '1')->where('country_id','!=' , 103)->orderBy('name', 'ASC')->get() as $initem)
                                <option value="{{$initem->id}}"> {{ $initem->name}}</option>
                            @endforeach
                        </select>
                        @endif
                        <div class="col-sm-8 p-0">
                        <select class="form-control select2" name="column">
    						<option value="1">Grid 1</option>
    						<option value="2">Grid 2</option>
    						<option value="3">Grid 3</option>
    						<option value="4">Grid 4</option>
    						<option value="5">Grid 5</option>
    						<option value="6">Grid 6</option>
    					</select>
    					</div><div class="col-sm-4 pr-0">
    					<input type="number" class="form-control col-sm-6" value="1" min="1" max="5" name="item_order" />
    					</div>
    					<label><input type="checkbox" name="thumbnail" value="1"><span class="stv">Show Thumbnail View</span></label>
                        <button type="submit" class="btn pull-right add_to_menu">Add To Menu</button>
                    </div>
                    {!! Form::close() !!}
                    {!! Form::open(array('url' => array('admin/submenu/addsubmenu'),'class'=>'','role'=>'form','enctype' => 'multipart/form-data')) !!}
                    <input type="hidden" name="parent" value="{{ isset($user->id) ? $user->id : null }}">
                    <input type="hidden" name="item_type" value="SubCommunity" />
                    <div class="box" id="box_6">
                        <strong>Sub Community</strong>
                        <input placeholder="Lable / Title" class="form-control" name="label" />
                        @if($for_country == 'India')
                        <select class="form-control select2" name="item_link">
    					<option>India Sub community</option>
                            @foreach(\App\Models\SubCommunity::where('status' , '1')->where('country_id' , 103)->orderBy('name', 'ASC')->get() as $citem)
                                <option value="{{$citem->id}}"> {{ $citem->name}}</option>
                            @endforeach
                        </select>
                        @else
                        <select class="form-control select2" name="item_link">
    					<option>International Sub community</option>
                             @foreach(\App\Models\SubCommunity::where('status' , '1')->where('country_id','!=' , 103)->orderBy('name', 'ASC')->get() as $citem)
                                <option value="{{$citem->id}}"> {{ $citem->name}}</option>
                            @endforeach
                        </select>
                        @endif
                       <div class="col-sm-8 p-0">
                        <select class="form-control select2" name="column">
    						<option value="1">Grid 1</option>
    						<option value="2">Grid 2</option>
    						<option value="3">Grid 3</option>
    						<option value="4">Grid 4</option>
    						<option value="5">Grid 5</option>
    						<option value="6">Grid 6</option>
    					</select>
    					</div><div class="col-sm-4 pr-0">
    					<input type="number" class="form-control col-sm-6" value="1" min="1" max="5" name="item_order" />
    					</div>
    					<label><input type="checkbox" name="thumbnail" value="1"><span class="stv">Show Thumbnail View</span></label>
                        <button type="submit" class="btn pull-right add_to_menu">Add To Menu</button>
                    </div>
                    {!! Form::close() !!}
                    {!! Form::open(array('url' => array('admin/submenu/addsubmenu'),'class'=>'','role'=>'form','enctype' => 'multipart/form-data')) !!}
                    <input type="hidden" name="parent" value="{{ isset($user->id) ? $user->id : null }}">
                    <input type="hidden" name="item_type" value="City" />
                     <div class="box" id="box_7">
                        <strong>City</strong>
                        <input placeholder="Lable / Title" class="form-control" name="label" />
                        @if($for_country == 'India')
                        <select class="form-control select2" name="item_link">
    					<option>India Citys</option>
                            @foreach(\App\Models\City::where('status' , '1')->where('country_id' , 103)->orderBy('name', 'ASC')->get() as $citem)
                                <option value="{{$citem->id}}"> {{ $citem->name}}</option>
                            @endforeach
                        </select>
                        @else
                        <select class="form-control select2" name="item_link">
    					<option>International City</option>
                            @foreach(\App\Models\City::where('status' , '1')->where('country_id','!=' , 103)->orderBy('name', 'ASC')->get() as $citem)
                                <option value="{{$citem->id}}"> {{ $citem->name}}</option>
                            @endforeach
                        </select>
                        @endif
                        <div class="col-sm-8 p-0">
                        <select class="form-control select2" name="column">
    						<option value="1">Grid 1</option>
    						<option value="2">Grid 2</option>
    						<option value="3">Grid 3</option>
    						<option value="4">Grid 4</option>
    						<option value="5">Grid 5</option>
    						<option value="6">Grid 6</option>
    					</select>
    					</div><div class="col-sm-4 pr-0">
    					<input type="number" class="form-control col-sm-6" value="1" min="1" max="5" name="item_order" />
    					</div>
        				<label><input type="checkbox" name="thumbnail" value="1"><span class="stv">Show Thumbnail View</span></label>
                        <button type="submit" class="btn pull-right add_to_menu">Add To Menu</button>
                    </div>
                    {!! Form::close() !!}
                    {!! Form::open(array('url' => array('admin/submenu/addsubmenu'),'class'=>'','role'=>'form','enctype' => 'multipart/form-data')) !!}
                    <input type="hidden" name="parent" value="{{ isset($user->id) ? $user->id : null }}">
                    <input type="hidden" name="item_type" value="Properties" />
                     <div class="box" id="box_8">
                        <strong>Properties</strong>
                        <input placeholder="Lable / Title" class="form-control" name="label" />
                       @if($for_country == 'India')
                        <select class="form-control select2" name="item_link">
    					<option>Indian Properties</option>
                            @foreach(\App\Models\Properties::where('status' , '1')->where('country' , 103)->orderBy('property_name', 'ASC')->get() as $citem)
                                <option value="{{$citem->id}}"> {{ $citem->property_name}}</option>
                            @endforeach
                        </select>
                        @else
                        <select class="form-control select2" name="item_link">
    					<option>International Properties</option>
                           @foreach(\App\Models\Properties::where('status' , '1')->where('country','!=' , 103)->orderBy('property_name', 'ASC')->get() as $citem)
                                <option value="{{$citem->id}}"> {{ $citem->property_name}}</option>
                            @endforeach
                        </select>
                        @endif
                        <div class="col-sm-8 p-0">
                        <select class="form-control select2" name="column">
    						<option value="1">Grid 1</option>
    						<option value="2">Grid 2</option>
    						<option value="3">Grid 3</option>
    						<option value="4">Grid 4</option>
    						<option value="5">Grid 5</option>
    						<option value="6">Grid 6</option>
    					</select>
    					</div><div class="col-sm-4 pr-0">
    					<input type="number" class="form-control col-sm-6" value="1" min="1" max="5" name="item_order" />
    					</div>
            					<label><input type="checkbox" name="thumbnail" value="1"><span class="stv">Show Thumbnail View</span></label>
                        <button type="submit" class="btn pull-right add_to_menu">Add To Menu</button>
                    </div>
                    {!! Form::close() !!}
                    {!! Form::open(array('url' => array('admin/submenu/addsubmenu'),'class'=>'','role'=>'form','enctype' => 'multipart/form-data')) !!}
                    <input type="hidden" name="parent" value="{{ isset($user->id) ? $user->id : null }}">
                    <input type="hidden" name="item_type" value="Projects" />
                     <div class="box" id="box_9">
                        <strong>Projects</strong>
                         <input placeholder="Lable / Title" class="form-control" name="label" />
                         @if($for_country == 'India')
                        <select class="form-control select2" name="item_link">
    					<option>Indian Projects</option>
                            @foreach(\App\Models\Projects::where('status' , '1')->where('country' , 103)->orderBy('ProjectName', 'ASC')->get() as $citem)
                                <option value="{{$citem->id}}"> {{ $citem->ProjectName}}</option>
                            @endforeach
                        </select>
                        @else
                        <select class="form-control select2" name="item_link">
    					<option>International Projects</option>
                            @foreach(\App\Models\Projects::where('status' , '1')->where('country','!=' , 103)->orderBy('ProjectName', 'ASC')->get() as $citem)
                                <option value="{{$citem->id}}"> {{ $citem->ProjectName}}</option>
                            @endforeach
                        </select>
                        @endif
                        <div class="col-sm-8 p-0">
                        <select class="form-control select2" name="column">
    						<option value="1">Grid 1</option>
    						<option value="2">Grid 2</option>
    						<option value="3">Grid 3</option>
    						<option value="4">Grid 4</option>
    						<option value="5">Grid 5</option>
    						<option value="6">Grid 6</option>
    					</select>
    					</div><div class="col-sm-4 pr-0">
    					<input type="number" class="form-control col-sm-6" value="1" min="1" max="5" name="item_order" />
    					</div>
                            <label><input type="checkbox" name="thumbnail" value="1"><span class="stv">Show Thumbnail View</span></label>
                        
                        <button type="submit" class="btn pull-right add_to_menu">Add To Menu</button>
                    </div>
                    {!! Form::close() !!}
                </div>
                
                <div class="col-sm-9 pl-0">
                    <div class="box pt-15">
                    {!! Form::open(array('url' => array('admin/menu/addmenu'),'class'=>'form-horizontal p-0','name'=>'user_form','id'=>'user_form','role'=>'form','enctype' => 'multipart/form-data')) !!} 
                    <input type="hidden" id="menu_id" name="id" value="{{ (!empty($user->id))? $user->id : null }}"> 
                    
                    <div class="col-sm-3 p-0">
                                <input type="text" placeholder="Menu Name" name="name" value="{{ (!empty($user->name))? $user->name : null }}" class="form-control">
                    </div>
                    <div class="col-sm-2">
                                                    <select class="form-control" id="menu_type" name="menu_type">
        						<option value="0">Dropdown Type</option>
        						<option  value="1">Default menu</option>
        						<option  value="2">Mega menu</option>
        					</select>
                    </div>
                    <div class="col-sm-2 pl-0">
                            <select class="form-control" name="column_num">
        						<option value=0>Column</option>
        						<option  value="1">Grid 1</option>
        						<option  value="2">Grid 2</option>
        						<option  value="3">Grid 3</option>
        						<option  value="4">Grid 4</option>
        						<option  value="5">Grid 5</option>
        						<option  value="6">Grid 6</option>
        					</select>
                        </div>
                        <div class="col-sm-1 p-0">
                                <input type="number" placeholder="order" name="order_num" value="{{ (!empty($user->order_num))? $user->order_num : 1 }}" class="form-control">
                    </div>
                    <div class="col-sm-2 pr-0">
                            <select class="form-control" name="status">
        						<option>Status</option>
        						<option  value="1">Active</option>
        						<option selected value="0">Inctive</option>
        					</select>
                    </div>
                    <div class="col-sm-2 p-0">
                    	<button type="submit" class="btn btn-primary pull-right">{{ (!empty($user->name))? 'Save Menu' : 'Add Menu' }}</button>
                    </div>
                </div>
                    <div class="clearfix"></div>
                    <div class="border-top"></div>
                    <div id="default_menu" class="col-sm-12 p-0">
                        
                    </div>
                    {!! Form::close() !!} 
                    <div id="mega_menu" class="col-sm-12 p-0">
                                            </div>
                </div>
                
            </div>
        </div>
</div>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>
<script>
    $(document).ready(function() {
    $('.select2').select2();
});

</script>
@endsection