@extends('layouts.master')
@section('background-image', 'assets/images/bg-2020.png')
@section('bg-y', '-420px')
@section('content')
    <div class="nk-header-title nk-header-title-xsm nk-header-title-parallax nk-header-title-parallax-opacity" style="background-color: transparent;">
        <div class="nk-header-table">
            <div class="nk-header-table-cell">
                <div class="container">
                    @include("components.error-alert")
                    <div class="nk-header-text">
                        <h1 class="nk-title">
                            <span class="d-block"></span>
                            @if (!isset($user_data))
                                <span class="nk-typed bg-dark-2 text-white pl-8 pr-8 pt-5 pb-5 m-5 d-inline-block block-border rounded">
                                    <span>{{ __("index._messages.welcome", ["GAME" => strtoupper(config("app.name"))]) }}</span>
                                    <span>{!! __("index._messages.registerHere", ["HERE" => "<a href='" . route("auth.register") . "'>HERE</a>"]) !!}</span>
                                </span>
                            @else
                                <h2 class="nk-title h3 text-center">{{ __("index._messages.welcome", ["GAME" => strtoupper(config("app.name"))]) }}</h2>
                            @endif
                        </h1>
                    </div>
                    {{--<div class="nk-gap-2"></div>
                    <a href="{{ route('downloads') }}" class="nk-btn nk-btn-lg nk-btn-color-main-1">
                        <span>Download Game</span>
                    </a>--}}
                </div>
            </div>
        </div>
    </div>
    <div class="nk-box">
        <div class="nk-gap-4"></div>
        <div class="container bg-dark-2 block-border block-shadow text-center rounded">
            <div class="nk-gap-1"></div>
            <div class="text-center">
                <h2 class="nk-title">{{ __("index.latestNews") }}</h2>
                <p>
                    <a href="{{ route('news') }}" class="nk-color-main-1">{{ __("index.seeAllNews") }}</a>
                </p>
                <div class="nk-title-sep-icon" style="margin: 5px auto;">
                    <span class="icon"><span class="ion-ios-paper text-warning"></span></span>
                </div>
            </div>
            <div class="nk-gap-1"></div>
            <div class="row no-gutters">
                <div class="container">
                    <div class="nk-blog-grid-3">
                        @forelse ($news as $item)
                            <div class="nk-blog-post">
                                <div class="nk-post-thumb">
                                    <a href="{{ route('news.single', $item->SRL) }}">
                                        <div class="nk-post-thumb-img" style="background-image: url({{ $item->BIG_IMAGE_URL }});"></div>
                                    </a>
                                </div>
                                <div class="nk-post-content">
                                    <h2 class="nk-post-title h5 text-truncate">
                                        <a href="{{ route('news.single', $item->SRL) }}">
                                            @if (!is_null($item->NOTICE_TAG))
                                                {!! Helper::web_getNoticeTag($item->NOTICE_TAG) !!}
                                            @endif
                                            @if (in_array(request()->server("HTTP_CF_IPCOUNTRY"), ["EG", "SA"]) || app()->getLocale() == "ar")
                                                {{ $item->TITLE_ARABIC }}
                                            @else
                                                {{ $item->NOTICE_TITLE }}
                                            @endif
                                        </a>
                                    </h2>
                                    <div class="nk-post-date">
                                       {{ \Helper::date_fullDate($item->REG_DATE) }} 
                                    </div>
                                    <div class="nk-post-text">
                                        <p class="text-truncate">
                                            {!! str_replace(["<br>", "</br>", "<p>", "</p>"], ' ', $item->NOTICE_TEXT) !!}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        @empty
                            {{ __("index.noNewsFound") }}
                            <div class="nk-gap-1"></div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="nk-gap-1"></div>
    <div class="nk-box">
        <div class="container p-0">
            <div class="row no-gutters">
                <div class="col-12">
                    <div class="nk-info-box nk-info-box-sm bg-main-1 a-fix rounded">
                        <div class="nk-info-box-icon"><i class="fa fa-fw fa-exclamation-circle"></i></div>
                        {{ __("index.infosUpdateAlert") }} <strong>{{ __("common._dayTime.everyDay") }} {{ __("common.at") }} {{ __("common._dayTime.midNight") }}</strong>.
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="nk-box bg-dark-2 block-shadow rounded p-20 text-center" style="border: 1px solid rgba(255,192,0,0.5);">
                        <h4>{{ __("index.topFiveRankedSD") }}</h4>
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th><i class="ion ion-trophy text-warning"></i></th>
                                <th><img src="{{ asset("assets/images/cf-logo.png") }}" height="16" alt="CrossFire" /></th>
                                <th>NICK</th>
                                <th>SCORE</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse ($topfive_ranked as $user)
                                @if (is_null($user->user))
                                    @continue
                                @endif
                                <tr>
                                    <td class="text-warning">{{ $loop->index + 1 }}</td>
                                    <td>
                                        <img src="/assets/images/ranks/ranked/{{ $user->MEDAL }}.png" width="32" height="32" class="img-fluid" alt="rank" data-tippy="{{ Helper::game_getRankedTitle($user->MEDAL) }}" data-tippy-arrow="true">
                                    </td>
                                    <td><a href="{{ route('profile', $user->user->USN) }}">{{ $user->user->NICK }}</a></td>
                                    <td class="text-warning">{{ number_format($user->RANK_SCORE) }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4">{{ __("common.noPlayersFound") }}</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                {{--<div class="col-md-4">
                </div>--}}
                <div class="col-md-6">
                    <div class="nk-box bg-dark-2 block-shadow rounded p-20 ml-10 text-center" style="border: 1px solid rgba(255,192,0,0.5);">
                        <h4>{{ __("index.topFivePlayers") }}</h4>
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th><i class="ion ion-trophy text-warning"></i></th>
                                    <th><img src="{{ asset("assets/images/cf-logo.png") }}" height="16" alt="CrossFire" /></th>
                                    <th>NICK</th>
                                    <th>EXP</th>
                                </tr>
                            </thead>
                            <tbody>
                            @forelse ($topfive as $user)
                                <tr>
                                    <td class="text-warning">{{ $loop->index + 1 }}</td>
                                    <td><img src="/assets/images/ranks/rank_{{ $user->LEV + 1 }}.jpg" width="32" height="32" alt="rank"></td>
                                    <td><a href="{{ route('profile', $user->USN) }}">{{ $user->NICK }}</a></td>
                                    <td class="text-warning">{{ number_format($user->EXP) }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4">{{ __("common.noPlayersFound") }}</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="nk-gap-2"></div>
        </div>
    </div>
@endsection