EVOLUTION-NINJA

Edit File: blog.php

<?php
    echo view('NewIncludes/blog_head');    
?>
<style>
    @media only screen and (max-width: 600px) {
        .no-content {
            /* height: 617px; */
            margin-bottom: 0px;
        }
        .mob-up-blog{
            margin-top: -15px !important;
        }
    }

.slide {
        flex-shrink: 0;
        transition: transform 0.5s ease;
        display: none;
    }

.active {
        display: block;
    }

.but-div {
        text-align: center;
        justify-content: center;
        margin-bottom: 35px;
    }

.previous {
        padding: 8px;
        background-color: gainsboro;
        width: 100px;
        border: none;
        border-radius: 8px;
    }

.next {
        padding: 8px;
        background-color: #006482;
        width: 100px;
        color: aliceblue;
        border: none;
        border-radius: 8px;
    }

/* .next:hover{
    background-color: grey;
}
.previous:hover{
    background-color: grey;
    color: aliceblue;
} */
    .next:focus {
        outline: none;
    }

.previous:focus {
        outline: none;
    }

#results {
        display: none;
        position: absolute;
        width: calc(100% - 20px);
        max-height: 200px;
        overflow-y: auto;
        /* border: 1px solid #ccc; */
        border-radius: 5px;
        background-color: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        z-index: 1;
    }

.result {
        padding: 10px;
        cursor: pointer;
    }

.result:hover {
        background-color: #f0f0f0;
    }

.result img {
        width: 50px;
        height: 50px;
        margin-right: 10px;
        border-radius: 50%;
    }

.result span {
        font-size: 16px;
    }

.card-body-img {
        height: 180px;
    }
</style>
<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 search-input-main">
                <div class="row">
                    <div class="col-sm-3"></div>
                    <div class="col-sm-6 sear-blog-new">
                        <input type="text" id='search' class="btn" placeholder="Search"><i
                            class="fa fa-search search-bloicon" aria-hidden="true"></i>
                        <div id="results"></div>
                    </div>
                    <div class="col-sm-3"></div>
                </div>
                
                <div class="row">
                    <div class="col-sm-12 bor-blog"></div>
                </div>
                
                <div class="slide active">
                    
                    <div class="row blog-card">
                        <div class="col-sm-3 card-btm">
                        <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-LEC');?>"><img class="card-body-img p-2"
                                            src="public/assets/images1/blog9.png" alt="" width="100%" height="auto"></a>
                                    <p class="crd-blw1">Mastering Anaesthesia with Medusys:</p><br>
                                    <p class="crd-blw2">The LEC Paradigm for Continuous Growth and Excellence</p>
                                    <button type="button" id="share-btn1"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-LEC')"
                                        class="btn send-btn smb7"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>

<div class="col-sm-3 card-btm">
                        <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-meduverse-benefits');?>"><img class="card-body-img p-2"
                                            src="public/assets/images1/blog10.png" alt="" width="100%"
                                            height="auto"></a>
                                    <p class="crd-blw1">Harnessing the Power of MeduVerse<sup>&copy;</sup></p><br>
                                    <p class="crd-blw2">A Game-Changer for Medical Associations</p>
                                    <button type="button" id="share-btn2"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-meduverse-benefits')"
                                        class="btn send-btn smb6"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>

</div>
                        
                        <div class="col-sm-3 card-btm">
                        <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-meducore-benefits');?>"><img class="card-body-img p-2"
                                            src="public/assets/images1/blog11.png" alt="" width="100%"
                                            height="auto"></a>
                                    <p class="crd-blw1">Elevating Anesthesiology Practice:</p><br>
                                    <p class="crd-blw2">The MeduCore© Advantage in Evidence-Based Knowledge Enhancement
                                    </p>
                                    <button type="button" id="share-btn1"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-meducore-benefits')"
                                        class="btn send-btn smb5"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>

