@extends('frontend::layouts.master')

@section('content')
    @if (!empty($banners[0]))
        <div class="carousel" id="slider" data-items="1" data-autoplay="7000">
            @foreach ($banners as $b)
                <div class="slide">
                    @if ($b['type'] == 'image')
                        @if (!empty($b['url']))
                            <a href="{{ $b['url'] ?? '#' }}" target="_blank">
                        @endif
                        <img src="{{ $b['src'] }}" alt="{{ $b['name'] ?? '' }}">
                        @if (!empty($b['url']))
                            </a>
                        @endif
                    @elseif ($b['type'] == 'youtube')
                        <iframe src="https://www.youtube.com/embed/{{ $b['src'] }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                    @endif
                </div>
            @endforeach
        </div>
    @endif
    @if (!empty($about['detail']))
        <section class="about spad">
            {!! $about['detail'] !!}
        </section>
    @endif
    @if (!empty($souvenirs[0]) && !empty($link_souvenirs['url']))
        <section class="sect-product bg-grey pt-20">
            <div class="section-shape top-0" style="background-image: url({{ Module::asset('frontend:images/shape8.png') }})"></div>
            <div class="container">
                <div class="row align-items-center justify-content-between mb-6">
                    <div class="col-lg-7">
                        <div class="section-title text-left">
                            <h2 class="mb-1">{{ $link_souvenirs['name'] }}</h2>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="d-flex justify-content-end"data-animate="fadeInRight" data-animate-delay="300">
                            <a class="btn" href="{{ $link_souvenirs['url'] ?? 'javascript:void(0);' }}">
                                {{ __('frontend::lang.btn.view_all') }}
                                <i class="fa fa-arrow-circle-right m-l-10"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="trend-box">
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12"data-animate="fadeInUp" data-animate-delay="200">
                            <div class="product-card-carousel carousel" data-items="5" data-margin="20">
                                @foreach ($souvenirs as $s)
                                    <div class="product-card">
                                        <div class="product-card-image">
                                            <img class="product-img" src="{{ $s['image'] }}" alt="{{ $s['name'] ?? '' }}">
                                            <div class="product-overlay">
                                                <div class="product-actions">
                                                    <a class="product-btn product-btn-primary" href="{{ $link_souvenirs['url'] ?? 'javascript:void(0);' }}/{{ $s['uuid'] ?? '' }}">
                                                        {{ __('frontend::lang.btn.view_detail') }}
                                                        <i class="fa fa-arrow-circle-right m-l-10"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="product-card-content">
                                            <div>
                                                <a href="{{ $link_souvenirs['url'] ?? 'javascript:void(0);' }}/{{ $s['uuid'] ?? '' }}">
                                                    <h3 class="product-title">{{ $s['name'] ?? '' }}</h3>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
    @if (!empty($tours[0]) && !empty($link_tour['url']))
        <section class="sect-product-tour">
            <div class="box-area-content">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 m-b-20 text-center">
                            <h2 class="h-title m-b-0">{{ $link_tour['name'] }}</h2>
                            <a class="btn"data-animate="fadeInDown" data-animate-delay="400" href="{{ $link_tour['url'] ?? 'javascript:void(0);' }}">
                                {{ __('frontend::lang.btn.view_all') }}
                                <i class="fa fa-arrow-circle-right m-l-10"></i>
                            </a>
                        </div>
                        <div class="trend-box">
                            <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-12"data-animate="fadeInUp" data-animate-delay="300">
                                    <div class="carousel" data-items="5" data-margin="20">
                                        @foreach ($tours as $t)
                                            <div class="product-card">
                                                <div class="product-card-image">
                                                    <img class="product-img" src="{{ $t['image'] }}" alt="{{ $t['name'] ?? '' }}">
                                                    <div class="product-overlay">
                                                        <div class="product-actions">
                                                            <a class="product-btn product-btn-primary" href="{{ $link_tour['url'] ?? 'javascript:void(0);' }}/{{ $t['uuid'] ?? '' }}">
                                                                {{ __('frontend::lang.btn.view_detail') }}
                                                                <i class="fa fa-arrow-circle-right m-l-10"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="product-card-content">
                                                    <div>
                                                        <a href="{{ $link_tour['url'] ?? 'javascript:void(0);' }}/{{ $t['uuid'] ?? '' }}">
                                                            <h3 class="product-title">{{ $t['name'] ?? '' }}</h3>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
    @if (!empty($accommodations[0]) && !empty($link_accommodation['url']))
        <section class="sect-room">
            <div class="team-two__bg-color">
                <div class="team-two__bg-shape-1" style="background-image: url({{ Module::asset('frontend:images/team-two-bg-shape-1.png') }});"></div>
                <div class="team-two__bg" style="background-image: url({{ Module::asset('frontend:images/team-two-bg.jpg') }});"></div>
            </div>
            <div class="container">
                <div class="col-md-12 headbar m-b-50 text-left">
                    <h3 class="htitle m-b-20">{{ $link_accommodation['name'] }}</h3>
                    <a class="btn" data-animate="fadeInRight" data-animate-delay="500" href="{{ $link_accommodation['url'] ?? 'javascript:void(0);' }}">
                        {{ __('frontend::lang.btn.view_all') }}
                        <i class="fa fa-arrow-circle-right m-l-10"></i>
                    </a>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12"data-animate="fadeInUp" data-animate-delay="400">
                    <div class="carousel" data-items="5" data-margin="20">
                        @foreach ($accommodations as $a)
                            <div class="room-card">
                                <div class="room-image">
                                    <a href="{{ $link_accommodation['url'] ?? 'javascript:void(0);' }}/{{ $a['uuid'] ?? '' }}">
                                        <img src="{{ $a['image'] }}" alt="{{ $a['name'] ?? '' }}" />
                                    </a>
                                </div>
                                <div class="room-content">
                                    <div class="title">
                                        <a href="{{ $link_accommodation['url'] ?? 'javascript:void(0);' }}/{{ $a['uuid'] ?? '' }}">
                                            {{ $a['name'] ?? '' }}
                                        </a>
                                    </div>
                                    <div class="price-area">
                                        <a class="add-button" href="{{ $link_accommodation['url'] ?? 'javascript:void(0);' }}/{{ $a['uuid'] ?? '' }}">
                                            {{ __('frontend::lang.btn.view_detail') }}
                                            <i class="fa fa-arrow-circle-right m-l-10"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>
    @endif
    @if (!empty($places[0]) && !empty($link_place['url']))
        <section class="sect-travel">
            <div class="box-area-content">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 m-b-20 text-center">
                            <h2 class="h-title m-b-0">{{ $link_place['name'] }}</h2>
                            <a class="btn" data-animate="fadeInDown" data-animate-delay="600" href="{{ $link_place['url'] ?? 'javascript:void(0);' }}">
                                {{ __('frontend::lang.btn.view_all') }}
                                <i class="fa fa-arrow-circle-right m-l-10"></i>
                            </a>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-12"data-animate="fadeInUp" data-animate-delay="500">
                            <div class="carousel" data-items="5" data-margin="20">
                                @foreach ($places as $p)
                                    <div class="product-card">
                                        <div class="product-image">
                                            <a href="{{ $link_place['url'] ?? 'javascript:void(0);' }}/{{ $p['uuid'] ?? '' }}">
                                                <img src="{{ $p['image'] }}" alt="{{ $p['name'] ?? '' }}" />
                                            </a>
                                        </div>
                                        <div class="product-content">
                                            <div class="title">
                                                <a href="{{ $link_place['url'] ?? 'javascript:void(0);' }}/{{ $p['uuid'] ?? '' }}">
                                                    {{ $p['name'] ?? '' }}
                                                </a>
                                            </div>
                                            <div class="price-area">
                                                <a class="add-button" href="{{ $link_place['url'] ?? 'javascript:void(0);' }}/{{ $p['uuid'] ?? '' }}">
                                                    {{ __('frontend::lang.btn.view_detail') }}
                                                    <i class="fa fa-arrow-circle-right m-l-10"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
    @if (!empty($news[0]))
        <section class="sect-news">
            <div class="portfolio-two__bg-box">
                <div class="portfolio-two__bg" style="background-image: url({{ Module::asset('frontend:images/team-two-bg-new.jpg') }});"></div>
                <div class="portfolio-two__bg-shape-2" style="background-image: url({{ Module::asset('frontend:images/portfolio-two-bg-2.png') }});"></div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-12 headbar head-decor m-b-60 text-left">
                        <h2 class="htitle text-bg hdecor">{{ __('frontend::lang.index.section_news.title') }}</h2>
                        <a class="btn" data-animate="fadeInRight" data-animate-delay="700" href="{{ $link_news['url'] ?? 'javascript:void(0);' }}">
                            {{ __('frontend::lang.btn.view_all') }}
                            <i class="fa fa-arrow-circle-right m-l-10"></i>
                        </a>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-left"data-animate="fadeInUp" data-animate-delay="600">
                        <div class="carousel news-slide" data-items="4">
                            @foreach ($news as $n)
                                @php
                                    $data_date = explode(' ', str_date($n['publish_at'] ?? '', 'd M Y'));
                                @endphp
                                <div class="news-card">
                                    <div class="news-image">
                                        <a href="{{ $n['url'] ?? 'javascript:void(0);' }}">
                                            <img src="{{ $n['image'] }}" alt="{{ $n['name'] ?? '' }}">
                                        </a>
                                        <div class="news-date">
                                            <span class="day">{{ $data_date[0] ?? '' }}</span>
                                            <span class="month">{{ $data_date[1] ?? '' }}</span>
                                            <span class="year">{{ $data_date[2] ?? '' }}</span>
                                        </div>
                                    </div>
                                    <div class="news-content">
                                        <a href="{{ $n['url'] ?? 'javascript:void(0);' }}">
                                            <h4>{{ $n['name'] ?? '' }}</h4>
                                        </a>
                                        <p>{{ $n['desc'] ?? '' }}</p>
                                        <a class="read-more" href="{{ $n['url'] ?? 'javascript:void(0);' }}">
                                            {{ __('frontend::lang.btn.read_more') }}
                                            <i class="icon-arrow-right"></i>
                                        </a>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
@endsection