@php
    $blogs = App\Models\Blog::where('status', 1)->orderBy('blog_priority', 'desc')->limit(7)->get();
@endphp


<section class="blog-area my-4 py-4" style="background-color:#031124">

    <div class="container">

        <div class="section-heading">
            <h5 class="ribbon ribbon-lg mb-1 text-white"> Upcoming Events And Blogs   </h5>
            <h2 class="section__title">  </h2>
            
        </div><!-- end section-heading -->

        <div class="course-carousel owl-action-styled owl--action-styled mt-20px">



            @foreach( $blogs as $blog)

             

              <div class="card card-item" style="height:350px" >
                <div class="card-image">
                    <a href="{{ route('dashboard.show.blog', $blog->blog_slug) }}" class="d-block">
                        <img class="card-img-top" src="{{ asset($blog->blog_image) }}" alt="Card image cap">
                    </a>
    
                    <div class="course-badge-labels">
                       {{-- <div class="course-badge"> {{ $blog->blog_day}}  {{$blog->blog_month}} </div> --}}
                    </div>
    
                </div><!-- end card-image -->
    
                <div class="card-body" >
                    <h5 class="card-title"><a href="{{ route('dashboard.show.blog', $blog->blog_slug) }}">  {{$blog->blog_name}} </a></h5>
    
                
                    <div class="d-flex justify-content-between align-items-center pt-3">
    
                        <a href="{{ route('dashboard.show.blog', $blog->blog_slug) }}" class="btn theme-btn theme-btn-sm theme-btn-white">Read More <i class="la la-arrow-right icon ml-1"></i></a>
                       
                    </div>
                </div><!-- end card-body -->
            </div><!-- end card -->


            @endforeach


           

            
           



           

            
           

            
           
            
        </div><!-- end tab-content -->


        <div class="btn-box pt-3">
            <a href="{{ route('dashboard.blog') }}" class="btn theme-btn"> View All  <i class="la la-arrow-right icon ml-1"></i></a>
        </div><!-- end btn-box -->
       
    </div><!-- end container -->
</section><!-- end blog-area -->