%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>Centers of Excellence</h1> <form action="<?php echo base_url('CentersOfExcellence')?>" method="post" name="find_a_speciality" id="find_a_speciality"> <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="<?= $dep['DepartmentID']?>" <?php if(@$_POST['department']==$dep['DepartmentID']) { echo 'selected' ; }?>> <?php echo $dep['DepartmentName'] ?> </option> <?php } ?> </select> <input id="searchTxt" type="search" placeholder="Search By Name" /> <div class="clearfix"></div> </div> </form> </div> </div> </div> </div> <div class="doc-listpage"> <div class="container"> <div class="row"> <?php foreach ($coes as $coe) {?> <div class="col-md-4 noteCard"> <div class="excel-sec"> <div class="images"> <img src="<?php echo base_url(); ?>uploads/department/<?php echo $coe['DepartmentIcon'] ?>" /> </div> <div class="contant-top"> <strong><?php echo $coe['DepartmentName']; ?></strong> <p> <?php echo substr(strip_tags($coe['DepartmentOverview']), 0, 150); ?>... </p> </div> <div class="contant"> <!-- <span>12 Services</span> --> <a href="<?php echo base_url(); ?>centers-of-excellence/<?php echo $coe['DepartmentPageURL']; ?>">View Details <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </div> </div> </div> <?php } ?> <!-- <div class="col-md-4"> <div class="excel-sec"> <div class="images"> <img src="<?=base_url('assests/images/')?>ex-1.jpg" /> </div> <div class="contant-top"> <strong>Institute of Child Care</strong> <p> The Institute of Child Care is an excellent center of healing imbibed with compassion and commitment to serve the patients. </p> </div> <div class="contant"> <span>12 Services</span> <a href="centers-of-excellence-details">View Details <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </div> </div> </div> --> <!-- <div class="col-md-4"> <div class="excel-sec"> <div class="images"> <img src="<?=base_url('assests/images/')?>ex-1.jpg" /> </div> <div class="contant-top"> <strong>Institute of Child Care</strong> <p> The Institute of Child Care is an excellent center of healing imbibed with compassion and commitment to serve the patients. </p> </div> <div class="contant"> <span>12 Services</span> <a href="centers-of-excellence-details">View Details <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </div> </div> </div> --> </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("strong")[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>