@extends('layouts.master')
@section('background-image', '/assets/images/download.jpg')
@section('bg-y', '-10px')
@section('content')
    <div class="nk-gap-5"></div>
    <div class="row">
        <div class="container">
            <div class="nk-tabs">
                <div class="bg-dark-2 block-border block-shadow rounded p-10">
                    <h2 class="display-4 text-center">{{ __("go.GlobalOperation") }} &middot; <span class="text-warning">{{ __("go.Season") }} {{ $info->GO_SEASON }}</span></h2>
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" href="#tab-missions" role="tab" data-toggle="tab">
                                {{ __("go.Missions") }}
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#tab-stats" role="tab" data-toggle="tab">
                                {{ __("go.Statistics") }}
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#tab-ranking" role="tab" data-toggle="tab">
                                {{ __("go.Ranking") }}
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content mt-10">
                    <div role="tabpanel" class="tab-pane fade show active" id="tab-missions">
                        <div class="bg-dark-2 block-border block-shadow rounded p-10" style="border: 1px solid {{ Session::get("goSide") == 'B' ? "rgba(209, 123, 19, 1)" : "rgba(0, 109, 167, 1)" }};">
                            <div class="row">
                                <div class="col-12">
                                    <div class="d-flex justify-content-between">
                                        <div>
                                            <img src="/assets/images/MapIcon/{{ $mission->MAP_ID }}.png" alt="map image" class="block-shadow" style="border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 4px;" />
                                            <div class="nk-typed map-text" data-loop="false" data-cursor="false"><span>{{ __("go.Location") }}</span></div>
                                        </div>
                                        <div>
                                            <div class="row">
                                                <div class="col-12 text-center">
                                                    <h4 class="nk-typed" data-loop="false" data-cursor="false" data-type-speed="90">
                                                        <span>{{ __("go.Operation") }} {{ $mission->MAP_NAME }}</span>
                                                    </h4>
                                                    <div>
                                                        {{ __("go.From") }} <span class="text-warning">{{ Helper::date_stringFormat($mission->MISSION_START_DATE) }}</span> {{ __("go.Until") }} <span class="text-warning">{{ Helper::date_stringFormat($mission->MISSION_END_DATE) }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="align-self-center">
                                            <img src="/assets/images/{{ Session::get("goSide") == 'B' ? "BL_OP2_O" : "GR_LOGO" }}.png" alt="team logo" style="width: 72px;" />
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="bg-dark-1 block-border block-shadow rounded p-20 mt-10">
                                        @if (Session::get("goSide") == 'B')
                                            {!! $mission->MAP_BRIEFING_BL !!}
                                        @else
                                            {!! $mission->MAP_BRIEFING_GR !!}
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-10">
                                <div class="col-12">
                                    <div class="table-responsive">
                                        <table class="table table-bordered mb-0">
                                            <thead class="thead-default text-center">
                                                <tr>
                                                    <th style="width: 50px;">#</th>
                                                    <th></th>
                                                    <th>{{ __("go.Mode") }}</th>
                                                    <th style="width: 50px;">{{ __("go.Kill") }}</th>
                                                    <th style="width: 50px;">{{ __("go.Death") }}</th>
                                                    <th style="width: 50px;">{{ __("go.Assist") }}</th>
                                                    <th style="width: 85px;">{{ __("go.KD") }}</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class="text-center">
                                                        1
                                                    </td>
                                                    <td class="text-warning" style="width: 10px;">
                                                        <span class="icon" data-tippy="Normal" data-tippy-arrow="true"><span class="ion-person"></span></span>
                                                    </td>
                                                    <td>
                                                        <span>
                                                            {{ __("go.ModeOfMission") }}
                                                        </span>
                                                    </td>
                                                    <td class="text-center">
                                                        321
                                                    </td>
                                                    <td class="text-center">
                                                        123
                                                    </td>
                                                    <td class="text-center">
                                                        12
                                                    </td>
                                                    <td class="text-center">
                                                        1.0
                                                    </td>
                                                    <td class="text-center" style="width: 20px;">
                                                        <span class="icon text-success" data-tippy="Vitória" data-tippy-arrow="true">
                                                            <span class="ion-checkmark"></span>
                                                        </span>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="tab-stats">
                        <div class="bg-dark-2 block-border block-shadow rounded p-10" style="border: 1px solid {{ Session::get("goSide") == 'B' ? "rgba(209, 123, 19, 0.8)" : "rgba(0, 109, 167, 0.8)" }};">
                            <table class="table table-bordered mb-0">
                                <thead class="thead-default text-center">
                                    <tr>
                                        <th>POS</th>
                                        <th>{{ __("go.ModeOfMission") }}</th>
                                        <th>{{ __("go.Kill") }}</th>
                                        <th>{{ __("go.Death") }}</th>
                                        <th>{{ __("go.Win") }}</th>
                                        <th>{{ __("go.Lose") }}</th>
                                        <th>{{ __("go.EnlistedAt") }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>{{ $user->USR_POS }}</td>
                                        <td>
                                            @if (\Session::get('goSide') == 'B')
                                                <span class="text-warning">Black List</span>
                                            @else
                                                <span class="text-info">Global Risk</span>
                                            @endif
                                        </td>
                                        <td>{{ $user->USR_KILL }}</td>
                                        <td>{{ $user->USR_DEATH }}</td>
                                        <td>{{ $user->USR_WIN }}</td>
                                        <td>{{ $user->USR_LOSE }}</td>
                                        <td>{{ Helper::date_stringFormat($user->ENLIST_DATE, false) }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="tab-ranking">
                        <div class="bg-dark-2 block-border block-shadow rounded p-10" style="border: 1px solid {{ Session::get("goSide") == 'B' ? "rgba(209, 123, 19, 0.5)" : "rgba(0, 109, 167, 0.5)" }};">
                            <div class="nk-info-box bg-main-1 nk-info-box-sm rounded">
                                <div class="nk-info-box-icon"><i class="fal fa-fw fa-exclamation-circle"></i></div>
                                {{ __("go.RankingUpdate") }}
                            </div>
                            <table class="table table-bordered mb-0">
                                <thead class="thead-default text-center">
                                <tr>
                                    <th style="width: 10px;">POS</th>
                                    <th>{{ __("go.Nick") }}</th>
                                    <th>{{ __("go.Kill") }}</th>
                                    <th>{{ __("go.Death") }}</th>
                                    <th>{{ __("go.Win") }}</th>
                                    <th>{{ __("go.Lose") }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse ($ranking as $rank)
                                    <tr>
                                        <td class="text-center">{{ $loop->index + 1 }}</td>
                                        <td><a href="{{ route('profile', $rank->user->USN) }}">{{ $rank->user->NICK ?? "No Character" }}</a></td>
                                        <td>{{ $rank->USR_KILL }}</td>
                                        <td>{{ $rank->USR_DEATH }}</td>
                                        <td>{{ $rank->USR_WIN }}</td>
                                        <td>{{ $rank->USR_LOSE }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6">{{ __("go.NoRankingData") }}</td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="nk-gap-2"></div>
        </div>
    </div>
    <div class="nk-gap-4"></div>
@endsection