@extends('shaun_core::admin.layouts.master')

@section('content')
<div class="admin-grid-block-cont">
    <div class="row">
        @if(auth()->user()->isSuperAdmin())
            <div class="col-md-6">
                <div class="admin-card">
                    <div class="admin-card-top">
                        <h5 class="admin-card-top-title"><a @hasPermission('admin.user.manage') href="{{route('admin.user.index')}}" @endHasPermission>{{__('Users')}}</a></h5>
                    </div>
                    <div class="admin-card-number">{{formatNumberNoRound($userCount)}}</div>
                    <div class="admin-card-body">
                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label">{{__('Online')}}</span>
                                <div class="admin-progress-top-number">{{formatNumberNoRound($userOnlineCount)}}/{{formatNumberNoRound($userCount)}}</div>
                            </div>
                            <div class="admin-progress progress">
                                @php
                                    $percent = round($userOnlineCount/$userCount,2)*100;
                                @endphp
                                <div class="progress-bar" style="width: {{$percent}}%" ></div>
                            </div>
                        </div>
                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label">{{__('Last online 15 days ago')}}</span>
                                <div class="admin-progress-top-number">{{formatNumberNoRound($userActiveCount)}}/{{formatNumberNoRound($userCount)}}</div>
                            </div>
                            <div class="admin-progress progress">
                                @php
                                    $percent = round($userActiveCount/$userCount,2)*100;
                                @endphp
                                <div class="progress-bar" style="width: {{$percent}}%" ></div>
                            </div>
                        </div>
                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label">{{__('Last online more than 15 days')}}</span>
                                <div class="admin-progress-top-number">{{formatNumberNoRound($userInActiveCount)}}/{{formatNumberNoRound($userCount)}}</div>
                            </div>
                            <div class="admin-progress progress">
                                @php
                                    $percent = round($userInActiveCount/$userCount,2)*100;
                                @endphp
                                <div class="progress-bar" style="width: {{$percent}}%" ></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="admin-card">
                    <div class="admin-card-top">
                        <h5 class="admin-card-top-title"><a @hasPermission('admin.user_page.manage') href="{{route('admin.user_page.index')}}" @endHasPermission>{{__('Pages')}}</a></h5>
                    </div>
                    <div class="admin-card-number">{{formatNumberNoRound($pageCount)}}</div>
                    <div class="admin-card-body">
                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label">{{__('Online')}}</span>
                                <div class="admin-progress-top-number">{{formatNumberNoRound($pageOnlineCount)}}/{{formatNumberNoRound($pageCount)}}</div>
                            </div>
                            <div class="admin-progress progress">
                                @php
                                    $percent = 0;
                                    if ($pageCount) {
                                        $percent = round($pageOnlineCount/$pageCount,2)*100;
                                    }
                                @endphp
                                <div class="progress-bar" style="width: {{$percent}}%" ></div>
                            </div>
                        </div>
                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label">{{__('Last online 15 days ago')}}</span>
                                <div class="admin-progress-top-number">{{formatNumberNoRound($pageActiveCount)}}/{{formatNumberNoRound($pageCount)}}</div>
                            </div>
                            <div class="admin-progress progress">
                                @php
                                    $percent = 0;
                                    if ($pageCount) {
                                        $percent = round($pageActiveCount/$pageCount,2)*100;
                                    }
                                @endphp
                                <div class="progress-bar" style="width: {{$percent}}%" ></div>
                            </div>
                        </div>
                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label">{{__('Last online more than 15 days')}}</span>
                                <div class="admin-progress-top-number">{{formatNumberNoRound($pageInActiveCount)}}/{{formatNumberNoRound($pageCount)}}</div>
                            </div>
                            <div class="admin-progress progress">
                                @php
                                    $percent = 0;
                                    if ($pageCount) {
                                        $percent = round($pageInActiveCount/$pageCount,2)*100;
                                    }
                                @endphp
                                <div class="progress-bar" style="width: {{$percent}}%" ></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="admin-card">
                    <div class="admin-card-top">
                        <h5 class="admin-card-top-title">{{__('Site Info')}}</h5>
                    </div>
                    <div class="admin-card-body">
                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label"><a @hasPermission('admin.storage.manage') href="{{route('admin.storage.index')}}" @endHasPermission >{{__('Files')}}</a></span>
                                <div class="admin-progress-top-number">{{$fileCount}}</div>
                            </div>
                            <hr>
                        </div>
                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label">{{__('Posts')}}</span>
                                <div class="admin-progress-top-number">{{$postCount}}</div>
                            </div>
                            <hr>
                        </div>
                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label"><a @hasPermission('admin.group.manage') href="{{route('admin.group.index')}}" @endHasPermission >{{__('Groups')}}</a></span>
                                <div class="admin-progress-top-number">{{$groupCount}}</div>
                            </div>
                            <hr>
                        </div>
                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label"><a @hasPermission('admin.hashtag.manage') href="{{route('admin.hashtag.index')}}" @endHasPermission >{{__('Hashtags')}}</a></span>
                                <div class="admin-progress-top-number">{{$hashtagCount}}</div>
                            </div>
                            <hr>
                        </div>
                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label"><a @hasPermission('admin.report.manage') href="{{route('admin.report.index')}}" @endHasPermission >{{__('Reports')}}</a></span>
                                <div class="admin-progress-top-number">{{$reportCount}}</div>
                            </div>
                            <hr>
                        </div>

                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label"><a @hasPermission('admin.market_place.manage_listings') href="{{route('admin.market_place.listing.index')}}" @endHasPermission >{{__('Listings')}}</a></span>
                                <div class="admin-progress-top-number">{{$listingCount}}</div>
                            </div>
                            <hr>
                        </div>

                        @if(setting('shaun_event.enable'))
                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label"><a @hasPermission('admin.event.manage') href="{{route('admin.event.index')}}" @endHasPermission >{{__('Events')}}</a></span>
                                <div class="admin-progress-top-number">{{$eventCount}}</div>
                            </div>
                        </div>
                        @endif

                        {{-- Plugin-contributed Site Info rows. Replaces the hardcoded
                             per-package count blocks core used to ship (e.g. the
                             pre-extraction Courses row that read $courseCount from
                             DashboardController::index). Each plugin's
                             ApplicationServiceProvider::boot() registers a filter:

                                 Hook::addFilter('admin.dashboard.site_info_rows',
                                     fn(array $rows) => array_merge($rows, [[
                                         'label'      => __('elearning::Courses'),
                                         'count'      => Course::count(),
                                         'permission' => 'admin.elearning.manage_courses',
                                         'route'      => 'admin.elearning.courses.index',
                                     ]]));

                             Same surface adds the rest (livestream, paid_content,
                             chat, …) without any further Blade edit per plugin. --}}
                        @foreach(\Packages\ShaunSocial\Plugins\Hook\Hook::applyFilters('admin.dashboard.site_info_rows', []) as $pluginRow)
                        <hr>
                        <div class="admin-progress-wrap">
                            <div class="admin-progress-top">
                                <span class="admin-progress-top-label">
                                    @if(!empty($pluginRow['route']) && !empty($pluginRow['permission']))
                                        @hasPermission($pluginRow['permission'])
                                            <a href="{{ route($pluginRow['route']) }}">{{ $pluginRow['label'] }}</a>
                                        @else
                                            {{ $pluginRow['label'] }}
                                        @endHasPermission
                                    @elseif(!empty($pluginRow['route']))
                                        <a href="{{ route($pluginRow['route']) }}">{{ $pluginRow['label'] }}</a>
                                    @else
                                        {{ $pluginRow['label'] }}
                                    @endif
                                </span>
                                <div class="admin-progress-top-number">{{ $pluginRow['count'] ?? 0 }}</div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="admin-card">
                    <div class="admin-card-top">
                        <h5 class="admin-card-top-title"><a @hasPermission('admin.user.manage') href="{{route('admin.user.index')}}" @endHasPermission>{{__('Users')}}</a></h5>
                    </div>
                    <div>
                        <canvas id="userChart"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="admin-card">
                    <div class="admin-card-top">
                        <h5 class="admin-card-top-title"><a @hasPermission('admin.user_page.manage') href="{{route('admin.user_page.index')}}" @endHasPermission>{{__('Pages')}}</a></h5>
                    </div>
                    <div>
                        <canvas id="pageChart"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="admin-card">
                    <div class="admin-card-top">
                        <h5 class="admin-card-top-title">
                            {{__('Posts')}}
                        </h5>
                    </div>
                    <div>
                        <canvas id="postChart"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="admin-card">
                    <div class="admin-card-top">
                        <h5 class="admin-card-top-title">
                            <a @hasPermission('admin.report.manage') href="{{route('admin.report.index')}}" @endHasPermission >{{__('Reports')}}</a>
                        </h5>
                    </div>
                    <div>
                        <canvas id="reportChart"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="admin-card">
                    <div class="admin-card-top">
                        <h5 class="admin-card-top-title">
                            {{__('Groups')}}
                        </h5>
                    </div>
                    <div>
                        <canvas id="groupChart"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="admin-card">
                    <div class="admin-card-top">
                        <h5 class="admin-card-top-title">
                            {{__('Listings')}}
                        </h5>
                    </div>
                    <div>
                        <canvas id="listingChart"></canvas>
                    </div>
                </div>
            </div>
            @if(setting('shaun_event.enable'))
            <div class="col-md-6">
                <div class="admin-card">
                    <div class="admin-card-top">
                        <h5 class="admin-card-top-title">
                            <a @hasPermission('admin.event.manage') href="{{route('admin.event.index')}}" @endHasPermission >{{__('Events')}}</a>
                        </h5>
                    </div>
                    <div>
                        <canvas id="eventChart"></canvas>
                    </div>
                </div>
            </div>
            @endif
            @hasPermission('admin.setting.site,admin.setting.general')
                <div class="col-md-12">
                    <div class="admin-card">
                        <div class="admin-card-top">
                            <h5 class="admin-card-top-title">{{__('Notes')}}</h5> 
                        </div>
                        <div class="admin-card-body">
                            <textarea id="note" class="form-control" rows="5" placeholder="{{__('Please enter your notes')}}">{{setting('site.note')}}</textarea>
                        </div>
                    </div>
                </div>
            @endHasPermission
        @else
            <div class="col-md-12">
                <div class="admin-card text-center py-5">
                    <h5 class="mb-0">{{__('Welcome to admin dashboard')}}</h5>
                </div>
            </div>
        @endif
    </div>
</div>
@stop

@push('scripts-body')
<script src="{{asset('admin/js/lib/chart.js')}}"></script>
<script src="{{ asset('admin/js/dashboard.js') }}"></script>
<script>
    adminDashboard.init('{{ route('admin.setting.store')}}', '{{ route('admin.dashboard.chart')}}');
</script>
@endpush