@extends('admin.layouts.main')
@section('main-section')


        <!-- ============================================================== -->
        <!-- Start right Content here -->
        <!-- ============================================================== -->
        <div class="main-content">

            <div class="page-content">
                <div class="container-fluid">

                    <!-- start page title -->
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                                <h4 class="mb-sm-0">Dashboard</h4>

                                <div class="page-title-right">
                                    <ol class="breadcrumb m-0">
                                        {{-- <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li> --}}
                                        {{-- <li class="breadcrumb-item active">Analytics</li> --}}
                                    </ol>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- end page title -->


                    <div class="row">
                <div class="col-md-3 col-sm-12 col-xs-12 col-lg-3">
                    <div class="card card-animate dashboardcard">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div class="dashCard">
                                    <p class="fw-medium  mb-0"><b>Student Enrolled</b></p>
                                    <div class="topCradCount">
                                        <h2 class="pt-2" style="color:#D63531;"><span class="counter-value" data-target="{{$stud_count ?? "0"}}">{{$stud_count ?? "0"}}</span>
                                        </h2>
                                        
                                    </div>
                                </div>
                            </div>
                            <div style="float:right">
                                <a href="{{url('admin/students')}}" class="text-decoration-underline"><button
                                        class="badge bg-secondry p-2 text-dark border-0">View
                                        All</button></a>
                            </div>
                        </div><!-- end card body -->
                    </div> <!-- end card-->
                </div>

                <div class="col-md-3 col-sm-12 col-xs-12 col-lg-3">
                    <div class="card card-animate dashboardcard">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div class="dashCard">
                                    <p class="fw-medium  mb-0"><b>Pending Classes</b></p>
                                    <div class="topCradCount">
                                        <h2 class="pt-2 text-primary"><span class="counter-value1"
                                                data-target="">{{$totalUpcomingClasses}}</span>
                                        </h2>
                                    </div>
                                </div>
                            </div>
                            <div style="float:right">
                                <a href="scheduledclasses" class="text-decoration-underline"><button
                                        class="badge bg-secondry p-2 text-dark border-0">View
                                        All</button></a>
                            </div>
                        </div><!-- end card body -->
                    </div> <!-- end card-->
                </div>

                <div class="col-md-3 col-sm-12 col-xs-12 col-lg-3">
                    <div class="card card-animate dashboardcard">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div class="dashCard">
                                    <p class="fw-medium  mb-0"><b>Pending Trial Classes</b></p>
                                    <div class="topCradCount">
                                        <h2 class="pt-2" style="color: #88B0F1"><span class="counter-value" data-target="{{$pending_demos ?? '0'}}">{{$pending_demos ?? '0'}}</span>
                                        </h2>
                                    </div>
                                </div>
                            </div>
                            <div style="float:right">
                                <a href="{{url('admin/demolist')}}" class="text-decoration-underline"><button
                                        class="badge bg-secondry p-2 text-dark border-0">View
                                        All</button></a>
                            </div>
                        </div><!-- end card body -->
                    </div> <!-- end card-->
                </div>

                <div class="col-md-3 col-sm-12 col-xs-12 col-lg-3">
                    <div class="card card-animate dashboardcard">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div class="dashCard">
                                    <p class="fw-medium  mb-0"><b>Total Earnings</b></p>
                                    <div class="topCradCount">
                                        <h2 class="pt-2" style="color: #59C069">£<span class="counter-value" data-target="{{$moneyEarned->total_earned ?? "0"}}">{{$moneyEarned->total_earned ?? "0"}}</span>
                                        </h2>
                                    </div>
                                </div>
                            </div>
                            <div style="float:right">
                                <a href="payments" class="text-decoration-underline"><button
                                        class="badge bg-secondry p-2 text-dark border-0">View
                                        All</button></a>
                            </div>
                        </div><!-- end card body -->
                    </div> <!-- end card-->
                </div>

            </div>

            <div class="row">
                <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">
                    <div class="card card-animate">
                        <div class="cardTitle">
                            <h5>Schedule Classes</h5>
                            <a href="scheduledclasses"><b>View All</b></a>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table dash_table  table-responsive">
                                    <thead>
                                        <tr class="">
                                            <th>Subject</th>
                                            {{-- <th>Student</th> --}}
                                            <th>Time</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @foreach ($upcomingClasses as $class)
                                        <tr>
                                            <td>{{$class->subject}}</td>
                                            {{-- <td>{{$class->student_count}}</td> --}}
                                            <td>{{ $class->start_time->format('h:iA') }} - {{ $class->start_time->addMinutes($class->duration)->format('h:iA') }}</td>
                                            <td>
                                                @if ($class->is_completed == 1)
                                                <span class="live">Live</span></td>
                                                    @else
                                                    <span class="confirm">Not Started</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($class->is_completed == 1)
                                               <a href="{{$class->join_url}}" target="_blank"> <span class="endClass"> Join Class</span></a>
                                                @else
                                                 {{-- <a href="getclasslist">   <span class="endClass"> Start Class</span> </a> --}}
                                                
                                                @endif
                                            </td>
                                            {{-- <td><span class="endClass"> End Class</span></td> --}}
                                        </tr>
                                        @endforeach
                                    </tbody>
                                   
                                </table>
                            </div>


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

                <!-- Schedule Trial Classes -->
                <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">
                    <div class="card card-animate">
                        <div class="cardTitle">
                            <h5>Trial Classes</h5>
                            <a href="demolist"><b>View All</b></a>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table dash_table">
                                    <thead>
                                        <tr class="">
                                            
                                            <th>Student</th>
                                            <th>Subject</th>
                                            <th>slot</th>
                                            <th>Status</th>
                                            {{-- <th>Action</th> --}}
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @foreach ($upcoming_demos as $demo)
                                        <tr>
                                            <td><div class="namePic">
                                                    <img src="/images/students/profilepics/{{$demo->student_img}}"
                                                        alt="">
                                                    <span>{{$demo->student}}</span>
                                                </div>
                                            </td>
                                            <td>{{$demo->subject}}</td>
                                            
                                            <td>{{ $demo->slot_confirmed ? $demo->slot_confirmed->format('d/m/Y h:i:s A') :  $demo->slot_1->format('d/m/Y h:i:s A') }}</td>
                                            <td>
                                            @if ($demo->status == 1)
                                            <span class="confirm">New</span>
                                            @elseif ($demo->status == 2)
                                            <span class="confirm">Scheduled</span>
                                            @elseif ($demo->status == 3)
                                            <span class="confirm">Confirmed</span>
                                            @elseif ($demo->status == 4)
                                            <span class="confirm">Attended</span>
                                            @elseif ($demo->status == 5)
                                            <span class="live">Cancelled</span>
                                            @else
                                            <span class="live">Started</span>
                                            @endif
                                            </td>
                                            {{-- <td><a href="{{ $demo->remarks ?? $demo->demo_link}}"><span class="endClass"> Launch Trial Class</span></a></td> --}}
                                        </tr>
                                        @endforeach
                                       
