@extends("site.templates.{$templateName}.head")
@php
    $isServer = $servers && count($servers) > 0;
@endphp

@section('content')
    <div class="char" data-char>
        <div class="char__body char__body_animated"></div>
    </div> <!-- END char -->


    <section class="section" data-section="header">
        <div class="container" data-container="header">
            <div class="header">

                <div class="header__box">
                    <div class="header__logo-box">
                        <a href="{{ route('home.index') }}"
                           style="--logotype-url: url('{{ asset(config('website.site.logo')) }}');"
                           class="logotype"></a>
                    </div>
                    <div class="header__content">
                        {!! config("website.other.news.content_{$currentLang}") !!}
                    </div>
                    <div class="header__btns">
                        <a href="javascript:;" data-open-window="modal-files" class="btn">
                            {{ __('default::message.menu.20') }}</a>
                        <a href="{{ route('login') }}" class="btn btn_type_1">
                            <img src="{{ asset('assets/site/templates/default/images/icons/btn-key.png') }}" alt="#"
                                 class="btn__img">
                            {{ __('default::message.menu.21') }}</a>
                    </div>
                </div>
            </div> <!-- END  header -->
        </div> <!-- END  container -->
    </section> <!-- END  section -->
    <section class="section" data-section="servers">
        <div class="container" data-container="servers">
            <div class="servers">

                @if($isServer)
                    @foreach($servers as $server)
                        <div class="servers__server server" data-gw-server-online-max="1000"
                             data-gw-server-online="{{ server()->getOnlineCount($server) }}"
                             data-server-status="on">
                            <div class="server__pic">
                                <img src="{{ asset('assets/site/templates/default/images/server/ico-1.png') }}" alt="s0"
                                     class="server__ico">
                            </div>
                            <div class="server__container">
                                <div class="server__title"><span
                                            class="color-accent">{{ $server['name'] }}  {{ $server['rate'] }} <br>
                                        @php
                                            $currentDate = \Illuminate\Support\Carbon::now();
                                            $startDate = \Illuminate\Support\Carbon::parse($server['date_start']);
                                        @endphp

                                        @if($currentDate->greaterThan($startDate))
                                            {{ __('default::message.menu.22') }}
                                            [{{ $startDate->translatedFormat('d F H:i') }}]
                                        @else
                                            {{ __('default::message.menu.23') }}
                                            [{{ $startDate->translatedFormat('d F H:i') }}]
                                        @endif
                                    </span></div>
                                <div class="server__progress">
                                    <div class="server__progress-load" data-gw-server-load></div>
                                </div>
                                <div class="server__info">
                                    <a href="{{ route('change_server.description', $server['id']) }}"
                                       class="server__link">
                                        {{ __('default::message.menu.24') }}
                                    </a>

                                    <div class="server__online">
                                        {{ __('default::message.menu.25') }}
                                        <span class="color-accent"
                                              data-gw-server-count>{{ server()->getOnlineCount($server) }}</span>
                                    </div>
                                </div>
                            </div>
                        </div> <!-- END  server -->
                    @endforeach
                @endif

            </div> <!-- END  servers -->
        </div> <!-- END  container -->
    </section> <!-- END  section -->
    <section class="section" data-section="contents">
        <div class="container" data-container="contents">
            <div class="contents">

                <div class="content">
                    <div class="news">
                        <div class="heading heading_mb">
                            <h3 class="title"> {{ __('default::message.menu.26') }}</h3>
                            {{--                            {{ $news->links('site.templates.default.pagination') }}--}}
                        </div>
                        <div class="news__list">
                            @if($news->isNotEmpty())
                                @foreach($news as $n)
                                    <articel class="news__post post">
                                        <div class="post__pic">
                                            <img src="{{ asset('assets/site/templates/default/images/news/n-3.jpg') }}"
                                                 alt="-"
                                                 class="post__img">
                                        </div>
                                        <div class="post__date">{{ $n->updated_at->diffForHumans() }}</div>
                                        <div class="post__content">
                                            <h1 class="post__title">
                                                {{ $n->{"title_{$currentLang}"} }}
                                            </h1>
                                            <div class="post__desc">
                                                {!! $n->{"text_{$currentLang}"} !!}
                                            </div>
                                        </div>
                                    </articel> <!-- END  post -->
                                @endforeach
                            @else
                                <h3 class="title"
                                    style="font-size: 18px; text-align: center; grid-column: span 2;color: #9c1919">{{ __('default::message.menu.40') }}</h3>
                            @endif
                        </div>

                        <a href="{{ config('website.forum.url') }}"
                           class="news__more">{{ __('default::message.menu.27') }}</a>

                    </div>
                </div> <!-- END  content -->

                <div class="sidebar">
                    <div class="sidebar__box">
                        <div class="sidebar__heading heading heading_mb">
                            <div class="title"> {{ __('default::message.menu.28') }}</div>

                            <div class="dots" data-slider-dots="streams"></div>
                        </div>
                        <div class="streams">
                            <div class="streams__list" data-slider-streams="true">
                                <div class="swiper-wrapper">

                                    @if($streams->isNotEmpty())
                                        @foreach($streams as $stream)
                                            @if($stream->isActive())
                                                <div class="swiper-slide">
                                                    <div class="stream">
                                                        <div class="stream__content">
                                                            {!! \App\Enums\Stream::getStreamView($stream->link,'275px') !!}
                                                        </div>
                                                    </div>
                                                </div> <!-- END  stream -->
                                            @endif
                                        @endforeach
                                    @else
                                        <div class="swiper-slide">
                                            <div class="stream">
                                                <div class="stream__content">stream offline</div>
                                            </div>
                                        </div> <!-- END  stream -->
                                        <div class="swiper-slide">
                                            <div class="stream">
                                                <div class="stream__content">stream offline</div>
                                            </div>
                                        </div> <!-- END  stream -->
                                    @endif

                                </div>
                            </div>
                        </div> <!-- END  streams -->

                    </div>
                    <div class="sidebar__box">
                        <div class="sidebar__heading heading heading_mb">
                            <div class="title"> {{ __('default::message.menu.29') }}</div>
                        </div>
                        <div class="sidebar__forum">


                            @if($forums->isNotEmpty())
                                @foreach($forums as $topic)
                                    <div class="theme">
                                        <a href="{{ $topic['post_url'] }}"
                                           class="theme__link"></a>
                                        <div class="theme__pic">

                                        </div>
                                        <div class="theme__content">
                                            <div class="theme__title">
                                                {!! Str::limit($topic['post_title'],65) !!}
                                            </div>
                                            <div class="theme__desc">{{ __('default::message.menu.30') }}</div>
                                        </div>
                                        <div class="theme__info">
                                            <div
                                                    class="theme__date"
                                                    style="font-size: 10px;">{{ $topic['created_at'] }}</div>
                                            <div class="theme__author">{{ $topic['poster_name'] }}</div>
                                        </div>
                                    </div> <!-- END theme  -->
                                @endforeach
                            @else
                                <h3 class="title"
                                    style="font-size: 18px; text-align: center; grid-column: span 2;color: #9c1919;padding-bottom: 10px;">{{ __('default::message.menu.403') }}</h3>
                            @endif
                        </div>
                    </div>
                    <div class="sidebar__box">
                        <div class="sidebar__heading heading heading_mb heading_xs_none">
                            <div class="title"> {{ __('default::message.menu.31') }}</div>
                            <div class="title"> {{ __('default::message.menu.32') }}</div>
                        </div>

                        <div class="st">
                            @if($isServer)
                                <div class="st__btns">

                                    @foreach($servers as $server)
                                        <a href="{{ server()->getId() != $server['id'] ? route('change_server', $server['id']) : '#' }}"
                                           class="st__bt"
                                           data-open-tab="server-{{ $server['id'] }}"
                                           data-server-select="{{ server()->getId() == $server['id'] ? 'true' : 'false' }}"
                                           data-open-tab-group="rating">{{ $server['name'] . ' ' . $server['rate'] }}
                                            [{{ \Illuminate\Support\Carbon::parse($server['date_start']) }}]
                                        </a>
                                    @endforeach

                                </div> <!-- END  rating__btns  -->

                                <div class="st__content">


                                    <!-- -------------- -->
                                    <!-- START server-0 -->
                                    <!-- -------------- -->
                                    @foreach($servers as $server)
                                        <div class="rating-container" style="display: none;"
                                             data-tab="server-{{ $server['id'] }}"
                                             data-tab-group="rating">
                                            <div class="rating">

                                                <div class="rating__box">


                                                    <!-- START rating pvp | server-0-pvp -->
                                                    <div class="rating__type">
                                                        <div class="rating__item">
                                                            <div class="rating__col">
                                                                <div class="top">
                                                                    <div class="top__heading heading">
                                                                        <div class="title">{{ __('default::message.menu.33') }}</div>
                                                                    </div>
                                                                    <div class="top__body" data-top-scroll>
                                                                        @foreach($statistic_pvpkills as $rating)
                                                                            <div class="top__rw">
                                                                                <div class="top__num">
                                                                                    <div
                                                                                            class="top__content">{{ $loop->iteration }}</div>
                                                                                </div>
                                                                                <div class="top__name">
                                                                                    <div class="top__content"
                                                                                         style="display: flex;align-items: center;gap: 5px">
                                                                                        @php
                                                                                            $clanCrest = isset($rating['clan_crest']) ? \App\Models\Website\crest::get_clan_crest_base64($rating['clan_crest']) : null;
                                                                                            $allyCrest = isset($rating['alliance_crest']) ? \App\Models\Website\crest::get_clan_crest_base64($rating['alliance_crest']) : null;
                                                                                        @endphp
                                                                                        <div
                                                                                                style="display: flex;align-items: center;gap: 0px">
                                                                                            @if ($allyCrest)
                                                                                                <img
                                                                                                        src='data:image/png;base64,{{$allyCrest}}'
                                                                                                        alt='ally Crest'>
                                                                                            @endif
                                                                                            @if ($clanCrest)
                                                                                                <img
                                                                                                        src='data:image/png;base64,{{$clanCrest}}'
                                                                                                        alt='Clan Crest'>
                                                                                            @endif
                                                                                        </div>
                                                                                        {{ $rating['name'] }}
                                                                                    </div>
                                                                                </div>
                                                                                <div class="top__total">
                                                                                    <div
                                                                                            class="top__content">{{ $rating['pvp'] }}</div>
                                                                                </div>
                                                                            </div>
                                                                        @endforeach
                                                                    </div>
                                                                </div> <!-- END  top  -->
                                                            </div> <!-- END  rating__col  -->
                                                        </div> <!-- END  rating__item  -->
                                                    </div>


                                                    <!-- START rating pk | server-0-pk -->
                                                    <div class="rating__type">
                                                        <div class="rating__item">
                                                            <div class="rating__col">
                                                                <div class="top">
                                                                    <div class="top__heading heading">
                                                                        <div class="title"> {{ __('default::message.menu.34') }}</div>
                                                                    </div>
                                                                    <div class="top__body" data-top-scroll>
                                                                        @foreach($statistic_pkkills as $rating)
                                                                            <div class="top__rw">
                                                                                <div class="top__num">
                                                                                    <div
                                                                                            class="top__content">{{ $loop->iteration }}</div>
                                                                                </div>
                                                                                <div class="top__name">
                                                                                    <div class="top__content"
                                                                                         style="display: flex;align-items: center;gap: 5px">
                                                                                        @php
                                                                                            $clanCrest = isset($rating['clan_crest']) ? \App\Models\Website\crest::get_clan_crest_base64($rating['clan_crest']) : null;
                                                                                            $allyCrest = isset($rating['alliance_crest']) ? \App\Models\Website\crest::get_clan_crest_base64($rating['alliance_crest']) : null;
                                                                                        @endphp
                                                                                        <div
                                                                                                style="display: flex;align-items: center;gap: 0px">
                                                                                            @if ($allyCrest)
                                                                                                <img
                                                                                                        src='data:image/png;base64,{{$allyCrest}}'
                                                                                                        alt='ally Crest'>
                                                                                            @endif
                                                                                            @if ($clanCrest)
                                                                                                <img
                                                                                                        src='data:image/png;base64,{{$clanCrest}}'
                                                                                                        alt='Clan Crest'>
                                                                                            @endif
                                                                                        </div>
                                                                                        {{ $rating['name'] }}
                                                                                    </div>
                                                                                </div>
                                                                                <div class="top__total">
                                                                                    <div
                                                                                            class="top__content">{{ $rating['pk'] }}</div>
                                                                                </div>
                                                                            </div>
                                                                        @endforeach
                                                                    </div>
                                                                </div> <!-- END  top  -->
                                                            </div> <!-- END  rating__col  -->
                                                        </div> <!-- END  rating__item  -->
                                                    </div>

                                                </div> <!-- END  rating__box  -->

                                            </div> <!-- END  rating  -->
                                        </div> <!-- END  rating-container  -->
                                    @endforeach
                                </div> <!-- END tab__content -->
                            @else
                                <p>{{ __('default::message.menu.35') }}</p>
                            @endif
                        </div> <!-- END tab__box -->

                    </div>
                </div> <!-- END  content -->

            </div> <!-- END  contents -->
        </div> <!-- END  container -->
    </section> <!-- END  section -->
@endsection