@extends('layouts.app', [
    'title' => $title ?? 'Modul Keuangan',
    'pageTitle' => $heading ?? 'Operasional Keuangan',
    'pageSubtitle' => $subheading ?? 'Kelola tagihan mahasiswa, cicilan, validasi pembayaran, dan laporan keuangan kampus.',
])

@section('content')
    <div class="row g-3 mb-4">
        <div class="col-12">
            <div class="card border-0 shadow-sm">
                <div class="card-header d-flex align-items-center py-3">
                    <img src="{{ asset('images/logo-undarma.png') }}" alt="Logo" style="height: 36px; margin-right: 12px; border-radius: 6px;">
                    <span class="font-weight-bold" style="font-size: 1rem; color: #1e293b;">Universitas Karyadarma Kupang</span>
                </div>
                <div class="card-body pb-2">
                    <ul class="nav nav-pills flex-wrap" style="gap: .5rem;">
                        <li class="nav-item">
                            <a href="{{ route('dashboard') }}" class="nav-link {{ request()->routeIs('dashboard') ? 'active' : '' }}">
                                <i class="fas fa-tachometer-alt mr-1"></i>
                                Dashboard
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="{{ route('keuangan.index') }}" class="nav-link {{ request()->routeIs('keuangan.index') || request()->routeIs('keuangan.show') || request()->routeIs('keuangan.edit') ? 'active' : '' }}">
                                <i class="fas fa-file-invoice-dollar mr-1"></i>
                                Tagihan & Pembayaran
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="{{ route('keuangan.create') }}" class="nav-link {{ request()->routeIs('keuangan.create') ? 'active' : '' }}">
                                <i class="fas fa-plus-circle mr-1"></i>
                                Buat Tagihan
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="{{ route('keuangan.report') }}" class="nav-link {{ request()->routeIs('keuangan.report') ? 'active' : '' }}">
                                <i class="fas fa-chart-pie mr-1"></i>
                                Laporan Keuangan
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    @yield('keuangan-content')
@endsection