{{-- 
                                        <tr>
                                            <td>
                                                <div class="namePic">
                                                    <img src="/images/students/profilepics/1688709846.jpg"
                                                        alt="">
                                                    <span>Deepesh</span>
                                                </div>
                                            </td>
                                            <td>Maths</td>
                                            
                                            <td>Today<br>10:00am</td>
                                            <td> <span class="confirm">Conffirmed</span></td>
                                            <td><span class="hrsLeft">9 Hours Left</span></td>
                                        </tr>

                                       

                                        <tr>
                                        <td>
                                                <div class="namePic">
                                                    <img src="/images/students/profilepics/1688709846.jpg"
                                                        alt="">
                                                    <span>Deepesh</span>
                                                </div>
                                            </td>
                                            <td>Maths</td>
                                           
                                            <td>Today<br>10:00am</td>
                                            <td> <span class="pending">Pending</span></td>
                                            <td>
                                                <div class="apprv">
                                                <span class="accept">Accept</span>
                                                <span class="reject">Reject</span>

                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                        <td>
                                                <div class="namePic">
                                                    <img src="/images/students/profilepics/1688709846.jpg"
                                                        alt="">
                                                    <span>Deepesh</span>
                                                </div>
                                            </td>
                                            <td>Maths</td>
                                        
                                            <td>Today<br>10:00am</td>
                                            <td> <span class="pending">Pending</span></td>
                                            <td>
                                                <div class="apprv">
                                                <span class="accept">Accept</span>
                                                <span class="reject">Reject</span>

                                                </div>
                                            </td>
                                        </tr> --}}
                                    </tbody>
                                   
                                </table>
                            </div>


                        </div>
                    </div>
                </div>
            </div> <!-- end row-->

            <div class="row">
                <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">
                    <div class="card card-animate">
                        <div class="cardTitle">
                            <h5>Homework</h5>
                            <a href="assignments" id="trplink"><b>View All</b></a>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table trialtable dash_table" id="tbltest">
                                    <!-- <thead>
                                        <tr class="">
                                            <th>Subject</th>
                                            <th>Test Name</th>
                                            <th>Time</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead> -->
                                    <tbody>
                                        <tr>
                                        <td><div class="namePic">
                                                    <img src="/images/students/profilepics/1688709846.jpg"
                                                        alt="">
                                                    <span>Deepesh</span>
                                                </div>
                                            </td>
                                            <td>Maths</td>
                                            <td>Algebra</td>
                                            <td>Today 10:00am</td>
                                            <td>Fractional indication </td>
                                            <td><span class="test">Test</span></td>
                                        </tr>

                                        <tr>
                                        <td><div class="namePic">
                                                    <img src="/images/students/profilepics/1688709846.jpg"
                                                        alt="">
                                                    <span>Deepesh</span>
                                                </div>
                                            </td>
                                            <td>Maths</td>
                                            <td>Algebra</td>
                                            <td>Today 10:00am</td>
                                            <td>Fractional indication </td>
                                            <td><span class="quizs">Quiz</span></td>
                                        </tr>

                                        <tr>
                                        <td><div class="namePic">
                                                    <img src="/images/students/profilepics/1688709846.jpg"
                                                        alt="">
                                                    <span>Deepesh</span>
                                                </div>
                                            </td>
                                            <td>Maths</td>
                                            <td>Algebra</td>
                                            <td>Today 10:00am</td>
                                            <td>Fractional indication </td>
                                            <td><span class="quizs">Quiz</span></td>
                                        </tr>

                                        <tr>
                                        <td><div class="namePic">
                                                    <img src="/images/students/profilepics/1688709846.jpg"
                                                        alt="">
                                                    <span>Deepesh</span>
                                                </div>
                                            </td>
                                            <td>Maths</td>
                                            <td>Algebra</td>
                                            <td>Today 10:00am</td>
                                            <td>Fractional indication </td>
                                            <td><span class="quizs">Quiz</span></td>
                                        </tr>
                                    </tbody>
                                  

                                </table>

                                <table class="table trialtable dash_table " id="tblassignment" hidden>
                                    <thead>
                                        <tr class="">
                                            <th>Subject</th>
                                            <th>Assignment Name</th>
                                            <th>Time</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        <tr>
                                            <td>Maths</td>
                                            <td>Algebra</td>
                                            <td>Today 10:00am</td>
                                           
                                            <td><span class="test">Test</span></td>
                                        </tr>

                                        <tr>
                                            <td>Maths</td>
                                            <td>Algebra</td>
                                            <td>Today 10:00am</td>
                                            
                                            <td><span class="quizs">Quiz</span></td>
                                        </tr>
                                    </tbody>
                                   

                                </table>

                            </div>


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

                <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">
                    <div class="card card-animate">
                        <div class="cardTitle">
                            <h5>Results </h5>
                            <div class="hwMenu">
                                <a href="#testreports" onclick="testprogress(1)"><span class="assign">Test
                                        Report</span></a>
                                <a href="#progressreports" onclick="testprogress(2)"><span class="assign">Progress
                                        Report</span></a>
                            </div>
                            <a href="onlinetestlist"><b>View All</b></a>
                        </div>
                        <div class="card-body" id="testreport">

                            <div class="table-responsive">
                                <table class="table trialtable dash_table" id="">
                                    <thead>
                                        <tr class="">
                                           
                                            <th>Total Marks</th>
                                            <th>Test</th>
                                            <th>Obtained</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        <tr>
                                            <td>Batch-1</td>
                                            <td>Fractional indication</td>
                                            <td>60%</td>
                                            <td><span class="assign">View Details</span></td>
                                        </tr>

                                        <tr>
                                            <td>Batch-1</td>
                                            <td>Fractional indication</td>
                                            <td>60%</td>
                                            <td><span class="assign">View Details</span></td>
                                        </tr>

                                        <tr>
                                            <td>Batch-1</td>
                                            <td>Fractional indication</td>
                                            <td>60%</td>
                                            <td><span class="assign">View Details</span></td>
                                        </tr>

                                        <tr>
                                            <td>Batch-1</td>
                                            <td>Fractional indication</td>
                                            <td>60%</td>
                                            <td><span class="assign">View Details</span></td>
                                        </tr>
                                    </tbody>

                                   

                                </table>
                            </div>
                        </div>
                        <div class="card-body" id="progressreport" hidden>

                            <table class="table trialtable dash_table table-responsive">
                                <thead>
                                    <tr class="">
                                        <th>Subject</th>
                                        <th>Total Tests</th>
                                        <th>Progress</th>
                                        <th>Action </th>
                                    </tr>
                                </thead>

                             

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

                <!-- end row-->
            </div>



                </div>
                <!-- container-fluid -->
            </div>
            <!-- End Page-content -->


            <script>
    function switchmode(id) {
        if (id == 1) {
            document.getElementById('tblassignment').hidden = true;
            document.getElementById('tbltest').hidden = false;
            document.getElementById('tasslink').hidden = true;
            document.getElementById('trplink').hidden = false;
        } else {
            document.getElementById('tblassignment').hidden = false;
            document.getElementById('tbltest').hidden = true;
            document.getElementById('tasslink').hidden = false;
            document.getElementById('trplink').hidden = true;
        }
    }
    </script>

@endsection