@extends('admin/layout')
@section('page_title', 'Dashboard')
@section('dashboard_select','active')
@section('container')
	<div class="row">
        <h1>Dashboard</h1>
    </div>
    <div id="page-content"><div class="header"><nav class="navbar-classic navbar navbar-expand-lg navbar navbar-expand navbar-light">
        <div class="d-flex justify-content-between w-100">
        </div></nav></div><div class="bg-primary pt-10 pb-21"></div>
    <div class="mt-n22 px-6 container-fluid">
        <div class="row">
<div class="mt-6 col-xl-3 col-lg-6 col-md-12 col-12"><div class="card">
    <div class="card-body">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-0">Logins</h4>
        </div>
        <div class="icon-shape icon-md bg-light-primary text-primary rounded-2">
            <i class="fa fa-sign-in" aria-hidden="true"></i>
        </div>
    </div>
    <div>
        <h1 class="fw-bold"></h1>
    </div>
</div>
</div></div>
<div class="mt-6 col-xl-3 col-lg-6 col-md-12 col-12">
    <div class="card">
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <div><h4 class="mb-0">Video Clicks</h4></div>
                <div class="icon-shape icon-md bg-light-primary text-primary rounded-2"><i class="fas fa-video"></i></div>
            </div>
            <div>
                <h1 class="fw-bold"></h1>
            </div>
        </div>
    </div>
</div>

        <div class="mt-6 col-xl-3 col-lg-6 col-md-12 col-12"><div class="card"><div class="card-body"><div class="d-flex justify-content-between align-items-center mb-3"><div><h4 class="mb-0">Teams</h4></div><div class="icon-shape icon-md bg-light-primary text-primary rounded-2"><i class="fa-solid fa-user-group"></i></div></div><div><h1 class="fw-bold">12</h1><p class="mb-0"><span classname="text-dark me-2">1</span> Completed</p></div></div></div></div>
        <div class="mt-6 col-xl-3 col-lg-6 col-md-12 col-12"><div class="card"><div class="card-body"><div class="d-flex justify-content-between align-items-center mb-3"><div><h4 class="mb-0">Productivity</h4></div><div class="icon-shape icon-md bg-light-primary text-primary rounded-2"><i class="fa fa-industry" aria-hidden="true"></i></div></div><div><h1 class="fw-bold">76%</h1></div></div></div></div></div>

        


        <div class="mt-6 row">
    <div class="col-md-12 col-12">
        <div class="card">
            <div class="bg-white py-4 card-header">
                <h4 class="mb-0">Login Analytics</h4>
            </div>
            <div class="bg-white text-right card-footer">
                <form method="GET" action="{{ url('admin/dashboard') }}">
                    <select name="login_date" id="login_date" onchange="this.form.submit()">
                        <option value="">Select</option>
                        <option value="24-hours" {{ request('login_date') == '24-hours' ? 'selected' : '' }}>24 Hours</option>
                        <option value="3-days" {{ request('login_date') == '3-days' ? 'selected' : '' }}>3 Days</option>
                        <option value="last-week" {{ request('login_date') == 'last-week' ? 'selected' : '' }}>Last Week</option>
                        <option value="last-30days" {{ request('login_date') == 'last-30days' ? 'selected' : '' }}>Last 30 Days</option>
                        <option value="last-3months" {{ request('login_date') == 'last-3months' ? 'selected' : '' }}>Last 3 Months</option>
                        <option value="last-year" {{ request('login_date') == 'last-year' ? 'selected' : '' }}>Last Year</option>
                    </select>
                </form>
            </div>
            <div class="table-responsive">
                <table class="text-nowrap mb-0 table">
                    <thead class="table-light">
                        <tr>
                            <th>Name</th>
                            <th>User Type</th>
                            <th>School Name</th>
                            <th>School Code</th>
                            <th>Phone</th>
                            <th>City</th>
                            <th>Login Time</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($loginsDataCount as $lData)
                        <tr>
                            <td class="align-middle">
                                <div class="d-flex align-items-center">
                                    <div class="ms-3 lh-1">
                                        <h5 class="mb-1">{{ $lData->name }}</h5>
                                    </div>
                                </div>
                            </td>
                            <td class="align-middle">{{ $lData->user_type }}</td>
                            <td class="align-middle">
                                <span class="badge bg-warning">{{ $lData->institute_name }}</span>
                            </td>
                            <td class="align-middle text-dark">{{ $lData->profile_school_code }}</td>
                            <td class="align-middle text-dark">{{ $lData->mobile }}</td>
                            <td class="align-middle text-dark">{{ $lData->city }}</td>
                            <td class="align-middle text-dark">{{ \Carbon\Carbon::parse($lData->login_time)->format('jS F Y') }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="d-flex justify-content-center">
                    {{ $loginsDataCount->appends(request()->input())->fragment('logins')->links('pagination::bootstrap-4') }}
                </div>
            </div>
        </div>
    </div>
</div>

<div class="my-6 row">
    <div class="col-xl-12 col-lg-12 col-md-12 col-12">
        <div class="h-100 card">
            <div class="bg-white py-4 card-header">
                <h4 class="mb-0">Video Clicks</h4>
            </div>
            <div class="bg-white text-right card-footer">
                <form method="GET" action="{{ url('admin/dashboard') }}">
                    <select name="video_school_type" id="video_school_type" onchange="this.form.submit()">
                        <option value="">Select</option>
                        <option value="teacher-wise">Teacher Wise</option>
                        <option value="student-wise">Student Wise</option>
                    </select>
                </form>
            </div>
            <div class="table-responsive">
                <table class="text-nowrap table">
                    <thead class="table-light">
                        <tr>
                            <th>Class / Subject</th>
                            <th>Chapter / Level</th>
                            <th>Sample / Original</th>
                            <th>Name</th>
                            <th>Click Time</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($videosDataCount as $vData)
                        <tr>
                            <td class="align-middle">
                                <div class="d-flex align-items-center">
                                    <div class="ms-3 lh-1">
                                        <h5 class=" mb-1">{{ $vData->class_name }}</h5>
                                        <p class="mb-0">{{ $vData->subject_name }}</p>
                                    </div>
                                </div>
                            </td>
                            <td class="align-middle">
                                <div class="d-flex align-items-center">
                                    <div class="ms-3 lh-1">
                                        <h5 class=" mb-1">{{ $vData->chapter_name }}</h5>
                                        <p class="mb-0">{{ $vData->level_name }}</p>
                                    </div>
                                </div>
                            </td>
                            <td class="align-middle">
                                @if($vData->user_id != null)
                                    <p>Login Yes</p>
                                @else
                                    <p>Login No</p>
                                @endif
                            </td>
                            <td class="align-middle">