@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">
					Add Menu Name

					<a class="btn btn-warning btn-xs pull-right" href="{{ route('LoggedIn.MasterData.GenMenu.Index') }}">
						<i class="fa fa-chevron-left"></i> Go Back
					</a>
				</h3>
			</div>

			<div class="panel-body">
				<form action="{{ route('LoggedIn.MasterData.GenMenu.Store') }}" method="post">
					@csrf

					<div class="form-group row">
						<label for="menu_name" class="col-sm-1 control-label text-right">Menu Name</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="menu_name" name="menu_name" placeholder="Menu Name" value="{{ old('menu_name') }}">

							@if ($errors->has('menu_name'))
								<span class="text-danger">{{ $errors->first('menu_name') }}</span>
							@endif
						</div>

						<label for="menu_tips" class="col-sm-1 control-label text-right">Menu Tips</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="menu_tips" name="menu_tips" placeholder="Menu Tips" value="{{ old('menu_tips') }}">

							@if ($errors->has('menu_tips'))
								<span class="text-danger">{{ $errors->first('menu_tips') }}</span>
							@endif
						</div>

						<label for="parent_menu_id" class="col-sm-1 control-label text-right">Parent Menu</label>
						<div class="col-sm-3">
							<select name="parent_menu_id" class="form-control parant_menu_id" id="parent_menu_id">
								<option value="0" 'selected'>---Select---</option>
								@if ($parentMenu->isNotEmpty())
									@foreach ($parentMenu as $Menu)
										<option value="{{ $Menu->menu_id }}">{{ $Menu->menu_name }}</option>
									@endforeach
								@endif
							</select>
						</div>
					</div>

					<div class="form-group row">
						<label for="icon" class="col-sm-1 control-label text-right">Icon</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="icon" name="icon" placeholder="Icon" value="{{ old('icon') }}">
							<a target="_blank" href="https://fontawesome.com/v4.7/icons/">Icon Link</a>

							@if ($errors->has('icon'))
								<span class="text-danger">
									{{ $errors->first('icon') }}
								</span>
							@endif
						</div>

						<label for="url" class="col-sm-1 control-label text-right">URL</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="url" name="url" placeholder="url" value="{{ old('url') }}">

							@if ($errors->has('url'))
								<span class="text-danger">{{ $errors->first('url') }}</span>
							@endif
						</div>

						<label for="active" class="col-sm-1 control-label text-right">Status</label>
						<div class="col-sm-3">
							<select name="active" class="form-control" id="active">
								<option value="1" {{ old('active') == 'active' ? 'selected' : '' }}>Active</option>
								<option value="0" {{ old('active') == 'inactive' ? 'selected' : '' }}>Inactive</option>
							</select>

							@if ($errors->has('active'))
								<span class="text-danger">{{ $errors->first('active') }}</span>
							@endif
						</div>
					</div>
					<div class="form-group row">
						<label for="menu_of" class="col-sm-1 control-label text-right">Menu</label>
						<div class="col-sm-3">
							<select name="menu_of" class="form-control" id="menu_of">
								<option value="academic" {{ old('menu_of') == 'academic' ? 'selected' : '' }}>Academic</option>
								<option value="accounts" {{ old('menu_of') == 'accounts' ? 'selected' : '' }}>Accounts</option>
							</select>

							@if ($errors->has('menu_of'))
								<span class="text-danger">{{ $errors->first('menu_of') }}</span>
							@endif
						</div>

						<label for="position" class="col-sm-1 control-label text-right">Position</label>
						<div class="col-sm-3">
							<select name="position" class="form-control" id="position">
								<option value="left" {{ old('position') == 'left' ? 'selected' : '' }}>Left</option>
								<option value="right" {{ old('position') == 'right' ? 'selected' : '' }}>Right</option>
							</select>

							@if ($errors->has('position'))
								<span class="text-danger">{{ $errors->first('position') }}</span>
							@endif
						</div>
					</div>
					<div class="form-group" style="margin-top: 10px;">
						<button class="btn btn-sm btn-primary" style="width: 100%;">Save</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<script>
	$(document).ready(function() {
		$('.parant_menu_id').select2();
	});
</script>

@endsection