</div>
                        
                        <div class="col-sm-3 card-btm">
                        <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-CDSSrole');?>"><img class="card-body-img p-2"
                                            src="<?php echo base_url('public/assets/images1/card1_image 4.png');?> "
                                            alt="" width="100%" height="auto"></a>
                                    <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"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-CDSSrole')"
                                        class="btn send-btn smb4"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>

</div>

</div>
                    
                    <div class="row mt-5 blog-card mob-up-blog">
                        <div class="col-sm-3 card-btm">
                        <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-ai-preopassessment');?>"><img class="card-body-img p-2"
                                            src="public/assets/images1/card1_image 5.png" alt="" width="100%"
                                            height="auto"></a>
                                    <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"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-ai-preopassessment')"
                                        class="btn send-btn smb5"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>
                        </div>
                        
                        <div class="col-sm-3 card-btm">
                        <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-predictive-analytics');?>"><img class="card-body-img p-2"
                                            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"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-predictive-analytics')"
                                        class="btn send-btn smb1"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>
                        </div>
                        
                        <div class="col-sm-3 card-btm">
                        <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-success-regionalAnaesthesia');?>"><img
                                            class="card-body-img p-2"
                                            src="<?php echo base_url('public/assets/images1/card1_image 2.png');?> "
                                            alt="" width="100%" height="auto"></a>
                                    <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"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-success-regionalAnaesthesia')"
                                        class="btn send-btn smb2"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>
                        </div>
                        
                        <div class="col-sm-3 card-btm">
                        <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-outcomes-clinicalaudits');?>"><img class="card-body-img p-2" 
                                            src="<?php echo base_url('public/assets/images1/card1_image 3.png');?> "
                                            alt="" width="100%" height="auto"></a>
                                    <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"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-outcomes-clinicalaudits')"
                                        class="btn send-btn smb3"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>
                        </div>

</div>
                </div>
                <div class="slide" style='background-color:"red"'>
                    
                    <div class="row blog-card">

<div class="col-sm-3 card-btm">
                        <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('ai-healthcare');?>"><img class="card-body-img p-2"
                                            src="<?php echo base_url('public/assets/images1/blog16.png');?> " alt=""
                                            width="100%" height="auto"></a>
                                    <p class="crd-blw1">Getting started with generative AI in healthcare:</p><br>
                                    <p class="crd-blw2">Getting started with generative AI in healthcare</p>
                                    <button type="button" id="share-btn"
                                        onclick="share('Title of the shared content','Description of the shared content','ai-healthcare')"
                                        class="btn send-btn smb4"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>
                        </div>
                        
                        <div class="col-sm-3 card-btm">
                        <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-DecodingBias');?>"><img class="card-body-img p-2"
                                            src="public/assets/images1/card1_image 6.png" alt="" width="100%"
                                            height="auto"></a>
                                    <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"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-DecodingBias')"
                                        class="btn send-btn smb6"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>
                        </div>
                        
                        <div class="col-sm-3 card-btm">
                        <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-digital-logbooks');?>"><img
                                            class="card-body-img p-2" src="public/assets/images1/card1_image 7.png" alt=""
                                            width="100%" height="auto"></a>
                                    <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"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-digital-logbooks')"
                                        class="btn send-btn smb7"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>
                        </div>
                        
                        <div class="col-sm-3 card-btm">
                        <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-PCOMs');?>"><img class="card-body-img p-2"
                                            src="<?php echo base_url('public/assets/images1/blog15.png');?> " alt=""
                                            width="100%" height="auto"></a>
                                    <p class="crd-blw1">Advancing Anaesthesia Practice:</p><br>
                                    <p class="crd-blw2">Optimizing Patient-Centered Outcome Measures for Enhanced Care
                                        Delivery</p>
                                    <button type="button" id="share-btn"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-PCOMs')"
                                        class="btn send-btn smb3"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</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-body">
                                    <a href="<?php echo base_url('Blog-clinicaldatabase-anaesthesia');?>"><img class="card-body-img p-2"
                                            src="<?php echo base_url('public/assets/images1/blog14.png');?> " alt=""
                                            width="100%" height="auto"></a>
                                    <p class="crd-blw1">Optimizing Patient Care and Safety:</p><br>
                                    <p class="crd-blw2">The Crucial Role of Clinical Database Management in Anaesthesia
                                    </p>
                                    <button type="button"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-clinicaldatabase-anaesthesia')"
                                        class="btn send-btn smb2"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>
                        </div>
                        
                        <div class="col-sm-3 card-btm">
                        <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-ai-clinicalaudits');?>"><img class="card-body-img p-2"
                                            src="public/assets/images1/card1_image 8.png" alt="" width="100%"
                                            height="auto"></a>
                                    <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"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-ai-clinicalaudits')"><img
                                            src="public/assets/images1/mesg_send.png" alt="msg"> Share</button>

