%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="slider-inners"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1>Find a Doctor </h1> <form action="<?php echo base_url('doctor')?>" method="post" name="find_a_doctor" id="find_a_doctor"> <div class="slider-form"> <select name="department" onchange="this.form.submit()"> <option value="" >Search by Department</option> <?php foreach($departments_list as $dep) { ?> <option value="<?php echo $dep['DepartmentID']?>"><?php echo $dep['DepartmentName']?> </option> <?php } ?> </select> <select name="gender" onchange="this.form.submit()"> <option value="">Search by Gender </option> <option value="M">Male</option> <option value="F">Female </option> </select> <input id="searchTxt" type="search" placeholder="Search By Name" /> <div class="clearfix"></div> </div> </form> </div> </div> </div> </div> <div class="search-alphabet"> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <span>Browse by Last Name: </span> <ul> <li><a href="#">a </a></li> <li><a href="#">b </a></li> <li><a href="#">c </a></li> <li><a href="#">d </a></li> <li><a href="#">e </a></li> <li><a href="#">f </a></li> <li><a href="#">g </a></li> <li><a href="#">h </a></li> <li><a href="#">i </a></li> <li><a href="#">j </a></li> <li><a href="#">k </a></li> <li><a href="#">l </a></li> <li><a href="#">m </a></li> <li><a href="#">n </a></li> <li><a href="#">o </a></li> <li><a href="#">p </a></li> <li><a href="#">q </a></li> <li><a href="#">r </a></li> <li><a href="#">s </a></li> <li><a href="#">t </a></li> <li><a href="#">u </a></li> <li><a href="#">v </a></li> <li><a href="#">w </a></li> <li><a href="#">x </a></li> <li><a href="#">y </a></li> <li><a href="#">z </a></li> </ul> </div> </div> </div> </div> <div class="doc-listpage"> <div class="container"> <div class="row"> <?php foreach($doctors as $value){ // print_r($value); ?> <div class="col-md-3 noteCard"> <div class="find-dc-in"> <div class="images"> <img src="<?=base_url('uploads/doctor/').$value['DoctorProfilePic'];?>"> </div> <div class="contant "> <h3><?= $value['DoctorTitle'].$value['DoctorName'];?></h3> <p><?= $value['DesignationTitle'];?></p> <a href="<?=base_url(('doctor/').$value['DoctorPageURL'])?>" class="button1">Book Appointment <span><i class="bi bi-arrow-right-short"></i></span></a> </div> </div> </div> <?php } ?> </div> </div> </div> <script> let search = document.getElementById('searchTxt'); search.addEventListener("input", function(){ let inputVal = search.value.toLowerCase(); // console.log('Input event fired!', inputVal); let noteCards = document.getElementsByClassName('noteCard'); // console.log('Input event fired!', noteCards); Array.from(noteCards).forEach(function(element){ let cardTxt = element.getElementsByTagName("h3")[0].innerText; let cardTxts = cardTxt.toLowerCase(); console.log(cardTxts); if(cardTxts.includes(inputVal)){ element.style.display = "block"; } else{ element.style.display = "none"; } // console.log(cardTxt); }) }) </script>