@extends('web.layout')


@section('content')
    <main id="content" class="site-main">
        <!-- ***home banner html start form here*** -->
        <section class="home-banner-section home-banner-slider">
            <div class="home-banner d-flex flex-wrap align-items-center" style="background-image: url( {{ url("landing/assets/images/img7b.jpg") }} );">
                <div class="overlay"></div>
                <div class="container">
                    <div class="banner-content text-center">
                        <div class="row">
                            <div class="col-lg-8 offset-lg-2">
                                <h2 class="banner-title">SAE Smart Tourism</h2>
                                <p>Selamat datang di Booking Wisata Kabupaten Probolinggo, disini kamu bisa menemukan wisata - wisata yang ada di kabupaten probolinggo, dan melihat profil wisata tersebut sekalian booking masuk ke tempat wisata</p>
                                <div class="banner-btn">
                                    <a href="{{ route('web.destinasi',['dikelola_pemerintah' => 'Y']) }}" class="round-btn">Booking Wisata Yukkk</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-banner d-flex flex-wrap align-items-center" style="background-image: url({{ url("landing/assets/images/img7a.jpg") }});">
                <div class="overlay"></div>
                <div class="container">
                    <div class="banner-content text-center">
                        <div class="row">
                            <div class="col-lg-8 offset-lg-2">
                                <h2 class="banner-title">beautifull Place To Visit</h2>
                                <p>Selamat datang di Booking Wisata Kabupaten Probolinggo, disini kamu bisa menemukan wisata - wisata yang ada di kabupaten probolinggo, dan melihat profil wisata tersebut sekalian booking masuk ke tempat wisata</p>
                                <div class="banner-btn">
                                    <a href="{{ route('web.destinasi',['dikelola_pemerintah' => 'Y']) }}" class="round-btn">Booking Wisata Yukkk</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- ***home banner html end here*** -->
        <!-- ***Home search field html start from here*** -->
        <div class="home-trip-search primary-bg">
            <div class="container">
                <form action="{{ route('web.destinasi.search') }}" method="get" class="trip-search-inner d-flex">
                    <div class="group-input width-col-6">
                        <label> Cari tempat Wisata</label>
                        <input type="text" name="search" placeholder="cari wisata yang anda inginkan">
                    </div>
                    <div class="group-input width-col-3">
                        <input type="submit" value="CARI SEKARANG">
                    </div>
                </form>
            </div>
        </div>
        <!-- ***search search field html end here*** -->
        <!-- ***Home destination html start from here*** -->
        <section class="home-destination">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 offset-lg-2 text-sm-center">
                        <div class="section-heading">
                            <h5 class="sub-title">HIDDEN PLACE FOR HEALING</h5>
                            <h2 class="section-title">DAFTAR DESTINASI WISATA DI KABUPATEN PROBOLINGGO</h2>
                            <p>Daftar wisata di kabupaten probolinggo yang sudah terdaftar di smart tourism</p>
                        </div>
                    </div>
                </div>
                <div class="destination-section">
                    <div class="row">
                        @foreach($wisata3 as $item)
                            <div class="col-lg-4 col-md-6">
                                <article class="destination-item" style="background-image: url( {{ url("storage/" . $item->foto) }});">
                                    <div class="destination-content">

                                        <span class="cat-link">
                                        <a>{{ $item->kategori }}</a>
                                     </span>
                                        <h3>
                                            <a href="{{ route('web.destinasi.detail', $item->slug) }}">{{ $item->nama }}</a>
                                        </h3>

                                        <a href="{{ route('web.destinasi.detail', $item->slug) }}">booking ticket</a>
                                    </div>
                                </article>
                            </div>
                        @endforeach
                    </div>
                    <div class="section-btn-wrap text-center">
                        <a href="{{ route('web.destinasi',['dikelola_pemerintah' => 'Y']) }}" class="round-btn">Wisata lainnya klik disini</a>
                    </div>
                </div>
            </div>
        </section>
        <!-- ***Home destination html end here*** -->


        <!-- ***Home callback html start from here*** -->
        <section class="home-callback bg-img-fullcallback" style="background-image: url( {{ url("landing/assets/images/img7.jpg") }} );">
            <div class="overlay"></div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 offset-lg-2 text-center">
                        <div class="callback-content">
                            <div class="video-button">
                                <a  id="video-container" data-fancybox="video-gallery" href="https://www.youtube.com/watch?v=nxGOfXS_qkM&t=4s">
                                    <i class="fas fa-play"></i>
                                </a>
                            </div>
                            <h2 class="section-title">APAKAH KAMU BUTUH HEALING? INGAT KABUPATEN PROBOLINGGO YAH !!</h2>
                            <p>Selamat datang di Booking Wisata Kabupaten Probolinggo, disini kamu bisa menemukan wisata - wisata yang ada di kabupaten probolinggo, dan melihat profil wisata tersebut sekalian booking masuk ke tempat wisata</p>
                            <div class="callback-btn">
                                <a href="{{ route('web.destinasi',['dikelola_pemerintah' => 'Y']) }}" class="round-btn">Booking Wisata yukkk</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- ***Home callback html end here*** -->
        <!-- ***Home counter html start from here*** -->
        <div class="home-counter">
            <div class="container">
                <div class="counter-wrap">
                    <div class="counter-item">
                        <span class="counter-no">
                           <span class="counter">{{ $jml_wisata[0] }}</span>
                        </span>
                        <span class="counter-desc">
                           destinasi dikelola pemkab kabuaten probolinggo
                        </span>
                    </div>
                    <div class="counter-item">
                        <span class="counter-no">
                           <span class="counter">{{ $jml_wisata[1] }}</span>
                        </span>
                        <span class="counter-desc">
                           jumlah wisata di kabupaten probolinggo
                        </span>
                    </div>
                    <div class="counter-item">
                        <span class="counter-no">
                           <span class="counter">{{ $booking[1] }}</span>
                        </span>
                        <span class="counter-desc">
                           jumlah wisatawan domestik
                        </span>
                    </div>
                    <div class="counter-item">
                        <span class="counter-no">
                           <span class="counter">{{ $booking[2] }}</span>
                        </span>
                        <span class="counter-desc">
                           jumlah wisatawan mancanegara
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <!-- ***Home counter html end here*** -->
        <!-- ***Home offer html start from here*** -->
        <section class="home-offer">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 offset-lg-2 text-sm-center">
                        <div class="section-heading">
                            <h5 class="sub-title">EVENT TAHUN INI</h5>
                            <h2 class="section-title">KALENDAR EVENT PARIWISATA KABUPATEN PROBOLINGGO</h2>
                            <p>Kalendar event tahunan yang berkaitan giat pariwisata yang ada di kabupaten probolinggo selama tahun berjalan</p>
                        </div>
                    </div>
                </div>
                <div class="offer-section">
                    <div class="row">
                        @foreach($event as $e)
                            <div class="col-md-6">
                                <article class="offer-item" style="background-image: url({{ url("storage/" . $e->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: {{ $e->kapasitas }}
                                                </li>
                                                <li>
                                                    <i class="fas fa-map-marker-alt"></i>
                                                    {{ $e->lokasi }}
                                                </li>
                                            </ul>
                                        </div>
                                        <h3>
                                            <a href="{{ route('web.event.detail',$e->slug) }}">{{ $e->judul }}</a>
                                        </h3>
                                        <p>
                                            {{ $e->tanggal_awal }} - {{ $e->tanggal_akhir }}
                                        </p>
                                        <a href="{{ route('web.event.detail',$e->slug) }}" class="round-btn">Info lebih detail</a>
                                    </div>
                                </article>
                            </div>
                        @endforeach
                    </div>
                    <div class="section-btn-wrap text-center">
                        <a href="{{ route('web.event') }}" class="round-btn">Semua agenda event</a>
                    </div>
                </div>
            </div>
        </section>
        <!-- ***Home offer html end here*** -->
        <!-- ***Home gallery html start from here*** -->

        <!-- ***Home gallery html end here*** -->
        <!-- ***Home client html start from here*** -->

        <!-- ***Home client html end here*** -->
        <!-- ***Home blog html start from here*** -->
        <section class="home-blog">
            <div class="container">
                <div class="section-heading d-sm-flex align-items-center justify-content-between">
                    <div class="heading-group">
                        <h5 class="sub-title">berita wisata</h5>
                        <h2 class="section-title">BERITA WISATA TERKINI </h2>
                        <p>Menampilkan berita - berita terkini seputar kondisi pariwisata dan event - event yang ada di kabupaten probolinggo</p>
                    </div>
                    <div class="heading-btn">
                        <a href="{{ route('web.berita') }}" class="round-btn">semua berita</a>
                    </div>
                </div>
                <div class="blog-section">
                    <div class="row gx-4">
                        @foreach($berita as $b)
                            <div class="col-lg-6">
                                <article class="post">
                                    <figure class="featured-post" style="background-image: url( {{ url("storage/" . $b->gambar) }} );"></figure>
                                    <div class="post-content">
                                        <div class="cat-meta">
                                            <a href="{{ route('web.berita.detail', $b->slug) }}">WISATA</a>
                                        </div>
                                        <h3><a href="{{ route('web.berita.detail', $b->slug) }}">{{ $b->judul }}</a></h3>
                                        <p>{{ $b->cuplikan}}</p>
                                        <div class="post-footer d-flex justify-content-between align-items-center">
                                            <div class="post-btn">
                                                <a href="{{ route('web.berita.detail', $b->slug) }}" class="round-btn">baca selengkapnya</a>
                                            </div>
                                            <div class="meta-comment">
                                                <a href="{{ route('web.berita.detail', $b->slug) }}">
                                                    <i aria-hidden="true" class="fas fa-comment"></i>
                                                    <span>2</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>
        <!-- ***Home blog html end here*** -->
        <!-- ***Home testimonial html start from here*** -->

        <!-- ***Home testimonial html end here*** -->
        <!-- ***Home callback html start from here*** -->
        <section class="home-callback bg-color-callback primary-bg">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-8">
                        <h5 class="sub-title">CALL TO ACTION</h5>
                        <h2 class="section-title">SIAP UNTUK PENGALAMAN WISATA DAN HEALING SPEKTAKULER. INGAT KAMI!</h2>
                        <p>Kami senang membantu untuk menemukan informasi yang anda cari, dan kami menerima saran dan kritik yang membangun</p>
                    </div>
                    <div class="col-md-4 text-md-end">
                        <a href="https://www.instagram.com/pariwisatakabupatenprobolinggo/" target="_blank" class="outline-btn outline-btn-white">Hubungi Kami !</a>
                    </div>
                </div>
            </div>
        </section>
        <!-- ***Home callback html end here*** -->
    </main>
@endsection