EVOLUTION-NINJA

Edit File: blog_old.php

<?php
    echo view('NewIncludes/blog_head');    
?>
<section>
    <div class="container-fluid">
        <div class="row blog-search mb-5">
            <div class="col-sm-1"></div>
            <div class="col-sm-10 search-input">
                <div class="row">
                    <div class="col-sm-3"></div>
                    <div class="col-sm-6 sear-blog-new">
                        <input type="text" class="btn" placeholder="Search"><i class="fa fa-search search-bloicon" aria-hidden="true"></i>
                    </div>
                    <div class="col-sm-3"></div>
                </div>
                
                <div class="row">
                    <div class="col-sm-12 bor-blog"></div>
                </div>
                
                <div class="row blog-card">
                    <div class="col-sm-3 card-btm">
                        <div class="card ">
                            <div class="card-header">
                              <div class="row">
                                <div class="col-sm-2 blog-logo-img">
                                    <img src="<?php echo base_url('public/assets/images1/Logo.png');?> "  alt="" >
                                </div>
                                <div class="col-sm-10 blog-logo-cont">
                                    <span class="para1">Trusted Digital Health Partner for Patient-Centric Health Care and Continuing Medical Education</span><br>
                                    <span class="para2">Medusys. Posted 1d</span>
                                </div>
                              </div>
                            </div>
                            <div class="card-body">
                            <a href="<?php echo base_url('Blog-analytics');?>"><img class="card-body-img" src="<?php echo base_url('public/assets/images1/card1_image 1.png');?> " alt="" width="100%" height="auto"></a>
                                <p class="crd-blw1">The Analytical Anaesthetists:</p><br> 
                                <p class="crd-blw2">Leveraging Predictive Analytics for Improved Perioperative Outcomes</p>
                                    <button type="button" id="share-btn" class="btn send-btn smb1"><img src="public/assets/images1/mesg_send.png" alt="msg"> Send</button>

</div>
                            
                          </div>
                    </div>
                    <script>
                        // Select the button element
                        var shareButton = document.getElementById('share-btn');

// Add a click event listener
                        shareButton.addEventListener('click', function() {
                            // Check if the navigator supports the share API
                            if (navigator.share) {
                                // Use the share API to share content
                                navigator.share({
                                    title: 'Title of the shared content',
                                    text: 'Description of the shared content',
                                    url: 'https://jayblues.in/medusys_staging/Blog-analytics', // URL of the shared content
                                })
                                .then(() => console.log('Successful share'))
                                .catch((error) => console.log('Error sharing:', error));
                            } else {
                                // Fallback if share API is not supported
                                console.log('Share API is not supported.');
                                // You can implement your own custom sharing functionality here
                            }
                        });
                    </script>
                    
                    <div class="col-sm-3 card-btm">
                        <div class="card ">
                            <div class="card-header">
                              <div class="row">
                                <div class="col-sm-2 blog-logo-img">
                                    <img src="<?php echo base_url('public/assets/images1/Logo.png');?> " alt="" >
                                </div>
                                <div class="col-sm-10 blog-logo-cont">
                                    <span class="para1">Trusted Digital Health Partner for Patient-Centric Health Care and Continuing Medical Education</span><br>
                                    <span class="para2">Medusys. Posted 1d</span>
                                </div>
                              </div>
                            </div>
                            <div class="card-body">
                                <img class="card-body-img" src="<?php echo base_url('public/assets/images1/card1_image 2.png');?> " alt="" width="100%" height="auto">
                                <p class="crd-blw1">Conceptualizing Success in Regional Anaesthesia</p><br> 
                                <p class="crd-blw2">Parameters, Perspectives and a Paradigm Shift</p>
                                <button type="button"  class="btn send-btn smb2"><img src="public/assets/images1/mesg_send.png" alt="msg"> Send</button>

</div>
                            
                          </div>
                    </div>
                    
                    <div class="col-sm-3 card-btm">
                        <div class="card ">
                            <div class="card-header">
                              <div class="row">
                                <div class="col-sm-2 blog-logo-img">
                                    <img src="<?php echo base_url('public/assets/images1/Logo.png');?> " alt="" >
                                </div>
                                <div class="col-sm-10 blog-logo-cont">
                                    <span class="para1">Trusted Digital Health Partner for Patient-Centric Health Care and Continuing Medical Education</span><br>
                                    <span class="para2">Medusys. Posted 1d</span>
                                </div>
                              </div>
                            </div>
                            <div class="card-body">
                                <img class="card-body-img" src="<?php echo base_url('public/assets/images1/card1_image 3.png');?> " alt="" width="100%" height="auto">
                                <p class="crd-blw1">Beyond Compliance:</p><br> 
                                <p class="crd-blw2">The Value of Clinical Audits in Enhancing Anaesthetic Outcomes</p>
                                <button type="button" id="share-btn" class="btn send-btn smb3"><img src="public/assets/images1/mesg_send.png" alt="msg"> Send</button>

</div>
                            
                          </div>
                    </div>
                    
                    <div class="col-sm-3 card-btm">
                        <div class="card ">
                            <div class="card-header">
                              <div class="row">
                                <div class="col-sm-2 blog-logo-img">
                                    <img src="<?php echo base_url('public/assets/images1/Logo.png');?> " alt="" >
                                </div>
                                <div class="col-sm-10 blog-logo-cont">
                                    <span class="para1">Trusted Digital Health Partner for Patient-Centric Health Care and Continuing Medical Education</span><br>
                                    <span class="para2">Medusys. Posted 1d</span>
                                </div>
                              </div>
                            </div>
                            <div class="card-body">
                                <img class="card-body-img" src="<?php echo base_url('public/assets/images1/card1_image 4.png');?> " alt="" width="100%" height="auto">
                                <p class="crd-blw1">Enhancing Anaesthetic Outcomes:</p><br> 
                                <p class="crd-blw2">The Role of Clinical Decision Support Systems</p>
                                <button type="button" id="share-btn" class="btn send-btn smb4"><img src="public/assets/images1/mesg_send.png" alt="msg"> Send</button>

