@include('htmlpage.frontent.layout.app')
<div class="theme_slider bg-black p-0">
  <!-- Page Header -->
<div class="page_header">  
   <div class="page_header_inner">
       <ul class="grid_lines d-none d-md-flex justify-content-between">
           <li class="grid_line"></li>
           <li class="grid_line"></li>
           <li class="grid_line"></li>
           <li class="grid_line"></li>
           <li class="grid_line"></li>
           <li class="grid_line"></li>
           <li class="grid_line"></li>
       </ul>   
       <div class="container">
           <div class="page_header_content d-flex align-items-center justify-content-between">
               
               <ul class="breadcrumb d-flex align-items-center">
                   <li><a href="/">Home</a></li>
                   <li class="active">Updates</li>
               </ul>
           </div>
       </div>
   </div>        
</div>

   <main class="wrapper">
       <!-- Scroll Progress -->
       
       <section class="updates masonry bg-dark" id="funfacts">
           <ul class="grid_lines d-none d-md-flex justify-content-between">
               <li class="grid_line"></li>
               <li class="grid_line"></li>
               <li class="grid_line"></li>
               <li class="grid_line"></li>
               <li class="grid_line"></li>
               <li class="grid_line"></li>
               <li class="grid_line"></li>
           </ul>
           <div class="container">
            <div class="grid grid-1 clearfix">
                <div class="grid-sizer"></div>
                @foreach ($listNews as $news)
                    <div class="grid-item {{ $news->category }}">
                        <div class="thumb">
                            <div class="works-info">
                                <div class="label-text">
                                    <h3><a href="">{{ $news->title }}</a></h3>
                                   <h6><span><i class="bi bi-calendar-date"></i></span>
                                            {{ \Carbon\Carbon::parse($news->date)->format('d-M-Y') }}</h6>

                                        </h6>
                                    <p>{{ $news->description }}</p>
                                </div>
                            </div>
                            <img class="item_image" src="{{ asset('storage/' . $news->image_path) }}" alt="">
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="btn_group w-100 text-center mt-50">
                <button id="load-more" class="btn gray">Load More</button>
            </div>
        </div>
        
       </section>
       
     
   </main>

@include('htmlpage.frontent.layout.footer')