@extends('admin.layouts.app')
@section('content')
    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-6">
                    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0 font-size-18">
                            @isset($page_title)
                                {{ $page_title }}
                            @endisset
                        </h4>
                        {{-- <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
                                <li class="breadcrumb-item active">@isset($page_title) {{$page_title}} @endisset</li>
                            </ol>
                        </div> --}}

                    </div>
                </div>
                <div class="col-6 text-end">
                    <x-admin.back-button route="{{route('admin.hotel.index')}}" />
                </div>
            </div>
            <div class="row">
                <div class="card">
                    <div class="card-body p-4">
                        <form action="{{route('admin.hotel.store')}}" method="POST" enctype="multipart/form-data" id="add_form">
                            @csrf
                            <div class="row">
                                <div class="col-lg-6 mb-3">
                                    <label for="name" class="form-label">Name <span class="text-danger">*</span></label>
                                    <input class="form-control @error('name') is-invalid @enderror" type="text" id="name" name="name" value="{{old('name')}}" placeholder="Enter Hotel Name...">
                                    @error('name')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label for="category" class="form-label">Category</label>
                                    <input class="form-control @error('category') is-invalid @enderror" type="text" name="category" value="{{old('category')}}" id="owner_name" placeholder="Enter Category...">
                                    @error('category')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label for="check_in_time" class="form-label">Check in Time <span class="text-danger">*</span></label>
                                    <input class="form-control @error('check_in_time') is-invalid @enderror" type="time" name="check_in_time" value="{{old('check_in_time')}}" id="check_in_time" placeholder="Enter Check in Time...">
                                    @error('check_in_time')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label for="check_out_time" class="form-label">Check out Time <span class="text-danger">*</span></label>
                                    <input class="form-control @error('check_out_time') is-invalid @enderror" type="time" name="check_out_time" value="{{old('check_out_time')}}" id="check_out_time" placeholder="Enter Check out Time...">
                                    @error('check_out_time')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label for="price" class="form-label">Price</label>
                                    <input class="form-control" type="text" name="price" value="{{old('price')}}" id="price" placeholder="Enter Price">
                                    @error('price')
                                        <span class="text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label for="discount_price" class="form-label">Discount Price</label>
                                    <input class="form-control" type="text" name="discount_price" value="{{old('discount_price')}}" id="discount_price" placeholder="Enter Discount Price">
                                    @error('discount_price')
                                        <span class="text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-lg-12 mb-3">
                                    <label for="address" class="form-label">Address</label>
                                    <textarea class="form-control" name="address" placeholder="Enter Address">{{old('address')}}</textarea>
                                    @error('address')
                                        <span class="text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-lg-12 mb-3">
                                    <label for="description" class="form-label">Description</label>
                                    <textarea class="form-control" name="description" id="desc" placeholder="About Description...">{{old('description')}}</textarea>
                                    @error('description')
                                        <span class="text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-lg-12 mb-3">
                                    <label for="gallery_image" class="form-label">Gallery Image</label>
                                    <div class="needsclick dropzone" id="document-dropzone"></div>
                                    @error('images')
                                        <span class="text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label for="meta_title" class="form-label">Meta Title </label>
                                    <input class="form-control @error('meta_title') is-invalid @enderror" type="text" id="meta_title" name="meta_title" value="{{old('meta_title')}}" placeholder="Enter Meta Title...">
                                    @error('meta_title')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label for="meta_keywords" class="form-label">Meta Keywords </span></label>
                                    <input class="form-control @error('meta_keywords') is-invalid @enderror" type="text" id="meta_keywords" name="meta_keywords" value="{{old('meta_keywords')}}" placeholder="Enter Meta Keywords...">
                                    @error('meta_keywords')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-lg-12 mb-3">
                                    <label for="meta_description" class="form-label">Meta Description </label>
                                    <textarea class="form-control" name="meta_description" id="meta_description" placeholder="Enter Meta Description...">{{old('meta_description')}}</textarea>
                                    @error('meta_description')
                                        <span class="text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-lg-12 mb-3 text-center">
                                    <x-admin.save-button />
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @push('js')

    <script>
        var uploadedDocumentMap = {}
        Dropzone.options.documentDropzone = {
            dictDefaultMessage: '<i class="display-4 text-muted bx bx-cloud-upload"></i> <br> Drop files here or click to upload.',
            url: '{{route("admin.image.upload")}}?to=hotels&input_name=gallery_image',
            maxFilesize: 2, // MB
            paramName:"gallery_image",
            addRemoveLinks: true,
            headers: {
                'X-CSRF-TOKEN': "{{ csrf_token() }}"
            },
            success: function(file, response) {
                $('form').append('<input type="hidden" name="images[]" value="' + response.name + '">')
                uploadedDocumentMap[file.name] = response.name
            },
            removedfile: function(file) {
                file.previewElement.remove();
                if (typeof file.name !== 'undefined') {
                    name = file.name
                } else {
                    name = uploadedDocumentMap[file.name]
                }
                $('form').find('input[name="images[]"][value="' + name + '"]').remove();
            },
            init: function() {
                @if (is_array(old('images')))
                    @foreach (old('images') as $image)
                        var existingFileUrl = "{{ asset('backend/assets/images/hotels/'.$image) }}";
                        var mockFile = {
                            name: "{{ $image }}"
                        };
                        // Add the mock file to the Dropzone
                        this.emit("addedfile", mockFile);
                        this.emit("thumbnail", mockFile, existingFileUrl);
                        this.emit("complete", mockFile);
                        // Disable further file uploads
                        // Customize the look and behavior of the thumbnail
                        this.options.thumbnail.call(this, mockFile, existingFileUrl);
                        $('form').append('<input type="hidden" name="images[]" value="{{ $image }}">');
                    @endforeach
                @endif
            }
        }
    </script>

    @endpush

@endsection