@extends('layouts.app')

@section('content')
<div class="container py-4">

  <!-- Judul & deskripsi singkat -->
  <div class="d-flex justify-content-between align-items-center mb-4">
    <div>
      <h3 class="mb-1">Dashboard Admin</h3>
      <p class="text-muted mb-0">
        Selamat datang di Sistem Website <strong>Aquatic Swim School</strong>.  
        Silakan gunakan menu di bawah untuk mengelola data siswa, pelatih, absensi, pembayaran, dan penggajian.
      </p>
    </div>
  </div>

  <!-- KARTU MENU UTAMA -->
  <div class="row g-3">

    <!-- DATA SISWA -->
    <div class="col-md-4">
      <div class="card shadow-sm border-0 bg-white h-100">
        <div class="card-body d-flex flex-column">
          <h5 class="card-title mb-2">Kelola Data Siswa</h5>
          <p class="card-text small text-muted flex-grow-1">
            Tambah, ubah, hapus data siswa dan atur akun login siswa.
          </p>
          <a href="{{ url('/admin/siswa') }}" class="btn btn-primary btn-sm mt-2">Buka Halaman</a>
        </div>
      </div>
    </div>

    <!-- DATA PELATIH -->
    <div class="col-md-4">
      <div class="card shadow-sm border-0 bg-white h-100">
        <div class="card-body d-flex flex-column">
          <h5 class="card-title mb-2">Kelola Data Pelatih</h5>
          <p class="card-text small text-muted flex-grow-1">
            Kelola profil pelatih, jadwal mengajar, dan akun login pelatih.
          </p>
          <a href="admin_pelatih.php" class="btn btn-primary btn-sm mt-2">Buka Halaman</a>
        </div>
      </div>
    </div>

    <!-- ABSENSI SISWA -->
    <div class="col-md-4">
      <div class="card shadow-sm border-0 bg-white h-100">
        <div class="card-body d-flex flex-column">
          <h5 class="card-title mb-2">Absensi Siswa</h5>
          <p class="card-text small text-muted flex-grow-1">
            Catat dan pantau kehadiran siswa pada setiap sesi latihan.
          </p>
          <a href="data_absensi_siswa.php" class="btn btn-outline-primary btn-sm mt-2">Buka Absensi</a>
        </div>
      </div>
    </div>

    <!-- ABSENSI PELATIH -->
    <div class="col-md-4">
      <div class="card shadow-sm border-0 bg-white h-100">
        <div class="card-body d-flex flex-column">
          <h5 class="card-title mb-2">Absensi Pelatih</h5>
          <p class="card-text small text-muted flex-grow-1">
            Catat kehadiran pelatih berdasarkan tanggal, sesi, dan tempat latihan.
          </p>
          <a href="data_absensi_pelatih.php" class="btn btn-outline-primary btn-sm mt-2">Buka Absensi</a>
        </div>
      </div>
    </div>

    <!-- PEMBAYARAN SISWA -->
    <div class="col-md-4">
      <div class="card shadow-sm border-0 bg-white h-100">
        <div class="card-body d-flex flex-column">
          <h5 class="card-title mb-2">Pembayaran Siswa</h5>
          <p class="card-text small text-muted flex-grow-1">
            Kelola pembayaran bulanan siswa dan pantau status pelunasan.
          </p>
          <a href="admin_pembayaran.php" class="btn btn-outline-primary btn-sm mt-2">Buka Pembayaran</a>
        </div>
      </div>
    </div>

    <!-- PENGGAJIAN PELATIH -->
    <div class="col-md-4">
      <div class="card shadow-sm border-0 bg-white h-100">
        <div class="card-body d-flex flex-column">
          <h5 class="card-title mb-2">Penggajian Pelatih</h5>
          <p class="card-text small text-muted flex-grow-1">
            Hitung dan input gaji pelatih berdasarkan jumlah sesi dan periode tertentu.
          </p>
          <a href="admin_penggajian.php" class="btn btn-outline-primary btn-sm mt-2">Buka Penggajian</a>
        </div>
      </div>
    </div>

  </div><!-- /.row -->

</div><!-- /.container -->


@endsection