<title>
    <%= title ? title : 'Book Appointment' %>
</title>

<%- include('../partials/header.ejs') %>
    <div class="booked-area">
        <div class="container">
            <div class="row">
                <div class="col-md-4 offset-md-4">
                    <div class="booked-icn">
                        <img src="images/cancel-appoi.svg" alt="img">
                    </div>
                    <div class="sf-heading">
                        <h4>Cancel your appointment</h4>
                        <p>Are you sure you want to cancel? Appointments cancelled less than 2 business days in advance
                            may
                            result in a fee.</p>
                    </div>
                    <div class="sf-area">
                        <div class="bfss mb-4">
                            <i class="fa-regular fa-lightbulb"></i>
                            <strong>Looking to reschedule?</strong>
                            <p>Please call us at <a href="tel:6234001501">623-400-1501</a></p>
                        </div>
                        <div class="modal-body ca-body mb-4">
                            <div class="">
                                <div class="ca-person">
                                    <div class="ca-img">
                                        <img src="images/match-img.JPG" alt="img">
                                    </div>
                                    <strong>Todd Adams</strong>
                                </div>
                                <hr>
                                <div class="time-info">
                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"
                                            fill="#333333"></path>
                                    </svg>
                                    <strong>Adult Psychiatry</strong>
                                    <p>Wednesday, January 17th <br>12:40am-1:40am GMT+5</p>
                                </div>
                                <hr>
                                <div class="visit-info">
                                    <svg width="24" height="24" viewBox="0 0 20 14" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M14.1668 4.66732L18.511 1.62565C18.5735 1.58186 18.6467 1.55607 18.7229 1.55107C18.799 1.54607 18.875 1.56207 18.9427 1.59731C19.0103 1.63256 19.067 1.6857 19.1065 1.75094C19.1461 1.81619 19.1669 1.89103 19.1668 1.96732V12.034C19.1669 12.1103 19.1461 12.1851 19.1065 12.2504C19.067 12.3156 19.0103 12.3687 18.9427 12.404C18.875 12.4392 18.799 12.4552 18.7229 12.4502C18.6467 12.4452 18.5735 12.4194 18.511 12.3757L14.1668 9.33398V12.834C14.1668 13.055 14.079 13.267 13.9228 13.4232C13.7665 13.5795 13.5545 13.6673 13.3335 13.6673H1.66683C1.44582 13.6673 1.23385 13.5795 1.07757 13.4232C0.921293 13.267 0.833496 13.055 0.833496 12.834V1.16732C0.833496 0.946304 0.921293 0.734343 1.07757 0.578062C1.23385 0.421782 1.44582 0.333984 1.66683 0.333984H13.3335C13.5545 0.333984 13.7665 0.421782 13.9228 0.578062C14.079 0.734343 14.1668 0.946304 14.1668 1.16732V4.66732ZM14.1668 7.29982L17.5002 9.63315V4.36732L14.1668 6.70065V7.29898V7.29982ZM2.50016 2.00065V12.0007H12.5002V2.00065H2.50016ZM4.16683 3.66732H5.8335V5.33398H4.16683V3.66732Z"
                                            fill="#333333"></path>
                                    </svg>
                                    <strong>Video appointment</strong>
                                </div>
                            </div>
                        </div>
                        <div class="sf-cont">
                            <button type="button" class="blue-btn btn-style mb-3">Yes, Cancel</button>
                            <button type="button" class="white-btn btn-style">No, do not cancel</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Include footer partial -->
    <%- include('../partials/footer.ejs') %>