{{-- resources/views/admin/keuangan/pengaturan/index.blade.php --}}
@extends('layouts.admin')
@section('title', 'Pengaturan Keuangan')

@section('content')
<div class="page-inner">
  <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row pt-2 pb-4">
    <div>
      <h3 class="fw-bold mb-3">Pengaturan Keuangan</h3>
      <h6 class="op-7 mb-2">Kelola semua data master untuk manajemen keuangan.</h6>
    </div>
  </div>

  <div class="card card-round shadow-sm border-0">
    <div class="card-body">
      <div class="row">

        {{-- KOLOM NAVIGASI VERTIKAL (KIRI) --}}
        <div class="col-md-3">
          <ul class="nav nav-pills flex-column" id="keuanganTab" role="tablist">
            <li class="nav-item">
              <a class="nav-link active text-start ps-3" id="siswa-jenis-tab" data-bs-toggle="tab" href="#siswa-jenis" role="tab" aria-controls="siswa-jenis" aria-selected="true">
                <i class="fas fa-user-graduate me-2"></i> Pembayaran Siswa
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link text-start ps-3" id="gaji-kategori-tab" data-bs-toggle="tab" href="#gaji-kategori" role="tab" aria-controls="gaji-kategori" aria-selected="false">
                <i class="fas fa-wallet me-2"></i> Kategori Gaji
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link text-start ps-3" id="gaji-jenis-tab" data-bs-toggle="tab" href="#gaji-jenis" role="tab" aria-controls="gaji-jenis" aria-selected="false">
                <i class="fas fa-money-check-alt me-2"></i> Jenis Gaji
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link text-start ps-3" id="jenis-masuk-tab" data-bs-toggle="tab" href="#jenis-masuk" role="tab" aria-controls="jenis-masuk" aria-selected="false">
                <i class="fas fa-arrow-down me-2"></i> Jenis Pemasukan
              </a>
            </li>
            {{-- TAMBAHKAN LINK TAB 5 --}}
            <li class="nav-item">
              <a class="nav-link text-start ps-3" id="jenis-keluar-tab" data-bs-toggle="tab" href="#jenis-keluar" role="tab" aria-controls="jenis-keluar" aria-selected="false">
                <i class="fas fa-arrow-up me-2"></i> Jenis Pengeluaran
              </a>
            </li>
          </ul>
        </div>

        {{-- KOLOM KONTEN TAB (KANAN) --}}
        <div class="col-md-9">
          <div class="tab-content" id="keuanganTabContent">

            {{-- Tab 1: Jenis Pembayaran Siswa --}}
            <div class="tab-pane fade show active" id="siswa-jenis" role="tabpanel" aria-labelledby="siswa-jenis-tab">
              @include('admin.keuangan.pengaturan._tab_siswa_jenis')
            </div>

            {{-- Tab 2: Kategori Gaji --}}
            <div class="tab-pane fade" id="gaji-kategori" role="tabpanel" aria-labelledby="gaji-kategori-tab">
              @include('admin.keuangan.pengaturan._tab_gaji_kategori')
            </div>

            {{-- Tab 3: Jenis Gaji --}}
            <div class="tab-pane fade" id="gaji-jenis" role="tabpanel" aria-labelledby="gaji-jenis-tab">
              @include('admin.keuangan.pengaturan._tab_gaji_jenis')
            </div>

            {{-- Tab 4: Jenis Pemasukan --}}
            <div class="tab-pane fade" id="jenis-masuk" role="tabpanel" aria-labelledby="jenis-masuk-tab">
              @include('admin.keuangan.pengaturan._tab_keuangan_masuk_jenis')
            </div>

            {{-- TAMBAHKAN KONTEN TAB 5 --}}
            <div class="tab-pane fade" id="jenis-keluar" role="tabpanel" aria-labelledby="jenis-keluar-tab">
              @include('admin.keuangan.pengaturan._tab_keuangan_keluar_jenis')
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection