@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>
    <section class="single-column --boxed">
        <div>
            {{-- TRAINERS --}}
            @if($siteSettings->show_trainers && $trainers->count())
                <article class="from-bottom no-bg">
                    @if($siteSettings->trainers_title)
                        <div class="title-wrapper">
                            <h1 class="title">{{ $siteSettings->trainers_title }}</h1>
                        </div>
                    @endif
                    <div class="trainers">
                        @foreach($trainers as $trainer)
                            <div class="card-3">
                                <img
                                    src="{{ $trainer->image_path ? \Illuminate\Support\Facades\Storage::url($trainer->image_path) : asset('img/trainers.png') }}"
                                    alt="{{ $trainer->name }}"
                                >
                                <div class="content">
                                    <h2>{{ $trainer->name }}</h2>
                                    <p>{{ $trainer->info }}</p>
                                    @php
                                        $link = $trainer->url;
                                        if ($trainer->link_type === 'pages') {
                                            $link = url($link);
                                        } elseif (
                                            $link && !\Illuminate\Support\Str::startsWith($link, ['http://', 'https://', '/'])
                                        ) {
                                            $link = url($link);
                                        }
                                    @endphp
                                    <a href="{{ $link }}">{{ __('Devamını Oku', [], session('locale', 'en')) }}</a>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </article>
            @endif
        </div>

    </section>
@endsection