@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">Gallery Facilities Album</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Home </li>
			<li class="breadcrumb-item active">{{ session('title') }}</li>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>
<div class="container-fluid">
	<div class="col-md-12">
		<form method="POST" action="{{ @$editData ? route('gallery-gallery-update',$editData->id) : route('websites.gallery.gallerystore') }}" enctype="multipart/form-data">
			@if(isset($editData)) @method('put') @endif
			@csrf
			<div class="card">
				<div class="card-header">
					<h3 class="card-title">Add Latest Photo<a href="{{ route('websites.gallery') }}" class="btn btn-sm btn-facebook float-right"><i class="fa fa-list"></i>
					Latest Photo list</a>
				</h3>
			</div>
			<div class="card-body">
				<div class="form-row">
                    <div class="form-group col-sm-4">
						<label>Facilities Name</label>
						<!-- <select class="form-control @error('gallery_facilitie_id') is-invalid @enderror" name="gallery_facilitie_id" style=" height: 31px; ">
							<option value="">Select Facilities Name</option>
							@if(sizeof($model) > 0)
								@foreach($model as $m)
									<option value="{{ $m->id }}" 
										@if(isset($editData) )
											@if($editData->gallery_facilitie_id == $m->id) 
												selected  
											@endif 
										@endif>{{ $m->name }}</option>
								@endforeach
							@endif
						</select> -->
						<input type="text" name="gallery_facilitie_id" id="gallery_facilitie_id" Value="{{ isset($editData) ? (App\Model\Websites\GalleryFacilities::find($editData->gallery_facilitie_id)?App\Model\Websites\GalleryFacilities::find($editData->gallery_facilitie_id)->name:null) : null }}" class="form-control form-control-sm" Placeholder="Enter Album Name">
					</div>
					<div class="form-group col-sm-4">
						<label class="control-label">Image</label>
						<input type="file" @if(isset($editData)) name="image"  @else name="image[]" multiple  @endif  id="image" class="form-control form-control-sm"                                                >
					</div>
				</div>				
				<div class="form-group">
					<button type="submit" class="btn btn-sm btn-store"><i class="fa fa-save"> {{ @$editData ? 'Update' :'Save' }}</i></button>
					<button type="reset" class="btn btn-sm btn-reset"><i class="fa fa-refresh"> Clear</i></button>
				</div>
			</div>
		</div>			
	</form>	
</div>
</div>
@endsection
@section('page_script')
<script type="text/javascript">
	$(function(){								
		$('.single-date-picker').daterangepicker({
			singleDatePicker: true,
			showDropdowns: true,
			locale: {
		      format: 'YYYY-MM-DD'
		    }
		});		
	});
</script>
<script>
	$(document).ready(function(){
		$("#gallery_facilitie_id").autocomplete({
			source: '{{ route("gallery-get-facilities-name") }}',
			minChars: 0,
			autoFocus: true,
			delay: 100,
			select: function (a, ui) {				
				$(this).val(ui.item.value);
				$('#gallery_facilitie_id').val(ui.item.value);
				return false;
			}
		});
	});
</script>
@endsection