@extends('admin.layouts.master')
@section('listings', 'active')
@section('listColor', 'dark')
@section('pendColor', 'light')
@section('dashColor', 'light')
@section('content')
    <style>
        .main_container {
            margin-top: 70px !important;
            padding: 40px 10px;
            background-color: #fff;
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
            border-radius: 8px;
        }

        .input_fields {
            display: block;
            width: 100%;
            height: calc(1.5em + 0.75rem + 2px);
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        }

        .input_fields:focus {
            background-color: #fefeff;
            border-color: #95a0f4;
            outline: none;
        }

        @media (max-width: 567px) {
            .update_btn {
                width: 100% !important;
            }
        }

        .dataTables_length {
            display: none
        }

        .dataTables_filter {
            display: none
        }

        .fa-trash,
        .fa-edit {
            font-size: 24px;
        }

        .fa-trash,
        .fa-edit:hover {
            cursor: pointer;
        }

        .fa-edit {
            margin-left: 15px;
        }

        .new_td {
            /* border: 1px solid red; */
            width: 50%;
            margin: 0 auto !important;
            display: block;
        }

        .icon_td {
            width: 20%;
        }

        .radio_design {}

        .bedroom_items {
            display: none !important;
        }


        /* image upload */


        /* input type file */


        .label_file {
            padding: 43px 30px;
            padding-bottom: 40px;
            /* background: red;  */
            display: table;
            color: #000 !important;
            background-color: #fafafa;
            cursor: pointer;
            border-radius: 5px;
            border: 1px dashed #d9d9d9;
            height: 0px;
            transition: 0.3s;
            /* background-color: #8dc63f; */
            box-sizing: border-box;
            overflow: hidden;
        }

        .label_file1 {
            padding: 43px 58px;
            padding-bottom: 38px;
            /* background: red;  */
            display: table;
            color: #000 !important;
            background-color: #fafafa;
            cursor: pointer;
            border-radius: 5px;
            border: 1px dashed #d9d9d9;
            height: 0px;
            transition: 0.3s;
            /* background-color: #8dc63f; */
            box-sizing: border-box;
            overflow: hidden;
            /* border: 1px solid red; */
        }

        .label_for_remove {
            padding: 53px 58px;
            display: none;
        }

        .label_file:hover {
            background-color: #fafafa;
            border: 1px dashed #0d6db7;
            cursor: pointer;
        }


        input[type="file"] {
            display: none;
        }

        .check_font {
            font-size: 15px;
        }

        label {
            font-size: 17px !important;
        }
    </style>
    <div class="main-content">
        <section class="section">
            <ul class="breadcrumb breadcrumb-style ">
                <li class="breadcrumb-item">
                    <h4 class="page-title m-b-0">Upload Listing</h4>
                </li>
            </ul>
            @if (Session::has('message'))
                <div id="btnclose"
                    class="alert alert-{{ Session::get('messageType') }} alert-dismissible fade show succes_show"
                    role="alert">
                    <strong>{{ Session::get('message') }} </strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span class="close_btn"
                            aria-hidden="true">&times;</span></button>
                </div>
            @endif
            <form action="{{ route('admin.listning.store') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="section-body">
                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-12">
                            <div class="card">
                                <div class="card-body">
                                    {{-- Title --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label>Title</label> <br>
                                                <div class="input-group">
                                                    <input type="text" name="title" value="{{ old('title') }}"
                                                        class="form-control phone-number" placeholder="Enter Title">
                                                </div>
                                                @error('title')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    {{-- Property Type --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label>Property Type:</label> <br>
                                                <div class="d-flex">
                                                    <div class="row text-center">
                                                        <div class="col-md-2">
                                                            <input class="radio_design" type="radio" name="property_type"
                                                                value="House"
                                                                @if (old('property_type') == 'House') checked @endif>
                                                            <label class="px-2 check_font">House</label><br>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <input class="radio_design" type="radio" name="property_type"
                                                                value="Apartment"
                                                                @if (old('property_type') == 'Apartment') checked @endif>
                                                            <label class="px-2 check_font">Apartment</label><br>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <input class="radio_design" type="radio" name="property_type"
                                                                value="Condo"
                                                                @if (old('property_type') == 'Condo') checked @endif>
                                                            <label class="px-2 check_font">Condo</label><br>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <input class="radio_design" type="radio" name="property_type"
                                                                value="Townhouse"
                                                                @if (old('property_type') == 'Townhouse') checked @endif>
                                                            <label class="px-2 check_font">Townhouse</label><br>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <input class="radio_design" type="radio" name="property_type"
                                                                value="Cottage"
                                                                @if (old('property_type') == 'Cottage') checked @endif>
                                                            <label class="px-2 check_font">Cottage</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                                @error('property_type')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    {{-- Kind of Space --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label>Kind of Space:</label> <br>
                                                <div class="d-flex">
                                                    <div class="row text-center">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="radio" name="kind_space"
                                                                value="A Entire Place"
                                                                @if (old('kind_space') == 'A Entire Place') checked @endif>
                                                            <label class="px-2 check_font">A Entire Place</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="radio" name="kind_space"
                                                                value="A Private Room"
                                                                @if (old('kind_space') == 'A Private Room') checked @endif>
                                                            <label class="px-2 check_font">A Private Room</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                                @error('kind_space')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    {{-- City-Country --}}
                                    {{-- <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>City:</label>
                                                <div class="input-group">
                                                    <input type="text" name="city" value="{{ old('city') }}"
                                                        class="form-control phone-number" placeholder="City Name">
                                                </div>
                                                @error('city')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Country:</label>
                                                <div class="input-group">
                                                    <input type="text" name="country" value="{{ old('country') }}"
                                                        class="form-control phone-number" placeholder="Country Name">
                                                </div>
                                                @error('country')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div> --}}
                                    {{-- Address --}}
                                    <div class="row my-4">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label>Address:</label>
                                                <div class="input-group mb-3">
                                                    <input type="text" name="address" value="{{ old('address') }}"
                                                        class="form-control phone-number" placeholder="Address">
                                                    <input type="hidden" value="{{ old('postal_code') }}"
                                                        name="postal_code">
                                                    <input type="hidden" value="{{ old('lat') }}" name="lat">
                                                    <input type="hidden" value="{{ old('lng') }}" name="lng">
                                                </div>
                                                @error('address')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                                <!--Google Maps-->
                                                <iframe
                                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3618.9810986206385!2d67.11461361432087!3d24.89862634986024!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3eb339bffc5f550f%3A0x3514a9e5cd3e9296!2sEngitech%20Services%20(Pvt.)%20Ltd.!5e0!3m2!1sen!2s!4v1635236633993!5m2!1sen!2s"
                                                    width="100%" height="200px" style="border:0;" allowfullscreen=""
                                                    loading="lazy">
                                                </iframe>
                                            </div>
                                        </div>
                                    </div>
                                    {{-- Cover Photo --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="mb-1">Cover Photo</label>
                                            <div class="d-flex">
                                                <div class="label_file1 label_for_remove mx-2" id="upload-img-show">
                                                    <img style="border-top: 7px solid #FAFAFA !important;" width="20%"
                                                        id="output" />
                                                </div>
                                                <label class="label_file">
                                                    + Upload
                                                    <input onchange="loadFile(event)" id="upload" type="file"
                                                        name="cover_photo" />

                                                    <script>
                                                        var loadFile = function(event) {
                                                            var output = document.getElementById("output");
                                                            var upload_img_show = document.getElementById('upload-img-show')
                                                            upload_img_show.style.display = "none";
                                                            output.src = URL.createObjectURL(event.target.files[0]);
                                                            output.onload = function() {
                                                                URL.revokeObjectURL(output.src); // free memory
                                                                output.style.width = "20%";
                                                                upload_img_show.style.display = "block";
                                                                upload_img_show.style.width = "13%";
                                                                upload_img_show.style.padding = "52px 0px";
                                                                output.style.maxWidth = "100%"
                                                                output.style.width = "90%"
                                                                output.style.marginTop = "-54px"
                                                                output.style.marginLeft = "6px"
                                                            };
                                                        };
                                                    </script>
                                                </label>
                                            </div>
                                            @error('cover_photo')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    {{-- CNIC Front Photo --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="mb-1">CNIC Front Photo</label>
                                            <div class="d-flex">
                                                <div class="label_file1 label_for_remove mx-2"
                                                    id="upload-cnic-front-show">
                                                    <img style="border-top: 7px solid #FAFAFA !important;" width="20%"
                                                        id="output_cnic_front" />
                                                </div>
                                                <label class="label_file">
                                                    + Upload
                                                    <input onchange="uploadCnicFront(event)" id="upload_cnic_front"
                                                        type="file" name="cnic_front" />

                                                    <script>
                                                        var uploadCnicFront = function(event) {
                                                            var output = document.getElementById("output_cnic_front");
                                                            var upload_img_show = document.getElementById('upload-cnic-front-show')
                                                            upload_img_show.style.display = "none";
                                                            output.src = URL.createObjectURL(event.target.files[0]);
                                                            output.onload = function() {
                                                                URL.revokeObjectURL(output.src); // free memory
                                                                output.style.width = "20%";
                                                                upload_img_show.style.display = "block";
                                                                upload_img_show.style.width = "13%";
                                                                upload_img_show.style.padding = "52px 0px";
                                                                output.style.maxWidth = "100%"
                                                                output.style.width = "90%"
                                                                output.style.marginTop = "-54px"
                                                                output.style.marginLeft = "6px"
                                                            };
                                                        };
                                                    </script>
                                                </label>
                                            </div>
                                            @error('cnic_front')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    {{-- CNIC Back Photo --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="mb-1">CNIC Back Photo</label>
                                            <div class="d-flex">
                                                <div class="label_file1 label_for_remove mx-2" id="upload-cnic-back-show">
                                                    <img style="border-top: 7px solid #FAFAFA !important;" width="20%"
                                                        id="output_cnic_back" />
                                                </div>
                                                <label class="label_file">
                                                    + Upload
                                                    <input onchange="uploadCnicBack(event)" id="upload_cnic_back"
                                                        type="file" name="cnic_back" />

                                                    <script>
                                                        var uploadCnicBack = function(event) {
                                                            var output = document.getElementById("output_cnic_back");
                                                            var upload_img_show = document.getElementById('upload-cnic-back-show')
                                                            upload_img_show.style.display = "none";
                                                            output.src = URL.createObjectURL(event.target.files[0]);
                                                            output.onload = function() {
                                                                URL.revokeObjectURL(output.src); // free memory
                                                                output.style.width = "20%";
                                                                upload_img_show.style.display = "block";
                                                                upload_img_show.style.width = "13%";
                                                                upload_img_show.style.padding = "52px 0px";
                                                                output.style.maxWidth = "100%"
                                                                output.style.width = "90%"
                                                                output.style.marginTop = "-54px"
                                                                output.style.marginLeft = "6px"
                                                            };
                                                        };
                                                    </script>
                                                </label>
                                            </div>
                                            @error('cnic_back')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    {{-- Face Photo --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="mb-1">Face Photo</label>
                                            <div class="d-flex">
                                                <div class="label_file1 label_for_remove mx-2"
                                                    id="upload-face-photo-show">
                                                    <img style="border-top: 7px solid #FAFAFA !important;" width="20%"
                                                        id="output_face_photo" />
                                                </div>
                                                <label class="label_file">
                                                    + Upload
                                                    <input onchange="uploadFacePhoto(event)" id="upload_face_photo"
                                                        type="file" name="selfie" />

                                                    <script>
                                                        var uploadFacePhoto = function(event) {
                                                            var output = document.getElementById("output_face_photo");
                                                            var upload_img_show = document.getElementById('upload-face-photo-show')
                                                            upload_img_show.style.display = "none";
                                                            output.src = URL.createObjectURL(event.target.files[0]);
                                                            output.onload = function() {
                                                                URL.revokeObjectURL(output.src); // free memory
                                                                output.style.width = "20%";
                                                                upload_img_show.style.display = "block";
                                                                upload_img_show.style.width = "13%";
                                                                upload_img_show.style.padding = "52px 0px";
                                                                output.style.maxWidth = "100%"
                                                                output.style.width = "90%"
                                                                output.style.marginTop = "-54px"
                                                                output.style.marginLeft = "6px"
                                                            };
                                                        };
                                                    </script>
                                                </label>
                                            </div>
                                            @error('selfie')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    {{-- Photos --}}
                                    <div class="row mt-2">
                                        <div class="col-md-12">
                                            <label class="font-weight-bold mt-3">Upload Your Listing Photos</label>
                                            <div class="dropzone" id="file-dropzone">
                                                @if (!empty($listning->listningPhoto))
                                                    @foreach ($listning->listningPhoto as $key => $photo_val)
                                                        <div id="div{{ $photo_val->id }}"
                                                            class="dz-preview dz-processing dz-image-preview dz-complete">
                                                            <div class="dz-image"><img data-dz-thumbnail=""
                                                                    alt="{{ $photo_val->image }}"
                                                                    src="{{ asset('storage/' . $photo_val->image) }}">
                                                            </div>
                                                            <div class="dz-details">
                                                                <div class="dz-size"><span
                                                                        data-dz-size=""><strong></strong></span></div>
                                                                <div class="dz-filename"><span
                                                                        data-dz-name="">{{ $photo_val->image }}</span>
                                                                </div>
                                                            </div>
                                                            <div class="dz-progress"><span class="dz-upload"
                                                                    data-dz-uploadprogress="" style="width: 100%;"></span>
                                                            </div>
                                                            <div class="dz-error-message"><span
                                                                    data-dz-errormessage=""></span></div>
                                                            <div class="dz-success-mark"> <svg width="54px"
                                                                    height="54px" viewBox="0 0 54 54" version="1.1"
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                    <title>Check</title>
                                                                    <g stroke="none" stroke-width="1" fill="none"
                                                                        fill-rule="evenodd">
                                                                        <path
                                                                            d="M23.5,31.8431458 L17.5852419,25.9283877 C16.0248253,24.3679711 13.4910294,24.366835 11.9289322,25.9289322 C10.3700136,27.4878508 10.3665912,30.0234455 11.9283877,31.5852419 L20.4147581,40.0716123 C20.5133999,40.1702541 20.6159315,40.2626649 20.7218615,40.3488435 C22.2835669,41.8725651 24.794234,41.8626202 26.3461564,40.3106978 L43.3106978,23.3461564 C44.8771021,21.7797521 44.8758057,19.2483887 43.3137085,17.6862915 C41.7547899,16.1273729 39.2176035,16.1255422 37.6538436,17.6893022 L23.5,31.8431458 Z M27,53 C41.3594035,53 53,41.3594035 53,27 C53,12.6405965 41.3594035,1 27,1 C12.6405965,1 1,12.6405965 1,27 C1,41.3594035 12.6405965,53 27,53 Z"
                                                                            stroke-opacity="0.198794158" stroke="#747474"
                                                                            fill-opacity="0.816519475" fill="#FFFFFF">
                                                                        </path>
                                                                    </g>
                                                                </svg>
                                                            </div>
                                                            <div class="dz-error-mark"> <svg width="54px"
                                                                    height="54px" viewBox="0 0 54 54" version="1.1"
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                    <title>Error</title>
                                                                    <g stroke="none" stroke-width="1" fill="none"
                                                                        fill-rule="evenodd">
                                                                        <g stroke="#747474" stroke-opacity="0.198794158"
                                                                            fill="#FFFFFF" fill-opacity="0.816519475">
                                                                            <path
                                                                                d="M32.6568542,29 L38.3106978,23.3461564 C39.8771021,21.7797521 39.8758057,19.2483887 38.3137085,17.6862915 C36.7547899,16.1273729 34.2176035,16.1255422 32.6538436,17.6893022 L27,23.3431458 L21.3461564,17.6893022 C19.7823965,16.1255422 17.2452101,16.1273729 15.6862915,17.6862915 C14.1241943,19.2483887 14.1228979,21.7797521 15.6893022,23.3461564 L21.3431458,29 L15.6893022,34.6538436 C14.1228979,36.2202479 14.1241943,38.7516113 15.6862915,40.3137085 C17.2452101,41.8726271 19.7823965,41.8744578 21.3461564,40.3106978 L27,34.6568542 L32.6538436,40.3106978 C34.2176035,41.8744578 36.7547899,41.8726271 38.3137085,40.3137085 C39.8758057,38.7516113 39.8771021,36.2202479 38.3106978,34.6538436 L32.6568542,29 Z M27,53 C41.3594035,53 53,41.3594035 53,27 C53,12.6405965 41.3594035,1 27,1 C12.6405965,1 1,12.6405965 1,27 C1,41.3594035 12.6405965,53 27,53 Z">
                                                                            </path>
                                                                        </g>
                                                                    </g>
                                                                </svg>
                                                            </div>
                                                            <a class="dz-remove image-remove" href="javascript:void(0);"
                                                                data-id="{{ $photo_val->id }}" data-dz-remove="">Remove
                                                                file
                                                            </a>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    {{-- Personal Image --}}
                                    {{-- <div class="row mt-2">
                                        <div class="col-md-12">
                                            <label class="font-weight-bold mt-3">Upload the Front and Back of your
                                                ID,s</label>
                                            <div class="dropzone" id="personal-file-dropzone">
                                                @if (!empty($listning->listningPersonalImage))
                                                    @foreach ($listning->listningPersonalImage as $key => $photo_val)
                                                        <div id="Personaldiv{{ $photo_val->id }}"
                                                            class="dz-preview dz-processing dz-image-preview dz-complete">
                                                            <div class="dz-image"><img data-dz-thumbnail=""
                                                                    alt="{{ $photo_val->image }}"
                                                                    src="{{ asset('storage/' . $photo_val->image) }}">
                                                            </div>
                                                            <div class="dz-details">
                                                                <div class="dz-size"><span
                                                                        data-dz-size=""><strong></strong></span></div>
                                                                <div class="dz-filename"><span
                                                                        data-dz-name="">{{ $photo_val->image }}</span>
                                                                </div>
                                                            </div>
                                                            <div class="dz-progress"><span class="dz-upload"
                                                                    data-dz-uploadprogress="" style="width: 100%;"></span>
                                                            </div>
                                                            <div class="dz-error-message"><span
                                                                    data-dz-errormessage=""></span></div>
                                                            <div class="dz-success-mark"> <svg width="54px"
                                                                    height="54px" viewBox="0 0 54 54" version="1.1"
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                    <title>Check</title>
                                                                    <g stroke="none" stroke-width="1" fill="none"
                                                                        fill-rule="evenodd">
                                                                        <path
                                                                            d="M23.5,31.8431458 L17.5852419,25.9283877 C16.0248253,24.3679711 13.4910294,24.366835 11.9289322,25.9289322 C10.3700136,27.4878508 10.3665912,30.0234455 11.9283877,31.5852419 L20.4147581,40.0716123 C20.5133999,40.1702541 20.6159315,40.2626649 20.7218615,40.3488435 C22.2835669,41.8725651 24.794234,41.8626202 26.3461564,40.3106978 L43.3106978,23.3461564 C44.8771021,21.7797521 44.8758057,19.2483887 43.3137085,17.6862915 C41.7547899,16.1273729 39.2176035,16.1255422 37.6538436,17.6893022 L23.5,31.8431458 Z M27,53 C41.3594035,53 53,41.3594035 53,27 C53,12.6405965 41.3594035,1 27,1 C12.6405965,1 1,12.6405965 1,27 C1,41.3594035 12.6405965,53 27,53 Z"
                                                                            stroke-opacity="0.198794158" stroke="#747474"
                                                                            fill-opacity="0.816519475" fill="#FFFFFF">
                                                                        </path>
                                                                    </g>
                                                                </svg>
                                                            </div>
                                                            <div class="dz-error-mark"> <svg width="54px"
                                                                    height="54px" viewBox="0 0 54 54" version="1.1"
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                    <title>Error</title>
                                                                    <g stroke="none" stroke-width="1" fill="none"
                                                                        fill-rule="evenodd">
                                                                        <g stroke="#747474" stroke-opacity="0.198794158"
                                                                            fill="#FFFFFF" fill-opacity="0.816519475">
                                                                            <path
                                                                                d="M32.6568542,29 L38.3106978,23.3461564 C39.8771021,21.7797521 39.8758057,19.2483887 38.3137085,17.6862915 C36.7547899,16.1273729 34.2176035,16.1255422 32.6538436,17.6893022 L27,23.3431458 L21.3461564,17.6893022 C19.7823965,16.1255422 17.2452101,16.1273729 15.6862915,17.6862915 C14.1241943,19.2483887 14.1228979,21.7797521 15.6893022,23.3461564 L21.3431458,29 L15.6893022,34.6538436 C14.1228979,36.2202479 14.1241943,38.7516113 15.6862915,40.3137085 C17.2452101,41.8726271 19.7823965,41.8744578 21.3461564,40.3106978 L27,34.6568542 L32.6538436,40.3106978 C34.2176035,41.8744578 36.7547899,41.8726271 38.3137085,40.3137085 C39.8758057,38.7516113 39.8771021,36.2202479 38.3106978,34.6538436 L32.6568542,29 Z M27,53 C41.3594035,53 53,41.3594035 53,27 C53,12.6405965 41.3594035,1 27,1 C12.6405965,1 1,12.6405965 1,27 C1,41.3594035 12.6405965,53 27,53 Z">
                                                                            </path>
                                                                        </g>
                                                                    </g>
                                                                </svg>
                                                            </div>
                                                            <a class="dz-remove personal-image-remove"
                                                                href="javascript:void(0);" data-id="{{ $photo_val->id }}"
                                                                data-dz-remove="">Remove
                                                                file
                                                            </a>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div> --}}
                                    {{-- Number of guest Allowed-Rate per Night --}}
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Number of guest Allowed:</label>
                                                <div class="input-group">
                                                    <input type="number" name="no_of_guest_allowed"
                                                        value="{{ old('no_of_guest_allowed') }}"
                                                        class="form-control phone-number"
                                                        placeholder="Number of guest allowed">
                                                </div>
                                                @error('no_of_guest_allowed')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Rate per Night</label>
                                                <div class="input-group">
                                                    <input type="number" name="rate_per_night"
                                                        value="{{ old('rate_per_night') }}"
                                                        class="form-control phone-number" placeholder="Rate per Night">
                                                </div>
                                                @error('rate_per_night')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        {{-- <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Number of Bathrooms:</label>
                                                <div class="input-group">
                                                    <input type="number" name="no_of_bathrooms"
                                                        value="{{ old('no_of_bathrooms') }}"
                                                        class="form-control phone-number"
                                                        placeholder="Number of guest allowed">
                                                </div>
                                                @error('no_of_bathrooms')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div> --}}
                                    </div>
                                    {{-- no_of_bedroom --}}
                                    {{-- <div class="row no_of_bedroom_wrapper">
                                        @if (!is_null(old('no_of_bedroom')))
                                            @foreach (old('no_of_bedroom') as $key => $item)
                                                @php
                                                    $value = old('no_of_bedroom')[$key];
                                                @endphp
                                                <div @class([
                                                    'cloning my-4 col-md-12',
                                                    'existent' => $loop->iteration == 1,
                                                ])>
                                                    <div class="element">
                                                        <p class="no_bedroom">Bedroom {{ $loop->iteration }}</p>
                                                        <div class="row align-items-center text-center my-2">
                                                            <div class="col-md-2">
                                                                <input class="radio_design" type="radio" value="Single"
                                                                    name="no_of_bedroom[{{ $key }}]"
                                                                    @if ($value == 'Single') checked @endif>
                                                                <label class="px-2">Single</label><br>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <input class="radio_design" type="radio" value="Double"
                                                                    name="no_of_bedroom[{{ $key }}]"
                                                                    @if ($value == 'Double') checked @endif>
                                                                <label class="px-2">Double</label><br>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <input class="radio_design" type="radio" value="Queen"
                                                                    name="no_of_bedroom[{{ $key }}]"
                                                                    @if ($value == 'Queen') checked @endif>
                                                                <label class="px-2">Queen</label><br>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <input class="radio_design" type="radio" value="King"
                                                                    name="no_of_bedroom[{{ $key }}]"
                                                                    @if ($value == 'King') checked @endif>
                                                                <label class="px-2">King</label><br>
                                                            </div>
                                                            <div class="col-md-4 issubscription">
                                                                <a class="mt-2 add btn btn-primary"
                                                                    href="javascript:void(0);" icon="plus">
                                                                    +
                                                                </a>
                                                                <a class="mt-2 remove btn btn-danger"
                                                                    href="javascript:void(0);" icon="trash">
                                                                    -
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <span class="text-danger first_input_field"></span>
                                                @error('no_of_bedroom.{{ $key }}')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            @endforeach
                                        @else
                                            <div class="cloning existent my-4 col-md-12">
                                                <div class="element">
                                                    <p class="no_bedroom">Bedroom 1</p>
                                                    <div class="row align-items-center text-center my-2">
                                                        <div class="col-md-2">
                                                            <input class="radio_design" type="radio" value="Single"
                                                                name="no_of_bedroom[0]" checked>
                                                            <label class="px-2">Single</label><br>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <input class="radio_design" type="radio" value="Double"
                                                                name="no_of_bedroom[0]">
                                                            <label class="px-2">Double</label><br>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <input class="radio_design" type="radio" value="Queen"
                                                                name="no_of_bedroom[0]">
                                                            <label class="px-2">Queen</label><br>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <input class="radio_design" type="radio" value="King"
                                                                name="no_of_bedroom[0]">
                                                            <label class="px-2">King</label><br>
                                                        </div>
                                                        <div class="col-md-4 issubscription">
                                                            <a class="mt-2 add btn btn-primary" href="javascript:void(0);"
                                                                icon="plus">
                                                                +
                                                            </a>
                                                            <a class="mt-2 remove btn btn-danger"
                                                                href="javascript:void(0);" icon="trash">
                                                                -
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <span class="text-danger first_input_field"></span>
                                        @endif
                                    </div> --}}
                                    {{-- king, queen single double --}}
                                    {{-- <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>King</label>
                                                <div class="input-group">
                                                    <input type="number" name="king_bed" value="{{ old('king_bed') }}"
                                                        class="form-control phone-number" placeholder="King">
                                                </div>
                                                @error('king_bed')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Queen</label>
                                                <div class="input-group">
                                                    <input type="number" name="queen_bed"
                                                        value="{{ old('queen_bed') }}" class="form-control phone-number"
                                                        placeholder="Queen">
                                                </div>
                                                @error('queen_bed')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Single</label>
                                                <div class="input-group">
                                                    <input type="number" name="single_bed"
                                                        value="{{ old('single_bed') }}" class="form-control phone-number"
                                                        placeholder="Single">
                                                </div>
                                                @error('single_bed')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Double</label>
                                                <div class="input-group">
                                                    <input type="number" name="double_bed"
                                                        value="{{ old('double_bed') }}" class="form-control phone-number"
                                                        placeholder="Double">
                                                </div>
                                                @error('double_bed')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div> --}}
                                    {{-- -Cleaning Fee-Deposit Fee --}}
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Cleaning Fee</label>
                                                <div class="input-group">
                                                    <input type="number" name="cleaning_fee"
                                                        value="{{ old('cleaning_fee') }}"
                                                        class="form-control phone-number" placeholder="Cleaning Fee">
                                                </div>
                                                @error('cleaning_fee')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Deposit Fee</label>
                                                <div class="input-group">
                                                    <input type="number" name="deposit_fee"
                                                        value="{{ old('deposit_fee') }}"
                                                        class="form-control phone-number" placeholder="Deposite Fee">
                                                </div>
                                                @error('deposit_fee')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    {{-- Number of Bedroom --}}
                                    <div class="row">
                                        {{-- <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Number of Bedrooms:</label>
                                                <div class="input-group">
                                                    <input type="number" name="no_of_bedroom"
                                                        value="{{ old('no_of_bedroom') }}"
                                                        class="form-control phone-number"
                                                        placeholder="Number of guest allowed">
                                                </div>
                                                @error('no_of_bedroom')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div> --}}
                                        {{-- cloning work new --}}
                                        <div class="col-md-6 mb-3">
                                            <h6>
                                                No of Bedroom
                                            </h6>
                                            <select onclick="addFields()" id="member" name="no_of_bedroom"
                                                class="form-control">
                                                <option value="" selected>Choose Bedroom</option>
                                                @for ($i = 1; $i <= 16; $i++)
                                                    <option value="{{ $i }}"
                                                        @if (old('no_of_bedroom') == $i) selected @endif>
                                                        {{ $i }}</option>
                                                @endfor
                                            </select>
                                        </div>
                                         <div class="col-md-12">
                                            <div class="row" id="container">
                                            </div>
                                            @error('bedroom.*')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                            @error('is_bathroom.*')
                                                <span class="text-danger" style="margin-left: 32%">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    {{-- check_in_instruction --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label>Check In Instruction:</label>
                                                <div class="input-group">
                                                    <textarea class="form-control" name="check_in_instruction" cols="30" rows="10"> @if (old('check_in_instruction')) {{ old('check_in_instruction') }} @endif </textarea>
                                                </div>
                                                @error('check_in_instruction')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    {{-- Facilities --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="font-weight-bold">Facilities:</label> <br>
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row mt-2">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Wifi"
                                                                @if (is_array(old('facilities')) && in_array('Wifi', old('facilities'))) checked @endif>
                                                            <label class="px-2">Wifi</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Kitchen"
                                                                @if (is_array(old('facilities')) && in_array('Kitchen', old('facilities'))) checked @endif>
                                                            <label class="px-2">Kitchen</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Smart Lock"
                                                                @if (is_array(old('facilities')) && in_array('Smart Lock', old('facilities'))) checked @endif>
                                                            <label class="px-2">Smart Lock</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Children's Toys"
                                                                @if (is_array(old('facilities')) && in_array("Children's Toys", old('facilities'))) checked @endif>
                                                            <label class="px-2">Children's Toys</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Free Parking"
                                                                @if (is_array(old('facilities')) && in_array('Free Parking', old('facilities'))) checked @endif>
                                                            <label class="px-2">Free Parking</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Lake Access"
                                                                @if (is_array(old('facilities')) && in_array('Lake Access', old('facilities'))) checked @endif>
                                                            <label class="px-2">Lake Access</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Building Concierge"
                                                                @if (is_array(old('facilities')) && in_array('Building Concierge', old('facilities'))) checked @endif>
                                                            <label class="px-2">Building Concierge</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Host Greets"
                                                                @if (is_array(old('facilities')) && in_array('Host Greets', old('facilities'))) checked @endif>
                                                            <label class="px-2">Host Greets</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Living Room"
                                                                @if (is_array(old('facilities')) && in_array('Living Room', old('facilities'))) checked @endif>
                                                            <label class="px-2">Living Room</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Dining Room"
                                                                @if (is_array(old('facilities')) && in_array('Dining Room', old('facilities'))) checked @endif>
                                                            <label class="px-2">Dining Room</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Backyard"
                                                                @if (is_array(old('facilities')) && in_array('Backyard', old('facilities'))) checked @endif>
                                                            <label class="px-2">Backyard</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Private Entrance"
                                                                @if (is_array(old('facilities')) && in_array('Private Entrance', old('facilities'))) checked @endif>
                                                            <label class="px-2">Private Entrance</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Pets Allowed"
                                                                @if (is_array(old('facilities')) && in_array('Pets Allowed', old('facilities'))) checked @endif>
                                                            <label class="px-2">Pets Allowed</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Indoor Pool"
                                                                @if (is_array(old('facilities')) && in_array('Indoor Pool', old('facilities'))) checked @endif>
                                                            <label class="px-2">Indoor Pool</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Outdoor Pool"
                                                                @if (is_array(old('facilities')) && in_array('Outdoor Pool', old('facilities'))) checked @endif>
                                                            <label class="px-2">Outdoor Pool</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Gym"
                                                                @if (is_array(old('facilities')) && in_array('Gym', old('facilities'))) checked @endif>
                                                            <label class="px-2">Gym</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Self Check In"
                                                                @if (is_array(old('facilities')) && in_array('Self Check In', old('facilities'))) checked @endif>
                                                            <label class="px-2">Self Check In</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="facilities[]" value="Lockbox"
                                                                @if (is_array(old('facilities')) && in_array('Lockbox', old('facilities'))) checked @endif>
                                                            <label class="px-2">Lockbox</label><br>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @error('facilities')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                    {{-- Scenic Views --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="font-weight-bold">Scenic Views:</label>
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="scenic_view[]" value="Canal View"
                                                                @if (is_array(old('scenic_view')) && in_array('Canal View', old('scenic_view'))) checked @endif>
                                                            <label class="px-2">Canal View</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="scenic_view[]" value="Lake View"
                                                                @if (is_array(old('scenic_view')) && in_array('Lake View', old('scenic_view'))) checked @endif>
                                                            <label class="px-2">Lake View</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="scenic_view[]" value="Spectacular View"
                                                                @if (is_array(old('scenic_view')) && in_array('Spectacular View', old('scenic_view'))) checked @endif>
                                                            <label class="px-2">Spectacular View</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="scenic_view[]" value="City Skyline View"
                                                                @if (is_array(old('scenic_view')) && in_array('City Skyline View', old('scenic_view'))) checked @endif>
                                                            <label class="px-2">City Skyline View</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="scenic_view[]" value="Waterfront"
                                                                @if (is_array(old('scenic_view')) && in_array('Waterfront', old('scenic_view'))) checked @endif>
                                                            <label class="px-2">Waterfront</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @error('scenic_view')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                    {{-- Heating and Cooling --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="font-weight-bold">Heating and Cooling:</label>
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="heating_n_cooling[]" value="Air Conditioner"
                                                                @if (is_array(old('heating_n_cooling')) && in_array('Air Conditioner', old('heating_n_cooling'))) checked @endif>
                                                            <label class="px-2">Air Conditioner</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="heating_n_cooling[]" value="Heating"
                                                                @if (is_array(old('heating_n_cooling')) && in_array('Heating', old('heating_n_cooling'))) checked @endif>
                                                            <label class="px-2">Heating</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="heating_n_cooling[]" value="Indoor Fireplace"
                                                                @if (is_array(old('heating_n_cooling')) && in_array('Indoor Fireplace', old('heating_n_cooling'))) checked @endif>
                                                            <label class="px-2">Indoor Fireplace</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="heating_n_cooling[]" value="Outdoor Fireplace"
                                                                @if (is_array(old('heating_n_cooling')) && in_array('Outdoor Fireplace', old('heating_n_cooling'))) checked @endif>
                                                            <label class="px-2">Outdoor Fireplace</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="heating_n_cooling[]" value="Ceiling Fan"
                                                                @if (is_array(old('heating_n_cooling')) && in_array('Ceiling Fan', old('heating_n_cooling'))) checked @endif>
                                                            <label class="px-2">Ceiling Fan</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="heating_n_cooling[]" value="Portable Fan"
                                                                @if (is_array(old('heating_n_cooling')) && in_array('Portable Fan', old('heating_n_cooling'))) checked @endif>
                                                            <label class="px-2">Portable Fan</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="heating_n_cooling[]" value="Radiant Heat"
                                                                @if (is_array(old('heating_n_cooling')) && in_array('Radiant Heat', old('heating_n_cooling'))) checked @endif>
                                                            <label class="px-2">Radiant Heat</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="heating_n_cooling[]" value="Window AC Unit"
                                                                @if (is_array(old('heating_n_cooling')) && in_array('Window AC Unit', old('heating_n_cooling'))) checked @endif>
                                                            <label class="px-2">Window AC Unit</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @error('heating_n_cooling')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                    {{-- Home Safety --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="font-weight-bold">Home Safety:</label>
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="home_safety[]" value="Smoke Alarms"
                                                                @if (is_array(old('home_safety')) && in_array('Smoke Alarms', old('home_safety'))) checked @endif>
                                                            <label class="px-2">Smoke Alarms</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="home_safety[]" value="Carbon Monoxide Alarm"
                                                                @if (is_array(old('home_safety')) && in_array('Carbon Monoxide Alarm', old('home_safety'))) checked @endif>
                                                            <label class="px-2">Carbon Monoxide Alarm</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="home_safety[]" value="Fire Extinguisher"
                                                                @if (is_array(old('home_safety')) && in_array('Fire Extinguisher', old('home_safety'))) checked @endif>
                                                            <label class="px-2">Fire Extinguisher</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="home_safety[]" value="Security Cameras"
                                                                @if (is_array(old('home_safety')) && in_array('Security Cameras', old('home_safety'))) checked @endif>
                                                            <label class="px-2">Security Cameras</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="home_safety[]" value="First Aid Kit"
                                                                @if (is_array(old('home_safety')) && in_array('First Aid Kit', old('home_safety'))) checked @endif>
                                                            <label class="px-2">First Aid Kit</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @error('home_safety')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                    {{-- Bathroom --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="font-weight-bold">Bathroom:</label>
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="bathroom[]"
                                                                value="Hair Dryer"
                                                                @if (is_array(old('bathroom')) && in_array('Hair Dryer', old('bathroom'))) checked @endif>
                                                            <label class="px-2">Hair Dryer</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="bathroom[]"
                                                                value="Shampoo"
                                                                @if (is_array(old('bathroom')) && in_array('Shampoo', old('bathroom'))) checked @endif>
                                                            <label class="px-2">Shampoo</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="bathroom[]"
                                                                value="Conditioner"
                                                                @if (is_array(old('bathroom')) && in_array('Conditioner', old('bathroom'))) checked @endif>
                                                            <label class="px-2">Conditioner</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="bathroom[]"
                                                                value="Body Soap"
                                                                @if (is_array(old('bathroom')) && in_array('Body Soap', old('bathroom'))) checked @endif>
                                                            <label class="px-2">Body Soap</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="bathroom[]"
                                                                value="Shower Gel"
                                                                @if (is_array(old('bathroom')) && in_array('Shower Gel', old('bathroom'))) checked @endif>
                                                            <label class="px-2">Shower Gel</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="bathroom[]"
                                                                value="Hair Gel"
                                                                @if (is_array(old('bathroom')) && in_array('Hair Gel', old('bathroom'))) checked @endif>
                                                            <label class="px-2">Hair Gel</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="bathroom[]"
                                                                value="Hair Brush"
                                                                @if (is_array(old('bathroom')) && in_array('Hair Brush', old('bathroom'))) checked @endif>
                                                            <label class="px-2">Hair Brush</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @error('bathroom')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                    {{-- Laundry --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="font-weight-bold">Laundry:</label>
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="laundry[]"
                                                                value="Washer"
                                                                @if (is_array(old('laundry')) && in_array('Washer', old('laundry'))) checked @endif>
                                                            <label class="px-2">Washer</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="laundry[]"
                                                                value="Dryer"
                                                                @if (is_array(old('laundry')) && in_array('Dryer', old('laundry'))) checked @endif>
                                                            <label class="px-2">Dryer</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="laundry[]"
                                                                value="Iron"
                                                                @if (is_array(old('laundry')) && in_array('Iron', old('laundry'))) checked @endif>
                                                            <label class="px-2">Iron</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="laundry[]"
                                                                value="Clothing Storage"
                                                                @if (is_array(old('laundry')) && in_array('Clothing Storage', old('laundry'))) checked @endif>
                                                            <label class="px-2">Clothing Storage</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="laundry[]"
                                                                value="Extra Pillows and Blankets"
                                                                @if (is_array(old('laundry')) && in_array('Extra Pillows and Blankets', old('laundry'))) checked @endif>
                                                            <label class="px-2">Extra Pillows and Blankets</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @error('laundry')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                    {{-- Kitchen --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="font-weight-bold">Kitchen:</label>
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="kitchen[]"
                                                                value="Fridge"
                                                                @if (is_array(old('kitchen')) && in_array('Fridge', old('kitchen'))) checked @endif>
                                                            <label class="px-2">Fridge</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="kitchen[]"
                                                                value="Stove"
                                                                @if (is_array(old('kitchen')) && in_array('Stove', old('kitchen'))) checked @endif>
                                                            <label class="px-2">Stove</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="kitchen[]"
                                                                value="Dishwasher"
                                                                @if (is_array(old('kitchen')) && in_array('Dishwasher', old('kitchen'))) checked @endif>
                                                            <label class="px-2">Dishwasher</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="kitchen[]"
                                                                value="Microwave"
                                                                @if (is_array(old('kitchen')) && in_array('Microwave', old('kitchen'))) checked @endif>
                                                            <label class="px-2">Microwave</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="kitchen[]"
                                                                value="Toaster"
                                                                @if (is_array(old('kitchen')) && in_array('Toaster', old('kitchen'))) checked @endif>
                                                            <label class="px-2">Toaster</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="kitchen[]"
                                                                value="Coffee Maker"
                                                                @if (is_array(old('kitchen')) && in_array('Coffee Maker', old('kitchen'))) checked @endif>
                                                            <label class="px-2">Coffee Maker</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="kitchen[]"
                                                                value="Wine Glasses"
                                                                @if (is_array(old('kitchen')) && in_array('Wine Glasses', old('kitchen'))) checked @endif>
                                                            <label class="px-2">Wine Glasses</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="kitchen[]"
                                                                value="Hot Water Kettle"
                                                                @if (is_array(old('kitchen')) && in_array('Hot Water Kettle', old('kitchen'))) checked @endif>
                                                            <label class="px-2">Hot Water Kettle</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="kitchen[]"
                                                                value="Dishes and Silverware"
                                                                @if (is_array(old('kitchen')) && in_array('Dishes and Silverware', old('kitchen'))) checked @endif>
                                                            <label class="px-2">Dishes and Silverware</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="kitchen[]"
                                                                value="Cooking Basics"
                                                                @if (is_array(old('kitchen')) && in_array('Cooking Basics', old('kitchen'))) checked @endif>
                                                            <label class="px-2">Cooking Basics</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="kitchen[]"
                                                                value="Freezer"
                                                                @if (is_array(old('kitchen')) && in_array('Freezer', old('kitchen'))) checked @endif>
                                                            <label class="px-2">Freezer</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="kitchen[]"
                                                                value="Baby High Chair"
                                                                @if (is_array(old('kitchen')) && in_array('Baby High Chair', old('kitchen'))) checked @endif>
                                                            <label class="px-2">Baby High Chair</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @error('kitchen')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                    {{-- Entertainment --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="font-weight-bold">Entertainment:</label>
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="entertainment[]" value="Reading Material"
                                                                @if (is_array(old('entertainment')) && in_array('Reading Material', old('entertainment'))) checked @endif>
                                                            <label class="px-2">Reading Material</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="entertainment[]" value="Television"
                                                                @if (is_array(old('entertainment')) && in_array('Television', old('entertainment'))) checked @endif>
                                                            <label class="px-2">Television</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="entertainment[]" value="Television in Bedroom"
                                                                @if (is_array(old('entertainment')) && in_array('Television in Bedroom', old('entertainment'))) checked @endif>
                                                            <label class="px-2">Television in Bedroom</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="entertainment[]" value="Cable TV"
                                                                @if (is_array(old('entertainment')) && in_array('Cable TV', old('entertainment'))) checked @endif>
                                                            <label class="px-2">Cable TV</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="entertainment[]" value="Netflix"
                                                                @if (is_array(old('entertainment')) && in_array('Netflix', old('entertainment'))) checked @endif>
                                                            <label class="px-2">Netflix</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="entertainment[]" value="Prime Video"
                                                                @if (is_array(old('entertainment')) && in_array('Prime Video', old('entertainment'))) checked @endif>
                                                            <label class="px-2">Prime Video</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="entertainment[]" value="Disney Plus"
                                                                @if (is_array(old('entertainment')) && in_array('Disney Plus', old('entertainment'))) checked @endif>
                                                            <label class="px-2">Disney Plus</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="entertainment[]" value="Crave TV"
                                                                @if (is_array(old('entertainment')) && in_array('Crave TV', old('entertainment'))) checked @endif>
                                                            <label class="px-2">Crave TV</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @error('entertainment')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                    {{-- Outdoor --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="font-weight-bold">Outdoor:</label>
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="outdoor[]"
                                                                value="Private Balcony"
                                                                @if (is_array(old('outdoor')) && in_array('Private Balcony', old('outdoor'))) checked @endif>
                                                            <label class="px-2">Private Balcony</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="outdoor[]"
                                                                value="Backyard Patio"
                                                                @if (is_array(old('outdoor')) && in_array('Backyard Patio', old('outdoor'))) checked @endif>
                                                            <label class="px-2">Backyard Patio</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="outdoor[]"
                                                                value="BBQ Grill"
                                                                @if (is_array(old('outdoor')) && in_array('BBQ Grill', old('outdoor'))) checked @endif>
                                                            <label class="px-2">BBQ Grill</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="outdoor[]"
                                                                value="Private Hot Tub"
                                                                @if (is_array(old('outdoor')) && in_array('Private Hot Tub', old('outdoor'))) checked @endif>
                                                            <label class="px-2">Private Hot Tub</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @error('outdoor')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                {{-- Parking --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="font-weight-bold">Parking:</label>
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="parking[]"
                                                                value="Free Parking on Property"
                                                                @if (is_array(old('parking')) && in_array('Free Parking on Property', old('parking'))) checked @endif>
                                                            <label class="px-2">Free Parking on Property</label><br>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox" name="parking[]"
                                                                value="Free Street Parking"
                                                                @if (is_array(old('parking')) && in_array('Free Street Parking', old('parking'))) checked @endif>
                                                            <label class="px-2">Free Street Parking</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @error('parking')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                    {{-- Cancelation Policy --}}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="font-weight-bold">Cancellation Policy:</label>
                                            <div class="form-group">
                                                <div class="d-flex">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <input class="radio_design" type="checkbox"
                                                                name="cancellation_policy[]"
                                                                value="This reservation is non refundable"
                                                                @if (is_array(old('cancellation_policy')) &&
                                                                    in_array('This reservation is non refundable', old('cancellation_policy'))) checked @endif>
                                                            <label class="px-2">This reservation is non
                                                                refundable</label><br>
                                                        </div>
                                                        <div class="col-md-6 d-flex align-items-baseline">
                                                            <input class="radio_design" type="checkbox"
                                                                name="cancellation_policy[]"
                                                                value="Guest can cancel their reservation until 72 hours before check in service charge is non refundable"
                                                                @if (is_array(old('cancellation_policy')) &&
                                                                    in_array(
                                                                        'Guest can cancel their reservation until 72 hours before check in service charge is non refundable',
                                                                        old('cancellation_policy'))) checked @endif>
                                                            <label class="px-2">Guest can cancel their reservation until
                                                                72 hours before check in service charge is non
                                                                refundable</label><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @error('cancellation_policy')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                    {{-- Property Description --}}
                                    <div class="row">
                                        <div class="form-group col-md-12">
                                            <label for="desc"></i>Property Description</label>
                                            <textarea name="property_description" style="height: 15vh !important;" class="form-control"> @if (old('property_description')) {{ old('property_description') }} @endif </textarea>
                                            @error('property_description')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row  mb-3">
                                        <div class="col-md-6">
                                            <button type="submit" class="btn btn-dark">Submit</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- host information --}}
                {{-- <div class="section-body mb-5">
                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4>Host Information</h4>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Name:</label>
                                                <div class="input-group">
                                                    <input type="text" name="host_name"
                                                        value="{{ old('host_name') }}" class="form-control phone-number"
                                                        placeholder="Your Name">
                                                </div>
                                                @error('host_name')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Email:</label>
                                                <div class="input-group">
                                                    <input type="email" name="host_email"
                                                        value="{{ old('host_email') }}" class="form-control phone-number"
                                                        placeholder="Your Email">
                                                </div>
                                                @error('host_email')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Phone Number:</label>
                                                <div class="input-group">
                                                    <input type="number" name="host_phone"
                                                        value="{{ old('host_phone') }}" class="form-control phone-number"
                                                        placeholder="Phone Number">
                                                </div>
                                                @error('host_phone')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                   
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Check in:</label>
                                                <div class="input-group">
                                                    <input type="datetime-local" name="check_in" min="{{ Carbon\Carbon::now()->format('Y-m-d\h:i:s') }}"
                                                        value="{{ old('check_in') }}" class="form-control "
                                                        placeholder="">
                                                </div>
                                                @error('check_in')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Check out:</label>
                                                <div class="input-group">
                                                    <input type="datetime-local" name="check_out" min="{{ Carbon\Carbon::now()->format('Y-m-d\h:i:s') }}"
                                                        value="{{ old('check_out') }}" class="form-control "
                                                        placeholder="">
                                                </div>
                                                @error('check_out')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div> --}}
            </form>
        </section>
    </div>
@endsection
@push('script')
    @php
        $bedrooms = old('bedroom');
        if (!isset($bedrooms) || empty($bedrooms)) {
            $bedrooms = [];
        } elseif (is_array($bedrooms) && count($bedrooms) == 1 && empty($bedrooms[0])) {
            $bedrooms = [];
        }
        $bathrooms = old('is_bathroom');
        if (!isset($bathrooms) || empty($bathrooms)) {
            $bathrooms = [];
        } elseif (is_array($bathrooms) && count($bathrooms) == 1 && empty($bathrooms[0])) {
            $bathrooms = [];
        }
    @endphp
    <script>
        $(document).ready(function() {
            tinymce.init({
                selector: '#step1'
            });
            // if ($('.remove').parents('.cloning').first().hasClass('existent')) {
            //     $('.remove').hide();
            // }
        });

        // $('.no_of_bedroom_wrapper').on('click', '.add', function() {
        //     // $('.first_input_field').text('');
        //     var newIndex = $('.cloning').length;
        //     var clone = $(".cloning:first").clone()
        //     clone.removeClass('existent');
        //     clone.find("input:checked").prop('checked', false)
        //     clone.find("input:radio").eq(0).prop('checked', true)
        //     clone.find("input[type='radio']").prop('name', 'no_of_bedroom[' + newIndex + ']')
        //     clone.find('.no_bedroom').text('Bedroom ' + (newIndex + 1));
        //     clone.appendTo(".no_of_bedroom_wrapper")
        //     // clone.insertAfter(".cloning:last").find(
        //     //     'input[type="radio"]').prop('name', 'no_of_bedroom[' + newIndex + ']');
        //     // clone.insertAfter(".cloning:last").find(
        //     //     '.no_bedroom').text('Bedroom ' + (newIndex+1));
        // });
        // $(".no_of_bedroom_wrapper").on("click", ".remove", function() {
        //     if ($(this).parents('.cloning').hasClass('existent')) $('.first_input_field').text('');
        //     else $(this).parents(".cloning").remove();
        // });
    </script>

    <script>
        //photos
        $(document).on('click', '.image-remove', function() {
            var id = $(this).attr("data-id");
            $.ajax({
                type: 'POST',
                url: "{{ route('admin.removepropertyImageById') }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    id: id
                },
                success: function(data) {
                    $("#div" + id).remove()
                    console.log("File has been successfully removed!!");
                },
                error: function(e) {
                    console.log(e);
                }
            });
        });

        Dropzone.options.fileDropzone = {
            url: "{{ route('admin.uploadlistningImage') }}",
            acceptedFiles: ".jpeg,.jpg,.png,.gif",
            addRemoveLinks: true,
            maxFilesize: 8,
            headers: {
                'X-CSRF-TOKEN': "{{ csrf_token() }}"
            },
            removedfile: function(file) {
                var name = file.upload.filename;
                $.ajax({
                    type: 'POST',
                    url: "{{ route('admin.removelistningImage') }}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        name: name
                    },
                    success: function(data) {
                        console.log("File has been successfully removed!!");
                    },
                    error: function(e) {
                        console.log(e);
                    }
                });
                var fileRef;
                return (fileRef = file.previewElement) != null ?
                    fileRef.parentNode.removeChild(file.previewElement) : void 0;
            },
            success: function(file, response) {
                console.log(file);
            },
        }
        //personalImage
        // $(document).on('click', '.personal-image-remove', function() {
        //     var id = $(this).attr("data-id");
        //     $.ajax({
        //         type: 'POST',
        //         url: "{{ route('admin.removePersonalImageById') }}",
        //         data: {
        //             "_token": "{{ csrf_token() }}",
        //             id: id
        //         },
        //         success: function(data) {
        //             $("#Personaldiv" + id).remove()
        //             console.log("File has been successfully removed!!");
        //         },
        //         error: function(e) {
        //             console.log(e);
        //         }
        //     });
        // });

        // Dropzone.options.personalFileDropzone = {
        //     url: "{{ route('admin.uploadPersonalImage') }}",
        //     acceptedFiles: ".jpeg,.jpg,.png,.gif",
        //     addRemoveLinks: true,
        //     maxFilesize: 8,
        //     headers: {
        //         'X-CSRF-TOKEN': "{{ csrf_token() }}"
        //     },
        //     removedfile: function(file) {
        //         var name = file.upload.filename;
        //         $.ajax({
        //             type: 'POST',
        //             url: "{{ route('admin.removePersonalImage') }}",
        //             data: {
        //                 "_token": "{{ csrf_token() }}",
        //                 name: name
        //             },
        //             success: function(data) {
        //                 console.log("File has been successfully removed!!");
        //             },
        //             error: function(e) {
        //                 console.log(e);
        //             }
        //         });
        //         var fileRef;
        //         return (fileRef = file.previewElement) != null ?
        //             fileRef.parentNode.removeChild(file.previewElement) : void 0;
        //     },
        //     success: function(file, response) {
        //         console.log(file);
        //     },
        // }
        // cloning work new
        function addFields() {
            // Generate a dynamic number of inputs
            var number = document.getElementById("member").value;
            // Get the element where the inputs will be added to
            var container = document.getElementById("container");
            // Remove every children it had before
            while (container.hasChildNodes()) {
                container.removeChild(container.lastChild);
            }
            // Generate a dynamic number of inputs using loop according to user input
            for (i = 0; i < number; i++) {
                // create variable name of id and assign value 1
                var id = 1;
                // create div
                var div = document.createElement("div");
                // add class in this div
                div.className += "col-12 mt-2 mb-3";
                // appen this div in main container
                container.appendChild(div);
                //create h1
                var h1 = document.createElement("h4");
                // add text in h1 tag
                var bedroom = document.createTextNode("Bedroom " + (i + 1));
                //   text append in h1
                h1.appendChild(bedroom);
                //h1 append with div
                div.appendChild(h1);
                var div_row = document.createElement("div");
                div_row.className = "row"
                div.appendChild(div_row);
                // div_row.appendChild(h1)
                // create select box
                var new_select_div = document.createElement('div')
                new_select_div.className = ('col-md-6')
                div_row.appendChild(new_select_div)

                var select = document.createElement("select");
                select.className += "form-control py-0";
                // add id in select box
                select.id = "bed" + i;
                // add onchange function in select box
                select.onchange = getbedvalue;
                select.name += "bedroom[]"
                //increamnet of id variable +1
                id += 1;
                //select append with div
                new_select_div.appendChild(select);


                var new_bath_div = document.createElement('div')
                new_bath_div.className = ('col-md-6')
                div_row.appendChild(new_bath_div)

                //create one more select box
                var bathroom = document.createElement("select");
                bathroom.className += "form-control py-0";
                // add id in select box
                bathroom.id = "bathroom" + i;
                // add onchange function in select box
                bathroom.onchange = getbathvalue;
                bathroom.name += "is_bathroom[]"
                //increamnet of id variable +1
                id += 1;
                //select append with div
                new_bath_div.appendChild(bathroom);

                //create array for option of select box 1
                var options = ["Choose Bed", "King", "Queen", "Double", "Single"];
                // start loop for getting value in array
                for (var j = 0; j < options.length; j++) {
                    //create option for select box
                    var option = document.createElement("option");
                    //add value attr in option and assign value of value is array value
                    if (j == 0) {
                        option.value = "";
                    } else {
                        option.value = options[j];
                    }
                    //add text in option and text is array value
                    option.text = options[j];
                    //option append with select
                    select.appendChild(option);
                }
                //create array for option of select box 1
                var option_Bath = ["Choose Bath", "yes", "No"];
                // start loop for getting value in array
                for (var k = 0; k < option_Bath.length; k++) {
                    //create option for select box
                    var optionbathroom = document.createElement("option");
                    //add value attr in option and assign value of value is array value
                    if (k == 0) {
                        optionbathroom.value = "";
                    } else {
                        optionbathroom.value = option_Bath[k];
                    }
                    //add text in option and text is array value
                    optionbathroom.text = option_Bath[k];
                    //optionbathrron append with bathroom select box
                    bathroom.appendChild(optionbathroom);
                }
            }
            if ({{ old('no_of_bedroom') ? 'true' : 'false' }}) {
                var bedroom = @json($bedrooms);
                var bathroom = @json($bathrooms);
                var no_of_bedroom_length = {{ old('no_of_bedroom') }}
                console.log(bedroom, bathroom, 'o')
                for (let i = 0; i < no_of_bedroom_length; i++) {
                    var bed = 'bed' + i
                    var bath = 'bathroom' + i
                    var element = document.getElementById(bed);
                    var element2 = document.getElementById(bath);
                    if (element && bedroom[i]) element.value = bedroom[i]
                    if (element2 && bathroom[i]) element2.value = bathroom[i]
                }
            }
        }

        if ({{ old('no_of_bedroom') ? 'true' : 'false' }}) {
            addFields();
        }
        // onchange function of 1st select box
        function getbedvalue() {
            //geting value of select box by this keyword
            var bedroom = this.value;
            // show value + id in log
            console.log(bedroom + this.id);
        }
        // onchange function of 2nd select box
        function getbathvalue() {
            //geting value of select box by this keyword
            var beth = this.value;
            // show value + id in log
            console.log(beth + this.id);
        }
    </script>
@endpush