@extends('front.app', ['html_attributes' => 'class=homepage'])
@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')

    <div class="page-content">

        @if($first_section)
            <section class="main-hero">
                @if($first_section->oImage && $first_section->oImage->img && file_exists('upfiles/menu/'. $first_section->oImage->img))
                    <div class="img-bg">
                        <img src="{{ asset('upfiles/menu/' . $first_section->oImage->img) }}"
                             alt="{{ $first_section->short_descr ?? '' }}" loading="lazy" width="1903" height="787">
                    </div>
                @endif
                <div class="main-hero-inner">
                    <div class="container">
                        <div class="main-hero-text">
                            <h1>{{ $first_section->short_descr ?? '' }}</h1>
                            {!! $first_section->body ?? '' !!}
                        </div>
                        <div class="main-hero-links">
                            <a href="{{ route('create-video', config('custom.front.default_year_url')) }}" class="button">{{ ShowLabelById(63) }}</a>
                            <a href="{{ $reviews->page_type == 'link' ? $reviews->itemByLang->link : route('menu', $reviews->alias) }}" class="button button--white">
                                {{ShowLabelById(85)}}
                            </a>
                        </div>
                    </div>
                </div>
            </section>
        @endif

        @if($second_section)
            <div class="visiting">
                <div class="page-decor page-decor--top">
                    <img src="{{ asset('front-assets/img/background-top.jpg') }}" alt="Background top" width="1903" height="902">
                </div>
                <div class="item-decor item-decor--right">
                    <img src="{{ asset('front-assets/img/candy-right.png') }}" alt="Candy">
                </div>
                <div class="container">
                    <div class="visiting-inner">
                        <div class="visiting-video">
                            <a href="https://www.youtube.com/watch?v={{ FindYoutubeImg($second_section->youtube_link) }}"
                               data-fancybox="visiting">
                                <img
                                    src="https://img.youtube.com/vi/{{ FindYoutubeImg($second_section->youtube_link) }}/maxresdefault.jpg"
                                    alt="{{ $second_section->short_descr ?? '' }}" width="667" height="375">
                            </a>
                        </div>
                        <div class="visiting-content">
                            <div class="visiting-text common-text">
                                <h2>{{ $second_section->short_descr ?? '' }}</h2>
                                {!! $second_section->body ?? '' !!}
                            </div>
                            <div class="visiting-info">
                                <img src="{{ asset('front-assets/img/icons/star-2.svg') }}" alt="Star">
                                <p>{{ $second_section->h1_title }}</p>
                            </div>
                            {{--<div class="visiting-cta">
                                <a href="{{ route('create-video') }}" class="button">{{ ShowLabelById(22) }}</a>
                                <a href="{{ route('menu', 'example') }}" class="button button--inversed">{{ ShowLabelById(23) }}</a>
                            </div>--}}
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if($scenarios && $scenarios->children->isNotEmpty())
            <div class="scenario">
                <div class="container">
                    <h2 class="text-center">{{ $scenarios->short_descr }}</h2>
                    <div class="scenario-list">
                        @foreach($scenarios->children as $one_scenario)
                            <div class="scenario-item">
                                <div class="scenario-img">
                                    <img
                                        src="{{ $one_scenario->oImage && $one_scenario->oImage->img && file_exists('upfiles/menu/'. $one_scenario->oImage->img) ? asset('upfiles/menu/'. $one_scenario->oImage->img) : asset('front-assets/img/no-image-scenario.png') }}"
                                        alt="{{ $one_scenario->short_descr }}">
                                </div>
                                @if($one_scenario->is_new == 1)
                                    <div class="scenario-label">
                                        <p>{{ Str::upper(ShowLabelById(64)) }}</p>
                                    </div>
                                @endif
                                <div class="scenario-content">
                                    <h3>{{ $one_scenario->short_descr }}</h3>
                                    @if(!$one_scenario->is_future)
                                        <div class="scenario-link">
                                            @if($one_scenario->is_new == 1)
                                            <a href="javascript:;" class="button">{{ ShowLabelById(71) }}</a>
                                            @else
                                           <a href="{{ route('menu', ['example', $one_scenario->alias]) }}" class="button">{{ ShowLabelById(65) }}</a>
                                            @endif
                                        </div>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        @if($section_statistics && $section_statistics->children->isNotEmpty())
            <div class="statistics">
                <div class="container">
                    <div class="statistics-list">
                        @foreach($section_statistics->children as $one_item)
                            <div class="statistics-item">
                                @if($one_item->short_descr)
                                    <div
                                        class="statistics-count">{!! str_replace('+', '<span>+<span>', $one_item->short_descr) !!}</div>
                                @endif
                                <div class="statistics-text">{{ $one_item->name }}</div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        @if($section_steps && $section_steps->children->isNotEmpty())
            <div class="steps">
                <div class="item-decor item-decor--left">
                    <img src="{{ asset('front-assets/img/candy-left.png') }}" alt="Candy">
                </div>
                <div class="container">
                    <div class="steps-list">
                        @foreach($section_steps->children as $one_item)
                            <div class="steps-item">
                                <div class="steps-img">
                                    <img src="{{ asset('front-assets/img/ball.svg') }}"
                                         alt="Ball {{ $loop->iteration ?? '' }}" width="225" height="225">
                                    <span>0{{ $loop->iteration }}</span>
                                </div>
                                <div class="steps-text">{{ $one_item->name ?? '' }}</div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        <div class="page-decor page-decor--bottom">
            <img src="{{ asset('front-assets/img/background-bottom.png') }}" alt="Background bottom" width="1903" height="670">
        </div>
    </div>

    {{--<iframe id='vdmForm' width='600' height='500' id='orderIframe' name='myForm'
            src="https://dedmoroz.mynamebook.ru/iframe/vdm2017" frameborder="1" scrolling="no" style=""></iframe>
    <br><br>--}}
@stop