@extends('layout.front.main')
@section('title')
    @lang('gallery.title')
@endsection
@section('content')
    <!-- About Me Section Start -->
    <section class="d2c_about_me_wrapper d2c_props_bg">
        <div class="container">
            <div class="row">
                <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2 text-center">
                    <h4>@lang('gallery.h4gallery')</h4>
                    <h2>@lang('gallery.h2gallery')</h2>
                    <p>@lang('gallery.pgallery')</p>
                    <button class="btn btn-sm btn-success mb-3">@lang('gallery.bgallery')</button>
                </div>
                <div class="">
                    <div id="carouselExample" class="carousel slide">
                        <div class="carousel-inner">
                            @foreach ($g as $index => $item)
                                <div class="carousel-item @if ($index == 0) active @endif">
                                    <img src="{{ asset('storage/' . $item->file) }}" class="d-block w-100"
                                        alt="{{ $item->file }}" style="height: 550px; object-fit: cover">
                                </div>
                            @endforeach
                        </div>
                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample"
                            data-bs-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Previous</span>
                        </button>
                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExample"
                            data-bs-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Next</span>
                        </button>
                    </div>
                </div>
            </div>
            <div>
                <h2>Petualangan Lainnya</h2>
                <div class="row text-center">
                    <style>
                        .img-gal {
                            width: 100%;
                            /* Lebar 100% dari elemen parent */
                            height: 350px;
                            /* Menentukan tinggi tetap */
                            object-fit: cover;
                        }
                    </style>
                    @foreach ($gallery as $gal)
                        <div class="col-md-4 ">
                            <img src="{{ asset('storage/' . $gal->file) }}" alt="{{ $gal->file }}"
                                class="img-fluid rounded img-gal">
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </section>
    <!-- About Me Section End -->

    <!-- Counter Section Start -->
    <section class="d2c_counter_wrapper">
        <div class="container">
            <div class="row text-center">
                <h2 class="text-white">@lang('gallery.h2info')</h2>
                <p class="text-gray-300">@lang('gallery.pinfo')</p>
                {{-- <div class="col-6 col-lg-3 text-center mb-4 mb-lg-0">
                    <div class="d2c_counter">
                        <h2><span class="count">15</span></h2>
                        <h4 class="mb-0">Years of experience</h4>
                    </div>
                </div>
                <div class="col-6 col-lg-3 text-center mb-4 mb-md-0">
                    <div class="d2c_counter d2c_border">
                        <h2><span class="count">1250</span>+</h2>
                        <h4 class="mb-0">Happy Clients</h4>
                    </div>
                </div>
                <div class="col-6 col-lg-3 text-center">
                    <div class="d2c_counter">
                        <h2><span class="count">1</span>k+</h2>
                        <h4 class="mb-0">Project Done</h4>
                    </div>
                </div>
                <div class="col-6 col-lg-3 text-center">
                    <div class="d2c_counter">
                        <h2><span class="count">100</span>+</h2>
                        <h4 class="mb-0">Giving Consultancy</h4>
                    </div>
                </div> --}}
            </div>
        </div>
    </section>
    <!-- Counter Section End -->

    <!-- Testimonial Section Start -->
    <section class="d2c_pricing_wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2 text-center">
                    {{-- <h4 class="d2c_sub_title">Pricing</h4> --}}
                    <h2 class="d2c_title" style="color: #133e87">@lang('index.h2wisata')</h2>
                    <p class="d2c_title_content">@lang('index.pwisata')</p>
                </div>
                <div class="row">
                    <div class="col-12 col-md-6 col-lg-3 mb-2">
                        <div class="price-card">
                            <div class="text-center">
                                <h3>Short</h3>
                                <p class="text-muted">@lang('index.pshort')</p>
                                {{-- <div class="price-original">Rp 89.900</div>
                                <div class="discount-badge">DISKON 86%</div> --}}
                                <div class="price-current">
                                    Rp 400.000
                                </div>
                            </div>
                            <a href="{{ url(App::getLocale() . '/reservasi/' . Crypt::encryptString('Short', 'merapinihbos')) }}"
                                class="btn btn-select w-100">@lang('index.pbutton')</a>
                            {{-- <div class="renewal-price">Rp 29.900/bln saat perpanjang layanan</div> --}}
                            <ul class="feature-list">
                                @lang('index.lshort')
                            </ul>
                        </div>
                    </div>

                    <div class="col-12 col-md-6 col-lg-3 mb-2">
                        <div class="price-card highlight">
                            <div class="text-center">
                                <div class="popular-badge">@lang('index.plaris')</div>
                                <h3>Medium</h3>
                                <p class="text-muted">@lang('index.pmedium')</p>
                                {{-- <div class="price-original">Rp 119.000</div>
                                <div class="discount-badge">DISKON 80%</div> --}}
                                <div class="price-current">
                                    Rp 500.000
                                </div>
                            </div>
                            <a href="{{ url(App::getLocale() . '/reservasi/' . Crypt::encryptString('Medium', 'merapinihbos')) }}"
                                class="btn btn-select w-100">@lang('index.pbutton')</a>
                            {{-- <div class="bonus-text">+3 bulan gratis</div> --}}
                            {{-- <div class="renewal-price">Rp 49.900/bln saat perpanjang layanan</div> --}}
                            <ul class="feature-list">
                                @lang('index.lmedium')
                            </ul>
                        </div>
                    </div>

                    <div class="col-12 col-md-6 col-lg-3 mb-2">
                        <div class="price-card">
                            <div class="text-center">
                                <h3>Long</h3>
                                <p class="text-muted">@lang('index.plong')</p>
                                {{-- <div class="price-original">Rp 139.900</div>
                                <div class="discount-badge">DISKON 69%</div> --}}
                                <div class="price-current">
                                    Rp 600.000
                                </div>
                            </div>
                            <a href="{{ url(App::getLocale() . '/reservasi/' . Crypt::encryptString('Long', 'merapinihbos')) }}"
                                class="btn btn-select w-100">@lang('index.pbutton')</a>
                            {{-- <div class="bonus-text">+3 bulan gratis</div> --}}
                            {{-- <div class="renewal-price">Rp 93.900/bln saat perpanjang layanan</div> --}}
                            <ul class="feature-list">
                                @lang('index.llong')
                            </ul>
                        </div>
                    </div>

                    <div class="col-12 col-md-6 col-lg-3 mb-2">
                        <div class="price-card">
                            <div class="text-center">
                                <h3>Sunrise</h3>
                                <p class="text-muted">@lang('index.psunrise')</p>
                                {{-- <div class="price-original">Rp 312.900</div>
                                <div class="discount-badge">DISKON 59%</div> --}}
                                <div class="price-current">
                                    Rp 500.000
                                </div>
                            </div>
                            <a href="{{ url(App::getLocale() . '/reservasi/' . Crypt::encryptString('Sunrise', 'merapinihbos')) }}"
                                class="btn btn-select w-100">@lang('index.pbutton')</a>
                            {{-- <div class="bonus-text">+3 bulan gratis</div> --}}
                            {{-- <div class="renewal-price">Rp 235.900/bln saat perpanjang layanan</div> --}}
                            <ul class="feature-list">
                                @lang('index.lsunrise')
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Testimonial Section End -->
@endsection