<section class="glo-booking-2">
    <div class="container">
        <div class="row">
            <div class="col-lg-7 col-xl-7">
                <div class="glo-appointment-form glo-appointment-form-2 p-relative" data-reveal="left">
                    <div class="intro-title-wrapper-3 mb-50">
                        <span class="intro-subtitle-3">Book Now</span>
                        <h2 class="intro-title-3">Book A Room</h2>
                    </div>
                    <form action="#">
                        <div class="glo-appointment-input-wrapper">
                            <div class="glo-appointment-input mb-20">
                                <input type="text" placeholder="Full Name">
                                <i class="fas fa-user"></i>
                            </div>
                            <div class="glo-appointment-input mb-20">
                                <input type="email" placeholder="Email Address">
                                <i class="fas fa-envelope"></i>
                            </div>
                            <div class="glo-appointment-input mb-20">
                                <input type="text" placeholder="Phone Number">
                                <i class="fas fa-phone"></i>
                            </div>
                            <div class="glo-appointment-input mb-20">
                                <select name="appointment-select" id="appointment-select">
                                    <option selected>Room Type</option>
                                    <option value="1">Single Luxury Room</option>
                                    <option value="2">Double</option>
                                    <option value="3">Standard</option>
                                    <option value="4">Deluxe</option>
                                    <option value="5">Presidential Suite</option>
                                </select>
                            </div>
                        </div>
                        <div class="glo-appointment-check mb-20">
                            <div class="row g-4 mb-20">
                                <div class="col-12 col-md-6">
                                    <div class="glo-appointment-check-in p-relative d-flex">
                                        <input type="text" placeholder="Check In" onfocus="(this.type='date')"
                                               onblur="(this.type='text')">
                                        <i class="fas fa-calendar"></i>
                                    </div>
                                </div>
                                <div class="col-12 col-md-6">
                                    <div class="glo-appointment-check-out p-relative d-flex">
                                        <input type="text" placeholder="Check Out" onfocus="(this.type='date')"
                                               onblur="(this.type='text')">
                                        <i class="fas fa-calendar"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="glo-appointment-input glo-appointment-submit mb-15 text-center">
                            <button class="btn btn-block fill-btn">Book An Appointment</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="glo-testimonial-inner glo-testimonial-inner-2 mb-60" data-reveal='right'>
                    <div class="glo-testimonial-active-2 swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="boking-review-wrapper">
                                    <div class="glo-testimonial-review pb-20 p-relative">
                                        <div class="glo-testimonial-review-icon">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                        <div class="glo-testimonial-review-quote"><img
                                                src="{{asset('assets/img/testimonial/quote.png')}}"
                                                alt="quote">
                                        </div>
                                    </div>
                                    <p class="boking-client-text">“
                                        De Niche, My goodluck charm. The aura, energy positioning is both
                                        inspiring and motivating.
                                        I stayed 43 days because of Unlimited internet. Cool, Quiet, Calm and
                                        Organized. ”</p>
                                    <div class="line-bg pb-20 pt-20">
                                        <img src="{{asset('assets/img/testimonial/test-line-bg.png')}}"
                                             alt="image not found">
                                    </div>
                                    <div class="glo-testimonial-user">
                                        <div class="user-img">
                                            <img src="{{asset('assets/img/testimonial/user-1.png')}}"
                                                 alt="image not found">
                                        </div>
                                        <div class="glo-testimonial-client-info">
                                            <h3>Achimugu Emmanuel</h3>
                                            <p>ICT Consultant</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="d">
                                    <div class="glo-testimonial-review pb-20 p-relative">
                                        <div class="glo-testimonial-review-icon">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                        <div class="glo-testimonial-review-quote"><img
                                                src="{{asset('assets/img/testimonial/quote.png')}}"
                                                alt="quote">
                                        </div>
                                    </div>
                                    <p class="boking-client-text">“
                                        24 hours light and Internet is luxury, but with Deniche, it is a
                                        necessity.
                                        I experienced absolute serenity, concentration and focus.”</p>
                                    <div class="line-bg pb-20 pt-20">
                                        <img src="{{asset('assets/img/testimonial/test-line-bg.png')}}"
                                             alt="image not found">
                                    </div>
                                    <div class="glo-testimonial-user">
                                        <div class="user-img">
                                            <img src="{{asset('assets/img/testimonial/user-2.png')}}"
                                                 alt="image not found">
                                        </div>
                                        <div class="glo-testimonial-client-info">
                                            <h3>Samson Adeyemi</h3>
                                            <p>Journalist</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="d">
                                    <div class="glo-testimonial-review pb-20 p-relative">
                                        <div class="glo-testimonial-review-icon">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                        <div class="glo-testimonial-review-quote"><img
                                                src="{{asset('assets/img/testimonial/quote.png')}}"
                                                alt="quote">
                                        </div>
                                    </div>
                                    <p class="boking-client-text">“
                                        Do you have an urgent task, remote job or some sort of time-bound
                                        project?
                                        Don't hesitate to ask it out at Deniche. No additional Cost for the Love
                                        you see within. ”</p>
                                    <div class="line-bg pb-20 pt-20">
                                        <img src="{{asset('assets/img/testimonial/test-line-bg.png')}}"
                                             alt="image not found">
                                    </div>
                                    <div class="glo-testimonial-user">
                                        <div class="user-img">
                                            <img src="{{asset('assets/img/testimonial/user-3.png')}}"
                                                 alt="image not found">
                                        </div>
                                        <div class="glo-testimonial-client-info">
                                            <h3>James Onuoha</h3>
                                            <p>Businessman</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- If we need pagination -->
                    <div class="glo-testimonial-pagination"></div>
                </div>
            </div>
        </div>
    </div>
</section>
