@extends('front.layouts.app')

@section('main')
    @include('front.sections.hero')

    <section class="masonry">
        <div>

            {{-- EVENTS --}}
            @if($siteSettings->show_events)
                <article class="box-5x-6y from-left">
                    @include('front.components.event-list')
                </article>
            @endif

            {{-- WELCOME --}}
            @if($siteSettings->show_welcome)
                <article class="box-7x-6y from-right">
                    <div class="about">
                        <h1 class="title">{{ $siteSettings->welcome_title }}</h1>
                        <div class="text">
                            <p>
                                {!! $siteSettings->welcome_text !!}
                            </p>
                        </div>
                        <figure class="katana">
                            <img src="img/sword.png">
                        </figure>
                    </div>
                </article>
            @endif

            {{-- GALLERY --}}
            @if($siteSettings->show_gallery)
                <article class="box-12x-6y from-bottom">
                    <div class="title-wrapper">
                        <h1 class="title">{{ $siteSettings->gallery_title }}</h1>
                        <a class="btn-primary" href="{{$siteSettings->gallery_url}}"><span>{{$siteSettings->gallery_label}}</span></a>
                    </div>
                    @include('front.components.gallery', [ 'galleryId' => $galleryId, ])
                </article>
            @endif

            {{-- JOIN US --}}
            @if($siteSettings->show_join_us)
                <article class="box-5x-5y p-none from-left">
                    <div class="join-us">
                        <a class="btn-join" href="{{ $siteSettings->join_us_url ?? '#' }}">
                            {{ $siteSettings->join_us_label ?? 'Bize Katılın' }}
                        </a>
                        <figure class="fig-2">
                            <img src="img/join-us.jpg" alt="join-us">
                        </figure>
                    </div>
                </article>
            @endif

            {{-- VIDEOS --}}
            @if($siteSettings->show_videos)
                <article class="box-7x-5y from-right">
                    <div class="video">
                        <div class="title-wrapper">
                            <h1 class="title">{{ $siteSettings->videos_title }}</h1>
                            <a class="btn-primary" style="margin-top: 0" href="{{ $siteSettings->videos_url ?? '#' }}">
                                <span>{{ $siteSettings->videos_label ?? 'Tüm Videolar' }}</span>
                            </a>
                        </div>
                        @php
                            $videoObj = (object) [
                                'platform' => $siteSettings->home_video_platform,
                                'embed_url' => $siteSettings->home_video_url,
                                'title' => null,
                            ];
                        @endphp
                        @include('front.components.video', ['video' => $videoObj])
                    </div>
                </article>
            @endif

            {{-- MAPS --}}
            @if($siteSettings->show_maps)
                @foreach($maps as $map)
                    <article class="box-12x-4y from-bottom">
                        @include('front.components.map', ['map' => $map])
                    </article>
                @endforeach
            @endif

        </div>
    </section>
@endsection