</div>
                            
                          </div>
                    </div>
                    
                    
                     
                </div>
                
                <div class="row mt-5 blog-card">
                    <div class="col-sm-3 card-btm">
                        <div class="card ">
                            <div class="card-header">
                              <div class="row">
                                <div class="col-sm-2 blog-logo-img">
                                    <img src="<?php echo base_url('public/assets/images1/Logo.png');?> " alt="" >
                                </div>
                                <div class="col-sm-10 blog-logo-cont">
                                    <span class="para1">Trusted Digital Health Partner for Patient-Centric Health Care and Continuing Medical Education</span><br>
                                    <span class="para2">Medusys. Posted 1d</span>
                                </div>
                              </div>
                            </div>
                            <div class="card-body">
                                <img class="card-body-img" src="public/assets/images1/card1_image 5.png" alt="" width="100%" height="auto">
                                <p class="crd-blw1">AI-Assisted Preoperative Assessment</p><br> 
                                <p class="crd-blw2">A New Paradigm in Anaesthesiology</p>
                                <button type="button" id="share-btn1"  class="btn send-btn smb5"><img src="public/assets/images1/mesg_send.png" alt="msg"> Send</button>

</div>
                            
                          </div>
                    </div>
                    
                    <div class="col-sm-3 card-btm">
                        <div class="card ">
                            <div class="card-header">
                              <div class="row">
                                <div class="col-sm-2 blog-logo-img">
                                    <img src="<?php echo base_url('public/assets/images1/Logo.png');?> " alt="" >
                                </div>
                                <div class="col-sm-10 blog-logo-cont">
                                    <span class="para1">Trusted Digital Health Partner for Patient-Centric Health Care and Continuing Medical Education</span><br>
                                    <span class="para2">Medusys. Posted 1d</span>
                                </div>
                              </div>
                            </div>
                            <div class="card-body">
                                <img class="card-body-img" src="public/assets/images1/card1_image 6.png" alt="" width="100%" height="auto">
                                <p class="crd-blw1">Decoding Bias</p><br> 
                                <p class="crd-blw2">Exploring the Nuances of Anaesthesia Logbooks</p>
                                <button type="button" id="share-btn2"    class="btn send-btn smb6"><img src="public/assets/images1/mesg_send.png" alt="msg"> Send</button>

</div>
                            
                          </div>
                    </div>
                    
                    <div class="col-sm-3 card-btm">
                        <div class="card ">
                            <div class="card-header">
                              <div class="row">
                                <div class="col-sm-2 blog-logo-img">
                                    <img src="<?php echo base_url('public/assets/images1/Logo.png');?> " alt="" >
                                </div>
                                <div class="col-sm-10 blog-logo-cont">
                                    <span class="para1">Trusted Digital Health Partner for Patient-Centric Health Care and Continuing Medical Education</span><br>
                                    <span class="para2">Medusys. Posted 1d</span>
                                </div>
                              </div>
                            </div>
                            <div class="card-body">
                                <img class="card-body-img" src="public/assets/images1/card1_image 7.png" alt="" width="100%" height="auto">
                                <p class="crd-blw1">Advancing Anaesthesia Practice</p><br> 
                                <p class="crd-blw2">The Imperative for Digital Logbooks</p>
                                <button type="button" id="share-btn1"   class="btn send-btn smb7"><img src="public/assets/images1/mesg_send.png" alt="msg"> Send</button>

</div>
                            
                          </div>
                    </div>
                    
                    <div class="col-sm-3 card-btm">
                        <div class="card ">
                            <div class="card-header">
                              <div class="row">
                                <div class="col-sm-2 blog-logo-img">
                                    <img src="<?php echo base_url('public/assets/images1/Logo.png');?> " alt="" >
                                </div>
                                <div class="col-sm-10 blog-logo-cont">
                                    <span class="para1">Trusted Digital Health Partner for Patient-Centric Health Care and Continuing Medical Education</span><br>
                                    <span class="para2">Medusys. Posted 1d</span>
                                </div>
                              </div>
                            </div>
                            <div class="card-body">
                                <img class="card-body-img" src="public/assets/images1/card1_image 8.png" alt="" width="100%" height="auto">
                                <p class="crd-blw1">Transformative Shift</p><br> 
                                <p class="crd-blw2">AI powered Clinical Audits in Anaesthesia</p>
                                <button type="button" id="share-btn1" class="btn send-btn smb8"><img src="public/assets/images1/mesg_send.png" alt="msg"> Send</button>

// Add event listener to the input field
searchInput.addEventListener('input', function() {
    var searchText = this.value.toLowerCase(); // Get search query and convert to lowercase

// Iterate over each card
    cards.forEach(function(card) {
        var cardTitle = card.querySelector('.crd-blw1').textContent.toLowerCase(); // Get card title and convert to lowercase
        var isVisible = card.style.display !== 'none'; // Check if card is currently visible
        
        // Check if the card title contains the search query
        if (cardTitle.includes(searchText)) {
            // If search query matches, show the card
            if (!isVisible) {
                card.style.display = ''; // Show the card
            }
        } else {
            // If search query does not match, hide the card
            card.style.display = 'none'; // Hide the card
        }
    });
});

</script>

<?php
    echo view('NewIncludes/blog_footer');    
?>