@extends(getTemplate('admin'))
@section('content')

	@push('custom-css')

	@endpush

	<div class="gadmin-pagesidebar-width-1 gadmin-mhide">
		<div class="panel panel-default gadmin-pagesidebar-width-1-panel ">
			<!-- begin panel-heading -->
			<div class="panel-heading gadmin-pagesidebar-width-1-heading">
				<h4 class="panel-title">{{__('amenity')}}</h4>
			</div>
			<!-- end panel-heading -->
			<div class="gadmin-pagesidebar-body">
				<div class="gadmin-pagesidebar-main">
					<ul class="nav gadmin-pagesidebar-ul">
						<li><a href="{{ route('admin.amenity_categories.index') }}" class="">{{__('admin.amenity_categories')}}</a></li>
						<li><a class=" active">{{$title}}</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

<div class="gadmin-pagesidebar-width-2">
	<!-- begin panel -->
	<div class="panel panel-default " data-sortable-id="ui-widget-6">
		<div class="panel-heading">
			<h4 class="panel-title">
				{{$title}}
			</h4>
		</div>
		<div id="info-alert" class="alert" style="display:none">
			<span class="close" onclick="$('#info-alert').fadeOut()">×</span>
			<div class="alert-container"></div>
		</div>
		<div class="panel-body">
			<form
                    class="form-horizontal form-bordered"
                    data-parsley-validate="true"
                    method="post"
                    enctype="multipart/form-data"
                    name="category"
                    action="{{ $action }}"
            >
                @method($method)
				<div class="form-group row">
					<label class="control-label col-md-3 col-sm-3" for="categoryname">
						Category Name:
						<i class="fa fa-question-circle" style="font-size:16px;color: #AFAFAF;" data-toggle="tooltip" data-placement="top" title="Category Name"></i></label>
					<div class="col-md-3 lg-fixed-1">
						<input class="form-control" type="text" id="categoryname" name="name" value="@if($page === 'Edit') {{stripslashes($amenityCategory->name)}} @endif" data-parsley-required="true" />
						<span id="catName" style="color:red;font-weight:600;"></span>
					</div>
				</div>
				<div class="form-group row">
					<label class="control-label col-md-3 col-sm-3" for="categoryselection">
						Parent Category:
						<i class="fa fa-question-circle" style="font-size:16px;color: #AFAFAF;" data-toggle="tooltip" data-placement="top" title="Parent Category (if applicable)"></i></label>
					<div class="col-md-3 lg-fixed-1">
						<select class="form-control form-dropdown-dark" id="parent_id" name="parent_id" data-parsley-required="false">
							<option value="">No Parent</option>
							@php $categories = \App\Models\AmenityCategory::all(); @endphp
							@if($page != 'Edit')
                                @foreach ($categories as $parentCategory)
                                    @if($parentCategory->name != 'Unallocated')
                                        <option value="{{$parentCategory->id}}">{{stripslashes($parentCategory->name)}}</option>
                                    @endif
                                @endforeach
							@else
                                @foreach ($categories as $parentCategory)
                                    @if($parentCategory->id != $amenityCategory->id && $parentCategory->name != 'Unallocated')
                                        <option value="{{$parentCategory->id}}" @if($page == 'Edit' && $amenityCategory->parent_id == $parentCategory->id) selected @endif>{{stripslashes($parentCategory->name)}}</option>
                                    @endif
                                @endforeach
							@endif
						</select>
					</div>
				</div>
				<div class="form-group row m-b-0 form-save-bg">
					<label class="col-md-3 col-sm-3 col-form-label"></label>
					<div class="col-md-9 col-sm-9">
						<button id="submit" type="submit" class="btn btn-success form-button-save">{{$page}} {{__('admin.amenity_categories')}}</button>
					</div>
				</div>
				<input type="hidden" name="user_id" value="{{ auth()->id() }}">
				<input type="hidden" name="redirect_url" value="{{ route('admin.amenity_categories.index') }}">
			</form>
		</div>
	</div>
</div>
	<!-- end panel -->
	@push('custom-js')

	@endpush
@endsection