@extends('frame')

@section('frameContent')

    @if($slides->first()->is_video)
        <section id="main-deco-as-slider">
            <div class="d-none d-md-block">
            <video id="bgvideo" preload="auto" autoplay loop muted>
                <source src="{{ asset($slides->first()->imagefile()) }} " type="video/mp4">
            </video>
            </div>
            <div class="d-block d-md-none">
                <img src="{{ asset($slides->get(1)->imagefile()) }}" class="w-100" />
            </div>
            <div class="container position-relative h-100">
                <div class="slogan-container">
                    <span class="slogan">
                        {{ \App\SiteConfigElement::where('key','motto_'.app()->getLocale())->first()->value }}
                    </span>
                </div>
            </div>
        </section>
    @else
        @if($slides->count() > 1)
        <section id="main-deco-as-slider">        
            <div class="carousel-container">                    
                <div id="mainCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel">
                    <div class="carousel-inner">
                        @foreach($slides as $i => $slide)
                        <div class="carousel-item{{ $i==0 ? ' active' : '' }}">
                            <img src="{{ asset($slide->imagefile()) }}" class="d-block w-100" alt="{{ $slide->title }}">                        
                        </div>            
                        @endforeach
                    </div>                
                </div>
                <div class="container position-relative h-100">
                    <div class="slogan-container">
                        <span class="slogan">
                            {{ \App\SiteConfigElement::where('key','motto_'.app()->getLocale())->first()->value }}
                        </span>
                    </div>
                </div>            
            </div>        
            
        </section>
        @else        
            <section id="main-deco" style="background-image: url({{ asset($slides->first()->imagefile()) }});">
                <div class="container position-relative h-100">
                    <div class="slogan-container">
                        <span class="slogan">
                            {{ \App\SiteConfigElement::where('key','motto_'.app()->getLocale())->first()->value }}
                        </span>
                    </div>
                </div>        
            </section>        
        @endif
    @endif
    
    {{--
    <section id="main-deco" style="background-image: url(assets/sample/slider.png);">
        <div class="container position-relative h-100">
            <div class="slogan-container">
                <span class="slogan">
                    {{ \App\SiteConfigElement::where('key','motto_'.app()->getLocale())->first()->value }}
                </span>
            </div>
        </div>        
    </section>
    --}}
    <section class="bg-gray" id="welcome">
        <div class="container pt-lg-4">
            <div class="section-title mt-lg-5 mb-lg-4">{{ \App\SiteConfigElement::where('key','main_block_title_'.app()->getLocale())->first()->value }}</div>
            <div class="row justify-content-center pt-lg-3">
                    <div class="col-12 col-lg-10 text-center pb-5">
                        <div class="pb-5 font-light welcome-text">
                            {!! \App\SiteConfigElement::where('key','main_block_content_'.app()->getLocale())->first()->value !!}
                        </div>
                        <a href="/en" class="btn btn-def">{{ __('Ismerj meg jobban') }}</a>
                </div>
            </div>        
        </div>
    </section>

    @if($velemenyek->count())
    <section class="py-5">
        <div class="container">
            <div class="idezetek">
                @foreach($velemenyek as $i => $item)
                    @if($i == 0)
                        <div class="box" data-animation="fadeInFromLeft">
                            {{ $item->name }}
                        </div>
                    @elseif($i == 1)
                        <div class="box" data-animation="fadeUp">
                            {{ $item->name }}
                        </div>
                    @else
                        <div class="box" data-animation="fadeInFromRight">
                            {{ $item->name }}
                        </div>
                    @endif
                @endforeach
            </div>
            <div class="text-center mt-5">
                <a href="{{ route('velemeny.index.'.app()->getLocale()) }}" class="btn btn-def">{{ __('Összes vélemény') }}</a>
            </div>
        </div>
    </section>
    @endif
    <section id="video-block">
        <div class="container py-4 py-lg-5 my-lg-5">
            <a href="{{ \App\SiteConfigElement::where('key','main_video_url')->first()->value }}" class="video-link lightBoxVideoLink" data-fslightbox="html5-youtube-videos"><img src="{{ asset(\App\SiteConfigElement::where('key','main_video_pic')->first()->value) }}" alt="" class="w-100" /></a>
            <div class="text-center pt-4">
                <a href="{{ \App\SiteConfigElement::where('key','youtube_url')->first()->value }}" target="_blank" class="more">{{ __('összes videó') }}</a>
            </div>
        </div>
    </section>

    @include('components.iconsBlock')

    @include('components.photosBlock')

@endsection

@section('scripts')
    <script src="{{ asset('assets/fslightbox/fslightbox.js') }}"></script>
@endsection