@php
  $configData = Helper::appClasses();
@endphp
@extends('layouts/layoutMaster')
@section('title', 'My Dashboard')
@section('vendor-style')
  <link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css')}}">
  <link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css')}}">
  <link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css')}}">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
  <style>


.customs p{
    font-size:17px;
    padding: 0px !important;
    margin: 0px !important;
    margin-top:-10px !important;
}

  </style>
@endsection

@section('content')
<div class="card bg-primary text-white shadow-sm mb-4 d-none">
    <div class="card-body">
        <h4>Welcome back, {{ Auth::user()->surname }} 👋</h4>
        <p>2025/2026 Academic Session - First Semester</p>
    </div>
</div>

  <h4 class="py-3 breadcrumb-wrapper mb-4">
    <span class="p-0">My Dashboard</span>
  </h4>

  <!-- Top Cards -->
  <div class="row g-3 mb-4 customs">
    <div class="col-md-3">
      <div class="card text-center shadow-sm">
        <div class="card-body">
          <i class="bi bi-calendar-event fs-3 text-primary"></i>
          <h5 class="mt-0">Academic Session</h5>
          <p class="m-0 fw-semibold">{{$sems->name}}</p>
        </div>
      </div>
    </div>

    <div class="col-md-3">
      <div class="card text-center shadow-sm">
        <div class="card-body">
          <i class="bi bi-mortarboard fs-3 text-info"></i>
          <h5 class="mt-0">Department</h5>
          <p class="m-0 fw-semibold">{{$user->department->name}}</p>
        </div>
      </div>
    </div>

    <div class="col-md-3">
      <div class="card text-center shadow-sm">
        <div class="card-body">
          <i class="bi bi-journal-bookmark fs-3 text-success"></i>
          <h5 class="mt-0">Registered Courses</h5>
          <p class="m-0 fw-semibold">{{$courseCount}} Courses</p>
        </div>
      </div>
    </div>

    <div class="col-md-3">
      <div class="card text-center shadow-sm">
        <div class="card-body">
          <i class="bi bi-people fs-3 text-warning"></i>
          <h5 class="mt-0">Cohort</h5>
          <p class="m-0 fw-semibold">{{$users->totalDept}}/{{$users->totalLevel}}</p>
        </div>
      </div>
    </div>
  </div>
  
  <!---->
  
 
<div class="row d-none">
    <div class="col-md-3">
        <div class="card shadow-sm border-0">
            <div class="card-body">
                <h6>CGPA</h6>
                <h4 class="text-success">{{ $cgpa ?? '0.00' }}</h4>
            </div>
        </div>
    </div>
    
    <div class="card shadow-sm mt-4">
    <div class="card-body">
        <h6>Registration Progress</h6>
        <div class="progress">
            <div class="progress-bar bg-success" style="width: 70%">70%</div>
        </div>
    </div>
</div>

</div>



@section('vendor-script')
  <script src="{{asset('assets/vendor/libs/moment/moment.js')}}"></script>
@endsection
@endsection