@extends('web.layout')


@section('content')
    <main id="content" class="site-main">
            <!-- ***Inner Banner html start form here*** -->
            <div class="inner-banner-wrap">
               <div class="inner-baner-container" style="background-image: url( {{ url('landing/assets/images/img7a.jpg') }});">
                  <div class="container">
                     <div class="inner-banner-content">
                        <h1 class="page-title">Berita wisata probolinggo</h1>
                     </div>
                  </div>
               </div>
            </div>
            <!-- ***Inner Banner html end here*** -->
            <div class="archive-section blog-archive">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-8 primary right-sidebar">
                        <!-- blog post item html start -->

                        <div class="grid blog-inner row">
                            @foreach ($data as $item)
                                <div class="grid-item col-md-6">
                                    <article class="post">
                                        <figure class="featured-post">
                                            <img src="{{ url('storage/' . $item->gambar) }}" alt="" style="height:350px">
                                        </figure>
                                        <div class="post-content">
                                            <div class="cat-meta">
                                                <a>TOUR</a>
                                            </div>
                                            <h3><a href="{{  route('web.berita.detail', $item->slug) }}">{{ $item->judul}}</a></h3>
                                            <p>{{  $item->cuplikan}}</p>
                                            <div class="post-footer d-flex justify-content-between align-items-center">
                                                <div class="post-btn">
                                                    <a href="{{  route('web.berita.detail', $item->slug) }}" class="round-btn">Read More</a>
                                                </div>
                                                <div class="meta-comment">
                                                    <a>
                                                        <i aria-hidden="true" class="fas fa-comment"></i>
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </article>
                                </div>
                            @endforeach
                        </div>
                        <!-- blog post item html end -->
                        <!-- pagination html start-->
                         {{ $data->links() }}
                         <!-- pagination html start-->
                     </div>
                     <div class="col-lg-4 secondary">
                        <div class="sidebar">
                           <aside class="widget author_widget">
                              <h3 class="widget-title">SMART TOURISM</h3>
                              <div class="widget-content text-center">
                                 <div class="profile">
                                    <figure class="avatar">
                                       <a href="#">
                                          <img src="{{ url('landing/assets/images/img39.jpg') }}" alt="">
                                       </a>
                                    </figure>
                                    <div class="text-content">
                                       <div class="name-title">
                                          <h4>
                                             <a href="#">Redaktur</a>
                                          </h4>
                                       </div>
                                       <p>Selamat datang di Smart Tourism Kabupaten Probolinggo, platform digital yang menghadirkan kemudahan bagi wisatawan untuk menjelajahi keindahan dan pesona destinasi wisata di Kabupaten Probolinggo. Dengan teknologi terkini, kami berkomitmen untuk memberikan pengalaman wisata yang lebih nyaman, praktis, dan informatif bagi setiap pengunjung.</p>
                                    </div>
                                    <div class="socialgroup">
                                       <ul>
                                          <li>
                                             <a target="_blank" href="https://www.facebook.com/pariwisata.probolinggo.7">
                                                <i class="fab fa-facebook"></i>
                                             </a>
                                          </li>
                                          <li>
                                             <a target="_blank" href="https://www.instagram.com/pariwisatakabupatenprobolinggo/">
                                                <i class="fab fa-instagram"></i>
                                             </a>
                                          </li>
                                          <li>
                                             <a target="_blank" href="https://www.youtube.com/watch?v=nxGOfXS_qkM&t=4s">
                                                <i class="fab fa-youtube"></i>
                                             </a>
                                          </li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </aside>
                           <aside class="widget widget_latest_post widget-post-thumb">
                              <h3 class="widget-title">Berita Terbaru</h3>
                              <ul>
                                  @foreach($recent as $r)
                                     <li>
                                        <figure class="post-thumb">
                                           <a href={{ route('web.berita.detail',$r->slug) }}">
                                                <img src="{{ url('storage/'.$r->gambar) }}" alt="">
                                            </a>
                                        </figure>
                                        <div class="post-content">
                                           <h5>
                                              <a href="{{ route('web.berita.detail',$r->slug) }}">{{ $r->judul }}</a>
                                           </h5>
                                           <div class="entry-meta">
                                              <span class="posted-on">
{{--                                                 <a>August 17, 2021</a>--}}
                                              </span>
                                              <span class="comments-link">
{{--                                                 <a>No Comments</a>--}}
                                              </span>
                                           </div>
                                        </div>
                                     </li>
                                  @endforeach
                              </ul>
                           </aside>

                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </main>
@endsection