@extends('layouts.dashboard')

@section('css')
    <link rel="stylesheet" href="/plugins/chartist/css/chartist.min.css">
    <link rel="stylesheet" href="/plugins/morris/morris.css">
@endsection

@section('page-title'){{ __('BackOffice Dashboard') }}@endsection

@section('menu'){{ __('Dashboard') }}@endsection

@section('content')
    <form action="/new-dashboard" method="GET" class="search">
        <div class="content-page">
            <!-- Start content -->
            <div class="content">
                <div class="container-fluid">
                    <!-- start page title -->
                    <div class="page-title-box">
                        <div class="row align-items-center">
                            <div class="col-4">
                                <h6 class="page-title">
                                    @lang('Dashboard')
                                </h6>
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item active" aria-current="page">
                                        @lang('Summary')
                                    </li>
                                </ol>
                            </div>
                            <div class="col-8">
                                <div class="float-right">

                                    <div class="btn-group btn-group-toggle" data-toggle="buttons">
                                        <label class="btn btn-outline-secondary {{ request()->get('date') === 'today' ? 'focus active' : '' }}">
                                            <input type="radio" id="date" name="date"
                                                   value="today" {{ request()->get('date') === 'today' ? 'focus active' : ''  }}">
                                            @lang('Today')
                                        </label>
                                        <label
                                            class="btn btn-outline-secondary {{ request()->get('date') === 'yesterday' ? 'focus active' : '' }}">
                                            <input type="radio" id="date" name="date"
                                                   value="yesterday" {{ request()->get('date') === 'yesterday' ? 'checked' : '' }}">
                                            @lang('Yesterday')
                                        </label>
                                        <label
                                            class="btn btn-outline-secondary {{ request()->get('date') === 'this_week' ? 'focus active' : '' }}">
                                            <input type="radio" id="date" name="date"
                                                   value="this_week" {{ request()->get('date') === 'this_week' ? 'checked' : '' }}">
                                            @lang('This Week')
                                        </label>
                                        <label
                                            class="btn btn-outline-secondary {{ request()->get('date') === 'last_week' ? 'focus active' : '' }}">
                                            <input type="radio" id="date" name="date"
                                                   value="last_week" {{ request()->get('date') === 'last_week' ? 'checked' : '' }}">
                                            @lang('Last Week')
                                        </label>
                                        <label
                                            class="btn btn-outline-secondary {{ request()->get('date') === 'this_month' ? 'focus active' : '' }}">
                                            <input type="radio" id="date" name="date"
                                                   value="this_month" {{ request()->get('date') === 'this_month' ? 'checked' : '' }}">
                                            @lang('This Month')
                                        </label>
                                        <label
                                            class="btn btn-outline-secondary {{ request()->get('date') === 'last_month' ? 'focus active' : '' }}">
                                            <input type="radio" id="date" name="date"
                                                   value="last_month" {{ request()->get('date') === 'last_month' ? 'checked' : '' }}">
                                            @lang('Last Month')
                                        </label>
                                        <label
                                            class="btn btn-outline-secondary {{ request()->get('date') === 'last_six_months' ? 'focus active' : '' }}">
                                            <input type="radio" id="date" name="date"
                                                   value="last_six_months" {{ request()->get('date') === 'last_six_months' ? 'checked' : '' }}">
                                            @lang('Last Six Months')
                                        </label>
                                    </div>
                                    <div class="btn-group ml-3">
                                        <button class="btn btn-secondary" id="refreshDashboard">
                                            @lang('Generate')
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end page title -->
                    <div class="row">
                        @foreach ($reports as $key => $report)
                            <div class="col-6">
                                <div class="card" id="{{$key}}">
                                    <div class="card-body">
                                        <h5 class="card-title font-16 mb-4 d-flex justify-content-between align-items-center">
                                            {{ $report['title'] }}
                                        </h5>
                                        @if (isset($report['chart']['labels'], $report['chart']['datasets']))
                                            <div class="chart-container" style="position: relative; min-height:40vh; z-index:1;">
                                                <canvas id="{{$key}}Chart" class="morris-charts "></canvas>
                                            </div>
                                        @else
                                            <div class="alert alert-danger" role="alert">
                                                No Results!
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endforeach

                        <div class="col-xl-12">
                            <div class="card">
                                <div class="card-body">
                                    <h3 class="card-title font-16 mb-4">
                                        @lang('Analytics')
                                    </h3>
                                    <!-- Nav tabs -->
                                    <ul class="nav nav-tabs" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" data-toggle="tab" href="#bet" role="tab">
                                                <span class="d-block d-sm-none">
                                                    <i class="fas fa-home"></i>
                                                </span>
                                                <span class="d-none d-sm-block">
                                                    @lang('Top Bet')
                                                </span>
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" href="#won" role="tab">
                                                <span class="d-block d-sm-none">
                                                    <i class="far fa-user"></i>
                                                </span>
                                                <span class="d-none d-sm-block">
                                                    @lang('Top Winners')
                                                </span>
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" href="#lost" role="tab">
                                                <span class="d-block d-sm-none">
                                                    <i class="far fa-envelope"></i>
                                                </span>
                                                <span class="d-none d-sm-block">
                                                    @lang('Top Losers')
                                                </span>
                                            </a>
                                        </li>
                                    </ul>

                                    <!-- Tab panes -->
                                    <div class="tab-content">
                                        <div class="tab-pane active p-3" id="bet" role="tabpanel">
                                            <div class="table-responsive">
                                                <table class="table table-hover table-centered table-nowrap mb-0">
                                                    <thead>
                                                    <tr>
                                                        <th scope="col">
                                                            @lang('Partner')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('Skin')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('User')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('Total Bet')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('Total Win')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('Total GGR')
                                                        </th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach (data_get($players, 'bets') as $bet)
                                                        <tr>
                                                            <th scope="row">
                                                                {{ data_get($bet, 'name') }}
                                                            </th>
                                                            <td>
                                                                {{ data_get($bet, 'description') }}
                                                            </td>
                                                            <td>
                                                                {{ data_get($bet, 'extern_username') }}
                                                                <small>
                                                                    {{ data_get($bet, 'userid') }}
                                                                </small>
                                                            </td>
                                                            <td>
                                                                {{ data_get($bet, 'bet') }}
                                                            </td>
                                                            <td>
                                                                {{ data_get($bet, 'win') }}
                                                            </td>
                                                            <td>
                                                                {{ data_get($bet, 'ggr') }}
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="tab-pane p-3" id="won" role="tabpanel">
                                            <div class="table-responsive">
                                                <table class="table table-hover table-centered table-nowrap mb-0">
                                                    <thead>
                                                    <tr>
                                                        <th scope="col">
                                                            @lang('Partner')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('Skin')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('User')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('Total Bet')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('Total Win')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('Total GGR')
                                                        </th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach (data_get($players, 'winners') as $winner)
                                                        <tr>
                                                            <th scope="row">
                                                                {{ data_get($winner, 'name') }}
                                                            </th>
                                                            <td>
                                                                {{ data_get($winner, 'description') }}
                                                            </td>
                                                            <td>
                                                                {{ data_get($winner, 'extern_username') }}
                                                                <small>
                                                                    {{ data_get($winner, 'userid') }}
                                                                </small>
                                                            </td>
                                                            <td>
                                                                {{ data_get($winner, 'bet') }}
                                                            </td>
                                                            <td>
                                                                {{ data_get($winner, 'win') }}
                                                            </td>
                                                            <td>
                                                                {{ data_get($winner, 'ggr') }}
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="tab-pane p-3" id="lost" role="tabpanel">
                                            <div class="table-responsive">
                                                <table class="table table-hover table-centered table-nowrap mb-0">
                                                    <thead>
                                                    <tr>
                                                        <th scope="col">
                                                            @lang('Partner')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('Skin')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('User')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('Total Bet')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('Total Win')
                                                        </th>
                                                        <th scope="col">
                                                            @lang('Total GGR')
                                                        </th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach (data_get($players, 'losers') as $loser)
                                                        <tr>
                                                            <th scope="row">
                                                                {{ data_get($loser, 'name') }}
                                                            </th>
                                                            <td>
                                                                {{ data_get($loser, 'description') }}
                                                            </td>
                                                            <td>
                                                                {{ data_get($loser, 'extern_username') }}
                                                                <small>
                                                                    {{ data_get($loser, 'userid') }}
                                                                </small>
                                                            </td>
                                                            <td>
                                                                {{ data_get($loser, 'bet') }}
                                                            </td>
                                                            <td>
                                                                {{ data_get($loser, 'win') }}
                                                            </td>
                                                            <td>
                                                                {{ data_get($loser, 'ggr') }}
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- container-fluid -->
        </div>
    </form>
    <!-- content -->
@endsection
@section('script')
    <script src="/assets/js/common/tree.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('[data-toggle="tooltip"]').tooltip({
                'html' : true,
            })
        })
        $(document).ready(function () {
            @foreach($reports as $key => $report)
            @if (isset($report['chart']['labels'], $report['chart']['datasets']))
                let {{$key}} = document.getElementById("{{$key}}Chart").getContext("2d");
                let {{$key}}Chart = new Chart({{$key}}, {
                    type: '{{ $report['type'] }}',
                    data: {
                        labels: @json($report['chart']['labels']),
                        datasets: @json($report['chart']['datasets']),
                    },
                    options: {
                        responsive: true,
                    }
                });
            @endif
            @endforeach
        })

    </script>
@endsection