@extends('layouts.admin.app')

@section('page-title')
    {{ __('digisol-teach-dashboard') }}
@endSection

@section('page-nav-title')
    <div class="app-title">
        <div>
            <h1>{{ __('Dashboard') }}</h1>
            <p style="margin-left: 25px;">{{ __('digisol-teach-dashboard') }}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard.index') }}">{{ __('Dashboard') }}</a></li>
        </ul>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-md-6 col-lg-6 pointer" onclick="redirectToAdminUsers()">
            <div class="widget-small primary coloured-icon"><i class="icon fa-solid fa-person-chalkboard fa-3x"></i>
                <div class="info">
                    <h4>{{ __('Users') }}</h4>
                    <p><b>{{ $counter->users ?? 0 }}</b></p>
                </div>
            </div>
        </div>
        @if (hasPermissions('view-admin-control'))
            <div class="col-md-6 col-lg-6">
                <div class="widget-small primary coloured-icon pointer" onclick="redirectToAdmin()"><i
                        class="icon fa-solid fa-user-tie fa-3x" style="background: #1e7e34"></i>
                    <div class="info">
                        <h4>{{ __('Admins') }}</h4>
                        <p><b>{{ $counter->admins ?? 0 }}</b></p>
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection

@section('scripts')
    <script type="text/javascript">
        function redirectToAdminUsers() {
            window.location.href = "{{ route('admin.users.index', ['type' => 'u']) }}";
        }

        function redirectToAdmin() {
            window.location.href = "{{ route('admin.admins.index') }}";
        }
    </script>
@endsection