@extends('layout.main')

@section('styles')
    {!! Html::style('css/jvectormap/jquery-jvectormap-1.2.2.css') !!}
    {!! Html::style('css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css') !!}
@stop

@section('content')
    @if($bfacp->isLoggedIn && Auth::user()->ability(null, 'admin.site.motd') && !empty(Config::get('bfacp.site.motd')))
        <div class="row">
            <div class="col-xs-12">
                <div class="box box-info">
                    <div class="box-header">
                        <h3 class="box-title">{{ trans('common.motd') }}</h3>
                    </div>

                    <div class="box-body">
                        {!! Config::get('bfacp.site.motd') !!}
                    </div>
                </div>
            </div>
        </div>
    @endif

    <div ng-controller="DashboardController">
        <div class="row">
            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="info-box">
                    <span class="info-box-icon" ng-class="populationColor(results.population.percentage, true)"><i class="ion ion-ios-people-outline"></i></span>

                    <div class="info-box-content">
                        <span class="info-box-text">{{ trans('dashboard.metro.players_online') }}</span>
                    <span class="info-box-number">
                        <span count-to="@{{ results.population.online }}" value="@{{ results.population.old.online }}" duration="1"></span>&nbsp;/
                        <span count-to="@{{ results.population.total }}" value="@{{ results.population.old.total }}" duration="1"></span>
                    </span>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="info-box">
                    <span class="info-box-icon bg-green"><i class="ion ion-stats-bars"></i></span>

                    <div class="info-box-content">
                        <span class="info-box-text">{{ trans('dashboard.metro.player_count') }}</span>
                    <span class="info-box-number">
                        <span count-to="{{ $uniquePlayers }}" value="0" duration="3"></span>
                    </span>
                    </div>
                </div>
            </div>

            <div class="clearfix visible-sm-block"></div>

            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="info-box">
                    <span class="info-box-icon bg-red"><i class="ion ion-hammer"></i></span>

                    <div class="info-box-content">
                        <span class="info-box-text">{{ trans('dashboard.metro.average_bans') }}</span>
                    <span class="info-box-number">
                        <span count-to="@{{ results.banstats.average }}" value="0" duration="1"></span>
                    </span>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="info-box">
                    <span class="info-box-icon bg-red"><i class="ion ion-hammer"></i></span>

                    <div class="info-box-content">
                        <span class="info-box-text">{{ trans('dashboard.metro.yesterday_bans') }}</span>
                    <span class="info-box-number">
                        <span count-to="@{{ results.banstats.yesterday }}" value="0" duration="1"></span>
                    </span>
                    </div>
                </div>
            </div>

        </div>

        <div class="row">
            <div class="col-xs-12 col-sm-6 col-lg-3">
                <div class="info-box bg-navy disabled">
                    <span class="info-box-icon">&#9760;</span>

                    <div class="info-box-content">
                        <span class="info-box-text">{{ trans('dashboard.metro.adkats.titles.killed') }}</span>
                        <span class="info-box-number" ng-bind="{{ (int) $adkats_statistics->PercentageKilled }} | number"></span>

                        <div class="progress">
                            <div class="progress-bar" style="width: {{ MainHelper::percent($adkats_statistics->PercentageKilled, $uniquePlayers) }}%"></div>
                        </div>
                    <span class="progress-description">
                    {{ trans('dashboard.metro.adkats.killed', [
                        'killed' => MainHelper::percent($adkats_statistics->PercentageKilled, $uniquePlayers)
                    ]) }}
                    </span>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-6 col-lg-3">
                <div class="info-box bg-navy disabled">
                    <span class="info-box-icon"><i class="fa fa-trash"></i></span>

                    <div class="info-box-content">
                        <span class="info-box-text">{{ trans('dashboard.metro.adkats.titles.kicked') }}</span>
                        <span class="info-box-number" ng-bind="{{ (int) $adkats_statistics->PercentageKicked }} | number"></span>

                        <div class="progress">
                            <div class="progress-bar" style="width: {{ MainHelper::percent($adkats_statistics->PercentageKicked, $uniquePlayers) }}%"></div>
                        </div>
                    <span class="progress-description">
                    {{ trans('dashboard.metro.adkats.kicked', [
                        'kicked' => MainHelper::percent($adkats_statistics->PercentageKicked, $uniquePlayers)
                    ]) }}
                    </span>
                    </div>
                </div>
            </div>

            <div class="clearfix visible-sm-block"></div>

            <div class="col-xs-12 col-sm-6 col-lg-3">
                <div class="info-box bg-navy disabled">
                    <span class="info-box-icon"><i class="ion ion-hammer"></i></span>

                    <div class="info-box-content">
                        <span class="info-box-text">{{ trans('dashboard.metro.adkats.titles.banned') }}</span>
                        <span class="info-box-number" ng-bind="{{ (int) $adkats_statistics->PercentageBanned }} | number"></span>

                        <div class="progress">
                            <div class="progress-bar" style="width: {{ MainHelper::percent($adkats_statistics->PercentageBanned, $uniquePlayers) }}%"></div>
                        </div>
                    <span class="progress-description">
                    {{ trans('dashboard.metro.adkats.banned', [
                        'banned' => MainHelper::percent($adkats_statistics->PercentageBanned, $uniquePlayers)
                    ]) }}
                    </span>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-6 col-lg-3">
                <div class="info-box bg-navy disabled">
                    <span class="info-box-icon"><i class="fa fa-frown-o"></i></span>

                    <div class="info-box-content">
                        <span class="info-box-text">{{ trans('dashboard.metro.adkats.titles.banned_active') }}</span>
                        <span class="info-box-number" ng-bind="{{ (int) $adkats_statistics->PercentageBanned_Active }} | number"></span>

                        <div class="progress">
                            <div class="progress-bar" style="width: {{ MainHelper::percent($adkats_statistics->PercentageBanned_Active, $uniquePlayers) }}%"></div>
                        </div>
                    <span class="progress-description">
                    {{ trans('dashboard.metro.adkats.banned_active', [
                        'banned' => MainHelper::percent($adkats_statistics->PercentageBanned_Active, $uniquePlayers)
                    ]) }}
                    </span>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div ng-include="'js/templates/serverpopulation.html'" onload="population()"></div>
        </div>

        <div class="row">
            <div class="col-xs-12 col-lg-6">
                <div class="box box-solid bg-light-blue-gradient">
                    <div class="box-header">
                        <i class="fa fa-map-marker"></i>

                        <h3 class="box-title">
                            {{ trans('dashboard.players_seen_country_past_day.title') }}
                        </h3>
                    </div>

                    <div class="box-body">
                        <div id="player-world-map" style="height: 350px"></div>
                    </div>

                    <div class="box-footer no-border" style="color: black">
                        <table class="table table-condensed table-striped">
                            <thead>
                            <th>{{ trans('dashboard.players_seen_country_past_day.table.col1') }}</th>
                            <th>{{ trans('dashboard.players_seen_country_past_day.table.col2') }}</th>
                            <th>{{ trans('dashboard.players_seen_country_past_day.table.col3') }}</th>
                            <th>&nbsp;</th>
                            </thead>

                            <tbody>
                            @foreach($countryMapTable as $country)
                                <tr>
                                    <td>
                                        {!! Html::image(sprintf('images/flags/24/%s.png', strtoupper($country->CC)), MainHelper::countries($country->CC)) !!}
                                        {{ MainHelper::countries($country->CC) }}
                                    </td>
                                    <td ng-bind="{{ (int) $country->Cur }} | number"></td>
                                    <td ng-bind="{{ (int) $country->Past }} | number"></td>
                                    <td>
                                        @if($country->ISNEG)
                                        <i class="fa fa-arrow-down text-red" aria-hidden="true"></i>
                                        @else
                                        <i class="fa fa-arrow-up text-green" aria-hidden="true"></i>
                                        @endif
                                        {{ $country->Rate }}
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-lg-6">
                <div class="box box-solid">
                    <div class="box-header">
                        <h3 class="box-title">
                            {{ trans('dashboard.online_admin') }}
                        </h3>
                    </div>

                    <div class="box-body" ng-include="'js/templates/onlineadmins.html'" onload="onlineAdmins()"></div>
                </div>
            </div>

            <div class="col-xs-12 col-lg-6">
                <div class="box box-solid">
                    <div class="box-header">
                        <h3 class="box-title">
                            {{ trans('dashboard.online_watchlist') }}
                        </h3>
                    </div>

                    <div class="box-body" ng-include="'js/templates/onlinewatchlist.html'" onload="onlineWatchlist()"></div>
                </div>
            </div>

            @if($bfacp->isLoggedIn && Auth::user()->ability(null, 'admin.adkats.reports.view'))
            <div class="col-xs-12 col-lg-6">
                <div class="box box-solid">
                    <div class="box-header">
                        <h3 class="box-title">
                            Latest Reported Players (2 Weeks)
                        </h3>
                    </div>

                    <div class="box-body">
                        <table class="table table-condensed table-striped">
                            <thead>
                                <th>Player</th>
                                <th>Total</th>
                                <th>Most Recent</th>
                                <th width="50%">Reason</th>
                            </thead>

                            <tbody>
                                @foreach($latestReported as $player)
                                    <tr>
                                        <td>
                                            {!! link_to_route('player.show', $player->target_name, [$player->target_id, $player->target_name], ['target' => '_self']) !!}
                                        </td>
                                        <td>{{ $player->Total }}</td>
                                        <td>
                                            {!! \BFACP\Facades\Macros::moment(\Carbon\Carbon::parse($player->Recent)->toIso8601String()) !!}
                                            (<span class="text-blue">{!! \BFACP\Facades\Macros::moment(\Carbon\Carbon::parse($player->Recent)->toIso8601String(), null, null, true) !!}</span>)
                                        </td>
                                        <td>{{ $player->record_message }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            @endif
        </div>

        <div class="row">
            <div class="col-xs-12 col-lg-6">
                <div class="box box-info">
                    <div class="box-header with-border">
                        <h3 class="box-title">{{ trans('dashboard.bans.title') }}</h3>

                        <div class="box-tools pull-right">
                            <button class="btn btn-box-tool" ng-click="latestBans()" tooltip="Refresh" id="latest-ban-refresh-btn">
                                <i class="fa fa-refresh"></i></button>
                        </div>
                    </div>

                    <div class="box-body" ng-include="'js/templates/latestbans.html'" onload="latestBans()"></div>

                    <div class="overlay" ng-if="!loaded.bans">
                        <i class="fa fa-refresh fa-spin"></i>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-lg-6">
                <div class="box box-info">
                    <div class="box-header with-border">
                        <h3 class="box-title">{{ trans('dashboard.mutes.title') }}</h3>

                        <div class="box-tools pull-right">
                            <button class="btn btn-box-tool" ng-click="latestMutes()" tooltip="Refresh" id="latest-mute-refresh-btn">
                                <i class="fa fa-refresh"></i></button>
                        </div>
                    </div>

                    <div class="box-body" ng-include="'js/templates/latestmutes.html?v=111111123342'" onload="latestMutes()"></div>

                    <div class="overlay" ng-if="!loaded.mutes">
                        <i class="fa fa-refresh fa-spin"></i>
                    </div>
                </div>
            </div>

            <!-- Mutes -->

            @if(Config::get('bfacp.metabans.enabled'))
                <div class="col-xs-12 col-md-5 col-lg-6" ng-include="'js/templates/metabans.html'" onload="metabans()"></div>
            @endif
        </div>

        <div class="row">
            <div class="col-xs-12 col-lg-6">
                <div class="box box-info">
                    <div class="box-header">
                        <h3 class="box-title">
                            {{ trans('dashboard.admin_actions.title') }}
                        </h3>

                        <div class="box-tools pull-right">
                            <button class="btn btn-box-tool" ng-click="latestAdminActions()" tooltip="Refresh" id="latest-action-refresh-btn">
                                <i class="fa fa-refresh"></i></button>
                        </div>
                    </div>

                    <div class="box-body" ng-include="'js/templates/latestadminactions.html?v=111111123342'" onload="latestAdminActions()"></div>

                    <!-- Add boxes for the actions and add links to players -->

                    <div class="overlay" ng-if="!loaded.actions">
                        <i class="fa fa-refresh fa-spin"></i>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-lg-6">
                <div class="box box-info">
                    <div class="box-header">
                        <h3 class="box-title">
                            {{ trans('dashboard.latest_battlereports') }}
                        </h3>

                        <div class="box-tools pull-right">
                            <button class="btn btn-box-tool" ng-click="latestBattlereports()" tooltip="Refresh" id="latest-ban-refresh-btn">
                                <i class="fa fa-refresh"></i></button>
                        </div>
                    </div>

                    <div class="box-body" ng-include="'js/templates/latestbattlereports.html'" onload="latestBattlereports()"></div>

                    <div class="overlay" ng-if="!loaded.battlereports">
                        <i class="fa fa-refresh fa-spin"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('scripts')
    {!! Html::script('js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js') !!}
    {!! Html::script('js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js') !!}
    <script type="text/javascript">
        $(function () {
            var playerVisitorData = {!! json_encode($countryMap->pluck('Cur', 'CC')) !!};

            $('#player-world-map').vectorMap({
                map: 'world_mill_en',
                backgroundColor: "transparent",
                regionStyle: {
                    initial: {
                        fill: '#e4e4e4',
                        "fill-opacity": 1,
                        stroke: 'none',
                        "stroke-width": 0,
                        "stroke-opacity": 1
                    }
                },
                series: {
                    regions: [{
                        values: playerVisitorData,
                        scale: ["#ebf4f9", "#92c1dc"],
                        normalizeFunction: 'polynomial'
                    }]
                },
                onRegionLabelShow: function (e, el, code) {
                    if (typeof playerVisitorData[code] != "undefined")
                        el.html(el.html() + ': ' + playerVisitorData[code].toLocaleString() + ' players');
                }
            });
        });
    </script>
@stop