</div>

</div>
                        </div>
                        
                        <div class="col-sm-3 card-btm">
                            <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-ai-CME');?>"><img class="card-body-img p-2"
                                            src="<?php echo base_url('public/assets/images1/blog13.png');?> " alt=""
                                            width="100%" height="auto"></a>
                                    <p class="crd-blw1">Revolutionizing Anaesthesia:</p><br>
                                    <p class="crd-blw2">The Impact of AI on Evidence-Based Care and Continuing Medical
                                        Education (CME)</p>
                                    <button type="button" id="share-btn"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-ai-CME')"
                                        class="btn send-btn smb1"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>
                        </div>
                        
                        
                        <div class="col-sm-3 card-btm">
                            <div class="card ">
                                
                                <div class="card-body">
                                    <a href="<?php echo base_url('Blog-patient-centered-care');?>"><img class="card-body-img p-2"
                                            src="<?php echo base_url('public/assets/images1/patient-centered-new1.png');?> " alt=""
                                            width="100%" height="auto"></a>
                                    <p class="crd-blw1">Patient Centered Care in Anaesthesia Practice</p><br>
                                    <p class="crd-blw2">The paradigm shift in healthcare</p>
                                    <button type="button" id="share-btn"
                                        onclick="share('Title of the shared content','Description of the shared content','Blog-patient-centered-care')" 
                                        class="btn send-btn smb1"><img src="public/assets/images1/mesg_send.png"
                                            alt="msg"> Share</button>

</div>

</div>
                        </div>

</div>
                </div>
                
            </div>
            <div class="col-sm-1"></div>
        </div>
    </div>

<div class="row">
        <div class="col-sm-12 but-div">
            <button class="previous" id='prev'>Previous</button>
            <button class="next" id='nex' disabled>Next</button>
        </div>
    </div>
</section>
<script>
    const slides = document.querySelectorAll('.slide');
    let currentIndex = 0;

document.querySelector('.previous').disabled = (index === 0);
        document.querySelector('.next').disabled = (index === slides.length - 1);
    }

document.querySelector('.previous').addEventListener('click', () => {
        currentIndex = (currentIndex === 0) ? slides.length - 1 : currentIndex - 1;
        showSlide(currentIndex);
    });

document.querySelector('.next').addEventListener('click', () => {
        currentIndex = (currentIndex === slides.length - 1) ? 0 : currentIndex + 1;
        showSlide(currentIndex);
    });

showSlide(currentIndex);
</script>

if (navigator.share) {
            // Use the share API to share content
            navigator.share({
                title: title,
                text: des,
                url: '<?php echo base_url('');?>/'+url // URL of the shared content
            })
                .then(() => console.log('Successful share'))
                .catch((error) => console.log('Error sharing:', error));
        } else {
            console.log('Share API is not supported.');
            // You can implement your own custom sharing functionality here
        }
    }
</script>

];

const searchInput = document.getElementById('search');
    const resultsContainer = document.getElementById('results');

function search() {
        const searchTerm = searchInput.value.trim().toLowerCase();

resultsContainer.innerHTML = '';

if (searchTerm === '') {
            return;
        }

const filteredOptions = options.filter(option =>
            option.title.toLowerCase().includes(searchTerm)
        );

renderResults(filteredOptions);
    }

searchInput.addEventListener('input', search);
</script>

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