@extends('layouts/blog-layout')

@section('meta_title')
@if($latestvalue =='blog' )
Blogs | KM NU Hospitals
@elseif($latestvalue =='cardiology')
Cardiology Blogs | KM NU Hospitals
@elseif($latestvalue =='paediatrics-neonatology')
Paediatrics & Neonatology Blogs | KM NU Hospitals
@elseif($latestvalue =='ent')
ENT Blogs | KM NU Hospitals
@elseif($latestvalue =='general')
General Health Blogs | KM NU Hospitals
@endif
@endsection
@section('meta_description')
@if($latestvalue =='blog' )
Explore the latest healthcare trends and expert advice on our KMNU Hospitals blog. Stay informed and prioritize your well-being. Your health, our priority.
@elseif($latestvalue =='cardiology')
Stay informed with the latest cardiology updates on KM NU Hospitals blog. Discover expert advice and insights for a healthier heart.
@elseif($latestvalue =='paediatrics-neonatology')
Stay informed on paediatric and neonatal care. Expert articles covering child health, development, and more. Trust KM NU Hospitals for your child's well-being.
@elseif($latestvalue =='ent')
Empower yourself with knowledge on ear, nose, and throat health. Explore the latest in ENT care, treatments, and insights at KM NU Hospitals blog.
@elseif($latestvalue =='general')
Navigate the world of general health with KM NU Hospitals. Empower yourself with our blog's expert advice and latest updates on wellness.
@endif
@endsection


@section('custom-css')
<style>
    #post-443{
        display:flex;
    }
    .thumbnail{
        display: flex;
        flex: 0.4;
    }
    .padding-content {
    display: flex;
    flex: 0.6;
    flex-direction: column;
}
.bookmark{
    color:black !important;
}
ul.list-inline li span a {
    color: black;
}
.list-inline{
    color:black;
}
.read_more{
    /* color:blue !important; */
}
</style>
@endsection

@section('content')
@if($latestvalue =='blog' )
<h1 style="padding-top: 20px; padding-bottom: 20px;">Blog</h1>
@elseif($latestvalue =='cardiology')
<h1 style="padding-top: 20px; padding-bottom: 20px;">Cardiology</h1>
@elseif($latestvalue =='paediatrics-neonatology')
<h1 style="padding-top: 20px; padding-bottom: 20px;">Paediatrics Neonatology</h1>
@elseif($latestvalue =='ent')
<h1 style="padding-top: 20px; padding-bottom: 20px;">ENT</h1>
@elseif($latestvalue =='general')
<h1 style="padding-top: 20px; padding-bottom: 20px;">General</h1>
@else
<h1 style="padding-top: 20px; padding-bottom: 20px;">Blog</h1>
@endif
@if(count($blogs)!=0)
  

@foreach($blogs as $blog)


<article id="post-443" class="hentry sss">
    <div class="thumbnail">
    <a href="">
        @if($blog->url == 'blog/breastfeeding-importance')
                    <img
                            class="size-full wp-image-444"
                            title="{{$blog->title}}"
                            src="https://kmnuhospitals.com/assets/images/blog/breastfeeding-imp.jpg"
                            alt="ss"
                            width="100%" height="100%">
        @elseif($blog->url == 'blog/chest-pain-symptoms-precautions')
                    <img
                            class="size-full wp-image-444"
                            title="{{$blog->title}}"
                            src="https://kmnuhospitals.com/assets/images/blog/Chest_Pain.jpg"
                            alt="ss"
                            width="100%" height="100%">
        @else
                    <img
                            class="size-full wp-image-444"
                            title="{{$blog->title}}"
                            src="{{asset('assets/images/blog/'.$blog->images)}}"
                            alt="{{$blog->title}}"
                            width="100%" height="100%">
        @endif
</a></div>
    <div class="padding-content">
    <div class="entry-meta">
            <ul class="list-inline">
                <li>
                    <span class="author vcard">
                        By <a class="url fn n" href="/">KM NU Hospital</a>                    </span>
                </li>

                <li>/</li>

                <li>
                    <span class="posted-on">{{ date('M d, Y', strtotime($blog->updated_at)) }}</span>
                </li>

                <li>/</li>

                <li>
                        <span class="posted-in">
                            <a href="{{'/category/'.$blog->category}}" rel="category tag">{{App\Http\Controllers\AdminController::category($blog->category)}}</a>                        </span>
                </li>


            </ul>
            <h4 class="entry-title">
                <a href="{{'/'.$blog->url}}"
                   rel="bookmark" class="bookmark"
                   >
                     {{$blog->title}}</a></h4>
        </div> <!-- .entry-meta -->

        <div class="entry-header">
                     <div class="entry-content">
                        {!! App\Http\Controllers\AdminController::limit_text($blog->description) !!}
                        <a href="{{'/'.$blog->url}}" class="read_more" style="color:#0e77b7 !important">Read More</a>
                     </div>
        </div>
        <!--/.entry-header -->
    </div>
</article>
<div class="swp_social_panel swp_flatFresh swp_default_full_color swp_individual_full_color swp_other_full_color scale-100 scale-fullWidth swp_one swp_three" data-position="below" data-float="bottom" data-float-mobile="bottom" data-count="0" data-floatcolor="#ffffff" style="width: 670px; left: 114px;">
                  <div class="nc_tweetContainer swp_facebook" data-network="facebook">
                    <a rel="nofollow" target="_blank" href="{{url('http://www.facebook.com/share.php?u='.$blog->url)}}" data-link="{{url('http://www.facebook.com/share.php?u='.$blog->url)}}" class="nc_tweet">
                        <span class="swp_count swp_hide" style="transition: padding 0.1s linear 0s;">
                        <span class="iconFiller"><span class="spaceManWilly">
                        <i class="fa fa-facebook-f" aria-hidden="true"></i> <span class="swp_share">Share</span></span></span></span></a></div>
                <div class="nc_tweetContainer swp_twitter" data-network="twitter">
                    <a rel="nofollow" target="_blank" href="{{url('https://twitter.com/intent/tweet?text='.$blog->title.'&url='.$blog->url)}}" data-link="{{url('https://twitter.com/intent/tweet?text='.$blog->title.'&url='.$blog->url)}}" class="nc_tweet">
                        <span class="swp_count swp_hide" style="transition: padding 0.1s linear 0s;">
                        <span class="iconFiller"><span class="spaceManWilly">
                        <i class="fa fa-twitter" aria-hidden="true"></i><span class="swp_share">Tweet</span></span></span></span></a></div>
                <div class="nc_tweetContainer swp_linkedin" data-network="linkedin">
                    <a rel="nofollow" target="_blank" href="{{url('https://www.linkedin.com/cws/share?url='.$blog->url)}}" data-link="{{url('https://www.linkedin.com/cws/share?url='.$blog->url)}}" class="nc_tweet">
                        <span class="swp_count swp_hide" style="transition: padding 0.1s linear 0s;">
                        <span class="iconFiller"><span class="spaceManWilly">
                        <i class="fa fa-linkedin" aria-hidden="true"></i><span class="swp_share">Share</span></span></span></span></a></div>
         </div>
@endforeach
{!! $blogs->links() !!}
@else
<h5 style="  
    margin-left: 179px;
">No Result Found</h5>

@endif
<script>
    // Your jQuery code here
    
   document.addEventListener("DOMContentLoaded", function() {
    var clearButton = document.querySelector(".clear-search");
    var searchInput = document.getElementById('s');
    var searchForm = document.getElementById('searchform');

    clearButton.addEventListener('click', function() {       
        searchInput.value = '';
        searchForm.submit();
    });
});
  
</script>

@endsection