@extends('site.layouts.app', ['seoModel' => $home])

@section('content')

<div class="page-wrapper content-wrapper page-home">
    @include('site._includes.main-banner', [
        'banners' => $home->banners,
    ])

    @if (!$home->hide_partners && !empty($home->partners))
        <section class="partners">
            <div class="container">
                <div class="partners__list">
                    @foreach ($home->partners as $image)
                        <img src="{{ asset("storage/{$image}") ?? "" }}">
                    @endforeach
                </div>
            </div>
        </section>
    @endif

    @if(!$home->hide_about && ($home->title_about || $home->description_about || $home->link_btn_about))
        <section class="about">
            <div class="container">
                <div class="about__description">
                    <div class="description__title">
                        @if (!empty($home->tag_about))
                            <div class="title__tag">
                                <div class="tag-blue">/</div>
                                <div class="tag-green">/</div>
                                <div class="tag-yellow">/</div>
                                <div class="tag-text">{{ $home->tag_about }}</div>
                            </div>
                        @endif

                        <h4>{{ $home->title_about }}</h4>
                    </div>

                    {!! $home->description_about !!}

                    @if (!empty($home->link_btn_about))
                        <a href="{{ $home->link_btn_about }}" target="{{ $home->target_btn_about }}" rel="noopener noreferer">
                            {{ $home->title_btn_about }}
                        </a>
                    @endif
                </div>

                @if (!empty($home->image_about))
                    <img
                        class="image-main"
                        src="{{ asset("storage/{$home->image_about}") }}"
                        alt="{{ $home->title_about }}"
                    >
                @endif

                <img class="image-detail" src="{{ asset('images/detail-waves.png') }}" alt="{{ $siteTitle }}">
            </div>
        </section>
    @endif

    @if (!$home->hide_links && !empty($home->links))
        <section class="buttons">
            <div class="container">
                @foreach ($home->links as $link)
                    <a
                        href="{{ $link['link'] }}"
                        target="{{ $link['target'] }}"
                        rel="noopener noreferer"
                        class="buttons__blocks"
                        style="background-image: url({{ asset('images/lines.png') }}"
                        >
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M7 17L17 7" stroke="#FFA002" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M7 7H17V17" stroke="#FFA002" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>

                        <div class="blocks__item">
                            @if (!empty($link['tag']))
                                <div class="title__tag">
                                    <div class="tag-blue">/</div>
                                    <div class="tag-green">/</div>
                                    <div class="tag-yellow">/</div>
                                    <div class="tag-text">{{ $link['tag'] }}</div>
                                </div>
                            @endif

                            <h4>{{ $link['title'] }}</h4>
                        </div>
                    </a>
                @endforeach
            </div>
        </section>
    @endif

    @if (!$home->hide_gallery && !empty($home->gallery))
        <section class="gallery">
            <div class="container">
                <div class="gallery__title">
                    <div class="title__block">
                        @if (!empty($home->tag_gallery))
                            <div class="title__tag">
                                <div class="tag-blue">/</div>
                                <div class="tag-green">/</div>
                                <div class="tag-yellow">/</div>
                                <div class="tag-text">{{ $home->tag_gallery }}</div>
                            </div>
                        @endif

                        <h3>{{ $home->title_gallery }}</h3>
                    </div>

                    @if (!empty($home->link_btn_gallery))
                        <a href="{{ $home->link_btn_gallery }}" target="{{ $home->target_btn_gallery }}" rel="noopener noreferer">
                            {{ $home->title_btn_gallery }}
                        </a>
                    @endif
                </div>

                <div class="gallery__list">
                    <div class="list__block">
                        @foreach ($home->gallery as $image)
                            <div data-fancybox="gallery" data-src="{{ asset("storage/{$image}") ?? "" }}">
                                <img src="{{ asset("storage/{$image}") ?? "" }}">
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>
    @endif

    @if($home->video_media_type !== 'none' && ($home->youtube_link || $home->video_file))
        @php
            $video_media = ($home->video_media_type == "youtube") ? $home->youtube_link : $home->video_file;
        @endphp
        <section class="video">
            <a href="{{ asset("storage/{$video_media}") }}" data-fancybox="video-about">
                <img src="{{ asset("storage/{$home->video_thumbnail}") }}" alt="thumbnail do vídeo">

                <div class="play">
                    <svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M15 9L-8.15666e-07 17.6603L-5.85621e-08 0.339745L15 9Z" fill="white"/>
                    </svg>
                </div>
            </a>
        </section>
    @endif

    @if (!$home->hide_cta && ($home->title_cta || $home->link_btn_cta))
        <section class="register">
            <div class="container">
                <div class="register__block">
                    @if (!empty($home->image_desktop_cta))
                        @php
                            $image = ($isMobile && isset($home->image_mobile_cta)) ? $home->image_mobile_cta : $home->image_desktop_cta;
                        @endphp
                        <img src="{{ asset("storage/{$image}") }}" alt="{{ $home->title_cta }}">
                    @endif

                    <div class="block__text">
                        @if (!empty($home->tag_cta))
                            <div class="title__tag">
                                <div class="tag-blue">/</div>
                                <div class="tag-green">/</div>
                                <div class="tag-yellow">/</div>
                                <div class="tag-text">{{ $home->tag_cta }}</div>
                            </div>
                        @endif

                        <h3>{{ $home->title_cta }}</h3>

                        @if (!empty($home->link_btn_cta))
                            <a href="{{ $home->link_btn_cta }}" target="{{ $home->target_btn_cta }}" rel="noopener noreferer">
                                {{ $home->title_btn_cta }}
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </section>
    @endif
</div>

@endsection