@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">{{__('admin.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.amenities.index')}}" class="">{{__('admin.amenities')}}</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="category">
						{{__('admin.amenity_category')}}:
						<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Category"></i></label>
					<div class="col-md-3 lg-fixed-1">
						<select class="form-control form-dropdown-dark" id="category" name="amenity_category_id" required data-parsley-required="true">
							<option value="">Select Category</option>
							@foreach ($categories as $category)
								@if($category->name !== 'Unallocated')
									<option value="{{$category->id}}" @if($page == 'Edit' && $amenity->amenity_category_id == $category->id) selected @endif >{{stripslashes($category->name)}}</option>
								@endif
							@endforeach
						</select>
					</div>
				</div>
				<div class="form-group row">
					<label class="control-label col-md-3 col-sm-3" for="name">
						{{ __('admin.amenity_name') }}:
						<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="{{ __('admin.amenity_name') }}"></i></label>
					<div class="col-md-3 lg-fixed-1">
						<input class="form-control" id="name" type="text" name="name" value="@if($page == 'Edit') {{stripslashes($amenity->name)}} @endif" required data-parsley-required="true" />
					</div>
				</div>
				<div class="form-group row">
					<label class="control-label col-md-3 col-sm-3" for="name">
						{{ __('admin.amenity_icon') }}:
						<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="{{ __('admin.amenity_icon') }}"></i></label>
					<div class="col-md-3 lg-fixed-1">
						<input class="form-control" id="icon" type="text" name="icon" value="@if($page == 'Edit') {{stripslashes($amenity->icon)}} @endif" required data-parsley-required="true" />
					</div>
				</div>
				<div class="form-group row">
					<label class="control-label col-md-3 col-sm-3" for="module">
						{{ __('admin.amenity_modules') }}:
						<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="{{ __('admin.amenity_modules') }}"></i></label>
					<div class="col-md-9 col-sm-9">
						<ul id="amenity_modules">
							@if($page == 'Edit')
                                @php $modules = explode(',',$amenity->modules); @endphp
                                @foreach($modules as $module)
                                    <li value="{{$module}}">{{$module}}</li>
                                @endforeach
							@endif
						</ul>
					</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 }} {{ __('amenity') }}</button>
					</div>
				</div>
				<input type="hidden" name="user_id" value="{{ auth()->user()->id }}">
				<input type="hidden" name="redirect_url" value="{{ route('admin.amenities.index') }}">
			</form>
		</div>
	</div>
</div>
	<script>
	$(document).ready(function (){
		@php $availableTagData = array();
		foreach ($availableModules as $module ) {
			array_push($availableTagData, $module->getName());
		}
        @endphp
		var availableTags = {!!json_encode( $availableTagData )!!};

		$('#amenity_modules').tagit({
			fieldName: "modules",
			singleField: true,
			showAutocompleteOnFocus: true,
			availableTags: [
                @foreach ($availableModules as $module)
                    "{{ $module->getName() }}",
                @endforeach
            ],
			beforeTagAdded: function(event, ui) {
				if ($.inArray(ui.tagLabel, availableTags) === -1) {
					return false;
				}
			}
		});
	});
	</script>
	<!-- end panel -->
	@push('custom-js')
	@endpush
@endsection