@extends('layout')
@section('content')
    <main class="main-content">
        <div class="container">
            <!-- begin::page header -->
            <div class="page-header d-md-flex align-items-center justify-content-between">
                <div>
                    <h3>{{ Auth::user()->name }}</h3>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="javascript:;">Dashboard</a></li>
                        </ol>
                    </nav>
                </div>
            </div>
            <!-- end::page header -->
            <x-flashMessage />

            {{-- Main --}}
            <div class="card">
                <div class="card-body">
                    <div class="row row-sm">

                        {{-- Total --}}
                        <div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            <h6 class="text-uppercase font-size-11 m-b-15">Total Users</h6>
                                            <h4 class="m-b-0">
                                                <span id="total_student">{{ 0 }}</span>
                                            </h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- End --}}

                        {{-- Dropouts --}}
                        <div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            <h6 class="text-uppercase font-size-11 m-b-15">Total Folders</h6>
                                            <h4 class="m-b-0">
                                                <span id="total_student">{{ 0 }}</span>
                                            </h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- End --}}

                        {{-- Continued --}}
                        <div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            <h6 class="text-uppercase font-size-11 m-b-15">Total Size (GB)</h6>
                                            <h4 class="m-b-0">
                                                <span id="total_employees">{{ 0 }}</span>
                                            </h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- End --}}

                        {{-- New --}}
                        <div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            <h6 class="text-uppercase font-size-11 m-b-15">Total Roles</h6>
                                            <h4 class="m-b-0">
                                                <span id="total_newentry">{{ 0 }}</span>
                                            </h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- End --}}

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

            <div class="card">

                <div class="card-header">
                    <h5 class="card-title">Recent Activities</h5>
                </div>
                <div class="card-body">
                    @if (!empty($recent_logs))
                        <table class="table table-bordered table-striped">
                            <thead>
                                <td>#ID</td>
                                <td>User</td>
                                <td>Activity</td>
                                <td>Role</td>
                                <td>Date</td>
                            </thead>
                            <tbody>
                                @foreach ($recent_logs as $log)
                                    <tr>
                                        <td>{{$log->id}}</td>
                                        <td>{{$log->username}}</td>
                                        <td>{{$log->subject}}</td>
                                        <td>{{$log->role}}</td>
                                        <td>{{$log->created_at}}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @endif
                </div>
            </div>
        </div>
    </main>
@endsection
@push('footer-script')
@endpush