@extends('admin.layouts.main')

@section('title')
    Dashboard
@endsection

@section('content')

    <main class="dashboard-page">

        <loading :active.sync="isLoading"></loading>

        <div class="two-col">

            @include("admin.common.sidebar")

            <div class="right-sec" v-cloak>

                <div class="top-bar d-flex justify-content-between">
                    <div class="form-group select btm-arrow without-label d-flex align-items-center">
                        <label class="mb-0 mr-2 text-nowrap" for="category">Select Dashboard</label>
                        <select class="form-control" id="dashboard-select"
                                onchange="javascript:location.href = this.value;">
                            <option hidden="hidden">Select</option>
                            @permission(['dashboard-jobs-read'], false)
                            <option
                                value="{{ route('admin.dashboard.index', ['panel' => session('panel')]) }}?filter=jobs">
                                Jobs
                            </option>
                            @endpermission
                            @permission(['dashboard-candidates-read'], false)
                            <option
                                value="{{ route('admin.dashboard.index', ['panel' => session('panel')]) }}?filter=candidates">
                                Candidate
                            </option>
                            @endpermission
                            @permission(['dashboard-referees-read'], false)
                            <option
                                value="{{ route('admin.dashboard.index', ['panel' => session('panel')]) }}?filter=referees">
                                Referee
                            </option>
                            @endpermission
                            @permission(['dashboard-super-seniors-read'], false)
                            <option
                                value="{{ route('admin.dashboard.index', ['panel' => session('panel')]) }}?filter=super_senior"
                                selected>Super
                                Senior
                            </option>
                            @endpermission
                        </select>
                    </div>

                </div>

                <super-senior-stats></super-senior-stats>

                <div class="row">

                    <super_seniors_accepted></super_seniors_accepted>
                    <super_seniors_rejected></super_seniors_rejected>
                    <super_seniors_pending></super_seniors_pending>

                </div>


            </div>
        </div>
    </main>

@endsection

@push('pageJs')
    <script>
        var super_senior_statsUrl = "{{route('admin.dashboard.superSeniorStats', ['panel' => Session::get('panel')])}}";
        var super_senior_pendingUrl = "{{route('admin.dashboard.superSeniorPending', ['panel' => Session::get('panel')])}}";
        var super_senior_acceptedUrl = "{{route('admin.dashboard.superSeniorAccepted', ['panel' => Session::get('panel')])}}";
        var super_senior_rejectedUrl = "{{route('admin.dashboard.superSeniorRejected', ['panel' => Session::get('panel')])}}";
        var start_date = '';
        var end_date = '';
    </script>

    <script type="text/javascript" src="{{ asset('js/admin/dashboard/super_senior_stats.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/admin/dashboard/super_senior_accepted.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/admin/dashboard/super_senior_rejected.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/admin/dashboard/super_senior_pending.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/admin/dashboard/dashboard.js') }}"></script>

@endpush