@extends('web.layout')


@section('content')
    <main id="content" class="site-main">
        <section class="destination-inner-page">
            <!-- ***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">Event</h1>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ***Inner Banner html end here*** -->
            <!-- ***destination section html start form here*** -->
            <div class="destination-item-wrap">
                <div class="container">
                    <div class="row gx-5">
                        @foreach($event as $item)
                            <div class="col-md-6">
                                <article class="offer-item" style="background-image: url({{ url("storage/" . $item->foto) }});">
                                    <div class="offer-badge">
                                        <span>event tahunan</span>
                                    </div>
                                    <div class="offer-content">
                                        <div class="package-meta">
                                            <ul>
                                                <li>
                                                    <i class="fas fa-clock"></i>
                                                    1D/1N
                                                </li>
                                                <li>
                                                    <i class="fas fa-user-friends"></i>
                                                    pax: {{ $item->kapasitas }}
                                                </li>
                                                <li>
                                                    <i class="fas fa-map-marker-alt"></i>
                                                    {{ $item->lokasi }}
                                                </li>
                                            </ul>
                                        </div>
                                        <h3>
                                            <a href="{{ route('web.event.detail', $item->slug ?? str_slug($item->judul) )  }}">{{ $item->judul }}</a>
                                        </h3>
                                        <p>
                                            {{ $item->tanggal_awal }} - {{ $item->tanggal_akhir }}
                                        </p>
                                        <a href="{{ route('web.event.detail', $item->slug ?? str_slug($item->judul) ) }}" class="round-btn">Info lebih detail</a>
                                    </div>
                                </article>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
            <!-- ***destination section html start form here*** -->
            <!-- ***counter section html start form here*** -->
            <div class="inner-counter">
                <div class="container">
                    <div class="counter-wrap">
                        <div class="counter-item">
                           <span class="counter-no">
                              <span class="counter">31</span>+
                           </span>
                            <span class="counter-desc">
                              jumlah destinasi wisata
                           </span>
                        </div>
                        <div class="counter-item">
                           <span class="counter-no">
                              <span class="counter">1500</span>
                           </span>
                            <span class="counter-desc">
                              jumlah kunjungan website
                           </span>
                        </div>
                        <div class="counter-item">
                           <span class="counter-no">
                              <span class="counter">567</span>
                           </span>
                            <span class="counter-desc">
                              jumlah wisatawan domestik
                           </span>
                        </div>
                        <div class="counter-item">
                           <span class="counter-no">
                              <span class="counter">327</span>
                           </span>
                            <span class="counter-desc">
                              jumlah wisatawan mancanegara
                           </span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ***counter section html end here*** -->
            <!-- ***callback section html start form here*** -->
            <div class="bg-color-callback primary-bg">
                <div class="container">
                    <!-- <div class="row align-items-center">
                       <div class="col-lg-8 offset-lg-2 text-center">
                          <h5 class="sub-title">CALL TO ACTION</h5>
                          <h2 class="section-title">READY FOR UNFORGATABLE TRAVEL. REMEMBER US!</h2>
                          <p>Fusce hic augue velit wisi quibusdam pariatur, iusto primis, nec nemo, rutrum. Vestibulum cumque laudantium. Sit ornare mollitia tenetur, aptent.</p>
                          <a href="contact.html" class="outline-btn outline-btn-white">Contact Us !</a>
                       </div>
                    </div> -->
                </div>
            </div>
            <!-- ***callback section html end here*** -->
        </section>
    </main>
@endsection