@extends('layout.super_admin')
@section('content')
<main id="main" class="main">

    <div class="pagetitle">
      <h1>Dashboard</h1>
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="index.html">Home</a></li>
          <li class="breadcrumb-item active">Dashboard</li>
        </ol>
      </nav>
    </div><!-- End Page Title -->

    <!-- Deadline Statistics Cards -->
    @php
        $deadlineStats = \Modules\AlihKredit\App\Models\Assessment::getDeadlineStatistics();
    @endphp

    <div class="row mb-4">
        <!-- Total Assessments Card -->
        <div class="col-xxl-3 col-md-6">
          <div class="card info-card sales-card">
            <div class="card-body">
              <h5 class="card-title">Total Penilaian</h5>
              <div class="d-flex align-items-center">
                <div class="card-icon rounded-circle d-flex align-items-center justify-content-center">
                  <i class="bi bi-clipboard-check"></i>
                </div>
                <div class="ps-3">
                  <h6>{{ $deadlineStats['total'] }}</h6>
                  <span class="text-muted small pt-2">Penilaian dengan deadline</span>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Overdue Assessments Card -->
        <div class="col-xxl-3 col-md-6">
          <div class="card info-card sales-card">
            <div class="card-body">
              <h5 class="card-title">Terlambat</h5>
              <div class="d-flex align-items-center">
                <div class="card-icon rounded-circle d-flex align-items-center justify-content-center" style="background-color: #dc3545;">
                  <i class="bi bi-exclamation-triangle"></i>
                </div>
                <div class="ps-3">
                  <h6>{{ $deadlineStats['overdue'] }}</h6>
                  <span class="text-muted small pt-2">Deadline telah lewat</span>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Approaching Deadlines Card -->
        <div class="col-xxl-3 col-md-6">
          <div class="card info-card sales-card">
            <div class="card-body">
              <h5 class="card-title">Mendekati Deadline</h5>
              <div class="d-flex align-items-center">
                <div class="card-icon rounded-circle d-flex align-items-center justify-content-center" style="background-color: #ffc107;">
                  <i class="bi bi-clock"></i>
                </div>
                <div class="ps-3">
                  <h6>{{ $deadlineStats['approaching'] }}</h6>
                  <span class="text-muted small pt-2">≤ 3 hari lagi</span>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Active Assessments Card -->
        <div class="col-xxl-3 col-md-6">
          <div class="card info-card sales-card">
            <div class="card-body">
              <h5 class="card-title">Aktif</h5>
              <div class="d-flex align-items-center">
                <div class="card-icon rounded-circle d-flex align-items-center justify-content-center" style="background-color: #28a745;">
                  <i class="bi bi-check-circle"></i>
                </div>
                <div class="ps-3">
                  <h6>{{ $deadlineStats['active'] }}</h6>
                  <span class="text-muted small pt-2">> 3 hari lagi</span>
                </div>
              </div>
            </div>
          </div>
        </div>
    </div>

    <!-- Quick Actions Row -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Aksi Cepat</h5>
                    <div class="d-flex gap-2 flex-wrap">
                        <a href="{{ route('super.kelola-assessor-mahasiswa') }}" class="btn btn-primary">
                            <i class="bi bi-people"></i> Kelola Assessor Mahasiswa
                        </a>
                        <a href="{{ route('super.kelola-periode') }}" class="btn btn-success">
                            <i class="bi bi-calendar"></i> Kelola Periode
                        </a>
                        <a href="{{ route('super.kelola-matkul-direct') }}" class="btn btn-info">
                            <i class="bi bi-book"></i> Kelola Mata Kuliah
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="section dashboard">
      <div class="row">

        <!-- Left side columns -->
        <div class="col-lg-12">
          <div class="row">

                <!-- Slides with captions -->
                <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
                  <div class="carousel-inner">
                    <div class="carousel-item active">
                      <img src="{{ asset('assets/img/background-utm.png') }}" class="d-block w-100" alt="...">
                      <div class="carousel-caption d-none d-md-block">
                        <h5 class="text-white"><b>RPL & E-PORTOFOLIO</b></h5>
                        <p class="text-white">Sistem Informasi Manajemen Formulir Aplikasi RPL & E-Portofolio</p>
                      </div>
                    </div>
                  </div>

                  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                  </button>
                  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
                  </button>

                </div><!-- End Slides with captions -->

                <div class="card my-4">
                  <div class="card-body">
                    <h5 class="card-title">Fitur RPL & E-Portofolio</h5>
                    <!-- List group With Icons -->
                    <ul class="list-group">
                      <li class="list-group-item"><i class="bi bi-person-check"></i>  Biodata Lengkap Calon Mahasiswa RPL dan Pengalaman Kerja</li>
                      <li class="list-group-item"><i class="bi bi-book"></i> Konversi Smart Data Calon Mahasiswa RPL Ke Matakuliah</li>
                      <li class="list-group-item"><i class="bi bi-bookmark-check"></i> Luaran:E-Portofolio, Transkrip Konversi, Laporan Pelaksanaan</li>
                    </ul><!-- End List group With Icons -->

                  </div>
                </div>

      </div>
    </section>

  </main><!-- End #main -->

@endsection