@extends('admin.layouts.main')

@section('title')
Ranking Report
@endsection

@section('content')

<main>

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

    <div class="two-col">
        @include("admin.common.sidebar")
        <div class="right-sec">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ @trans('report.reports') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ @trans('report.ranking_report') }}</li>
                </ol>
            </nav>
            <div class="top-bar d-flex align-items-center justify-content-between">
                <h2>Ranking</h2>
                <div class="right-table-container ml-auto">
                    <a href="javascript:void(0)" name="resetForm" id="resetForm" class="btn btn-bordered-primary float-right" 
                        @click="$refs.report_component.resetRankingReportForm()">{{ @trans('report.reset') }}</a>
                </div>
            </div>
            <ranking-report url="{{ route('admin.reports.getRankingReportDataByAjax', ['panel' => Session::get('panel')]) }}"
                ref="report_component"></ranking-report>
        </div>
    </div>
</main>
@endsection

@include('mpClient.modules.reports.rankingComponent')
@push('pageModals')
@include('admin.modules.report.manage_group_modal')
@include('admin.components.modal_delete_js')
@endpush

@push('pageJs')
<script src="{{ asset('js/vendor/chart.js') }}"></script>
<script>
    var getClientsByMpIdChartUrl = "{{ route('admin.reports.getClientsById',['panel' => Session::get('panel'), 'id' => Null]) }}";
    var getClientBranchesByMpIdChartUrl = "{{ route('admin.reports.getClientBranchesById',['panel' => Session::get('panel')]) }}";
    var getDataPointByDataTypeUrl = "{{ route('admin.reports.getDataPointByDataType',['panel' => Session::get('panel')]) }}";
    var storeReportManageGroupUrl = "{{ route('admin.reports.storeManageGroup',['panel' => Session::get('panel')]) }}";
    var deleteReportManageGroupUrl = "{{ route('admin.reports.deleteManageGroup',['panel' => Session::get('panel'), 'id' => null]) }}";
    var getCustomGroupsByMpIdUrl = "{{ route('admin.reports.getManageGroup',['panel' => Session::get('panel'), 'id' => null]) }}";
    var dateJs = '{{ config('custom.formats.date_js') }}';
</script>
<script type="text/javascript" src="{{ asset('js/vendor/vuelidate.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/vendor/validators.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/admin/reportManageGroupMixin.js') }}?date=20200826"></script>
<script type="text/javascript" src="{{ asset('js/admin/report.js') }}?date=20200826"></script>
@endpush