%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
<div class="sliderinners"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2>Book an Appointment</h2> </div> </div> </div> </div> <div class="appoinform"> <div class="container"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-6"> <form action="<?php echo base_url('appointment/booked');?>" method="post" enctype="multipart/form-data"> <?php if($this->session->flashdata('submit_status_msg')) { ?> <p><?=$this->session->flashdata('submit_status_msg')?></p> <?php } ?> <div class="form-app"> <label><input type="radio" name="radio" value="appointment" checked> Book Appointment </label> <label><input type="radio" name="radio" value="Health Check">Book Health Check</label> <label><input type="radio" name="radio" value="Second Opinion">Book Second Opinion</label> </div> <div class="form-app"> <span>Select Country</span> <select id="country" name="country"> <option value="">Select</option> </select> </div> <div class="form-app"> <span>Name</span> <input type="text" autocomplete=OFF value="" name="name" id="name" class="" maxlength="150" required > <small id="namevalid" class="form-text text-muted invalid-feedback"> Your username must be more than 2 characters long and should start with a Capital letter. </small> </div> <div class="form-app"> <span>Email</span> <input type="text" maxlength="100" value="" name="email" class="" id="emailid" autocomplete=OFF required /> <small id="emailvalid" class="form-text text-muted invalid-feedback"> Your email must be a valid email </small> </div> <div class="form-app"> <span>Phone No</span> <input type="text" value="" onkeyup="this.value=this.value.replace(/[^\d]/,'')" autocomplete="off" name="phone" id="contact_number" maxlength="10" required > </div> <div class="form-app"> <span>Select Speciality </span> <select id="speciality" name="speciality" required> <option value="">Select</option> <?php foreach($specialities as $val){ ?> <option value="<?php echo $val['DepartmentID'];?>"> <?php echo $val['DepartmentName'];?> </option> <?php } ?> </select> </div> <div class="form-app"> <button type="submit" value="Submit" name="submit" class="button5">Submit Request<span><i class="bi bi-arrow-right-short"></i></span></button> </div> </form> </div> </div> </div> </div> <script> let noteCards = document.getElementById('country'); // console.log(noteCards.innerHTML); fetch('https://countriesnow.space/api/v0.1/countries') .then(response => response.json()) .then(data => { for (let i = 0; i <= data.data.length; i++) { let str = ""; // str +=`<option value='${data.data[i].country}'>${data.data[i].country}</option>`; noteCards.innerHTML += `<option value='${data.data[i].country}'>${data.data[i].country}</option>`; } }) .catch(error => console.error(error)) </script> <script> const name = document.getElementById('name'); const email = document.getElementById('emailid'); const namevalid = document.getElementById("namevalid").style.display = "none"; const emailvalid = document.getElementById("emailvalid").style.display = "none"; // console.log(name); // console.log(email); name.addEventListener('blur', () => { // console.log("name is blurred"); // Validate name here let regex = /^[A-Z]([0-9a-zA-Z ]){2,50}$/; let str = name.value; // console.log(regex, str); if (regex.test(str)) { // console.log('Your name is valid'); name.classList.remove('is-invalid'); const namevalid = document.getElementById("namevalid").style.display = "none"; } else { // console.log('Your name is not valid'); name.classList.add('is-invalid'); const namevalid = document.getElementById("namevalid").style.display = "block"; } }); email.addEventListener('blur', () => { console.log("email is blurred"); // Validate email here let regex = /^([_\-\.0-9a-zA-Z]+)@([_\-\.0-9a-zA-Z]+)\.([a-zA-Z]){2,7}$/; let str = email.value; // console.log(regex, str); if (regex.test(str)) { // console.log('Your email is valid'); email.classList.remove('is-invalid'); const emailvalid = document.getElementById("emailvalid").style.display = "none"; } else { // console.log('Your email is not valid'); email.classList.add('is-invalid'); const emailvalid = document.getElementById("emailvalid").style.display = "block"; } }); </script>