@extends('layouts.admin')

@section('title', 'Dashboard')

@section('content')
<div class="main-content">
  <section class="section">

    {{-- HEADER --}}
    <div class="section-header d-flex justify-content-between align-items-center">
      <h1>Dashboard</h1>
    </div>

    {{-- GREETING --}}
    <div class="alert alert-primary shadow-sm">
      <h5 class="mb-1">Selamat datang, {{ Auth::user()->name ?? 'User' }}</h5>
      <small>Semoga harimu menyenangkan 👋</small>
    </div>

    {{-- STATISTIK --}}
    <div class="row">


      {{-- CARD 2 --}}
      <div class="col-lg-4 col-md-6 col-sm-6 col-12">
        <div class="card shadow-sm border-0">
          <div class="card-body text-center">
            <div class="mb-2">
              <i class="fas fa-book fa-2x text-success"></i>
            </div>
            <h6>Total Pengajuan Belum Diproses</h6>
            <h4 class="font-weight-bold">45</h4>
          </div>
        </div>
      </div>

      {{-- CARD 3 --}}
      <div class="col-lg-4 col-md-6 col-sm-6 col-12">
        <div class="card shadow-sm border-0">
          <div class="card-body text-center">
            <div class="mb-2">
              <i class="fas fa-file-alt fa-2x text-warning"></i>
            </div>
            <h6>Total Pengajuan dalam Proses</h6>
            <h4 class="font-weight-bold">30</h4>
          </div>
        </div>
      </div>

      {{-- CARD 4 --}}
      <div class="col-lg-4 col-md-6 col-sm-6 col-12">
        <div class="card shadow-sm border-0">
          <div class="card-body text-center">
            <div class="mb-2">
              <i class="fas fa-check-circle fa-2x text-danger"></i>
            </div>
            <h6>Selesai</h6>
            <h4 class="font-weight-bold">20</h4>
          </div>
        </div>
      </div>

    </div>


  </section>
</div>
@endsection