@extends('layouts.admin')

@section('title', setting('school_name', 'ShulePoint') . ' | Finance Dashboard')
@section('page-title', 'Finance Dashboard')

@section('content')
{{-- Compact stat strip --}}
<div class="row stat-strip">
    <div class="col-lg-3 col-6">
        <div class="stat-mini">
            <span class="stat-icon bg-info"><i class="fas fa-file-invoice"></i></span>
            <div class="stat-text">
                <strong>KES {{ number_format($invoiced, 0) }}</strong>
                <span>Invoiced</span>
            </div>
            <a href="{{ route('finance.invoices') }}" class="stat-link" title="View invoices"><i class="fas fa-arrow-right"></i></a>
        </div>
    </div>
    <div class="col-lg-3 col-6">
        <div class="stat-mini">
            <span class="stat-icon bg-success"><i class="fas fa-hand-holding-usd"></i></span>
            <div class="stat-text">
                <strong>KES {{ number_format($collected, 0) }}</strong>
                <span>Collected</span>
            </div>
            <a href="{{ route('finance.reports') }}" class="stat-link" title="View reports"><i class="fas fa-arrow-right"></i></a>
        </div>
    </div>
    <div class="col-lg-3 col-6">
        <div class="stat-mini">
            <span class="stat-icon bg-warning"><i class="fas fa-exclamation-circle"></i></span>
            <div class="stat-text">
                <strong>KES {{ number_format($outstanding, 0) }}</strong>
                <span>Outstanding</span>
            </div>
            <a href="{{ route('finance.invoices') }}" class="stat-link" title="View balances"><i class="fas fa-arrow-right"></i></a>
        </div>
    </div>
    <div class="col-lg-3 col-6">
        <div class="stat-mini">
            <span class="stat-icon bg-primary"><i class="fas fa-receipt"></i></span>
            <div class="stat-text">
                <strong>KES {{ number_format($expenses, 0) }}</strong>
                <span>Expenses</span>
            </div>
            <a href="{{ route('finance.expenses') }}" class="stat-link" title="View expenses"><i class="fas fa-arrow-right"></i></a>
        </div>
    </div>
</div>

{{-- Quick actions card --}}
<div class="card card-outline card-primary shadow-sm">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-bolt mr-1"></i> Quick actions</h3>
        <div class="card-tools">
            <a href="{{ route('finance.fee-structures') }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-list mr-1"></i> Fee Structures</a>
            <a href="{{ route('finance.invoices') }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-file-invoice mr-1"></i> Invoices</a>
            <a href="{{ route('finance.payments.create') }}" class="btn btn-sm btn-primary"><i class="fas fa-plus mr-1"></i> Record Payment</a>
            <a href="{{ route('finance.reports') }}" class="btn btn-sm btn-outline-success"><i class="fas fa-chart-bar mr-1"></i> Reports</a>
            <a href="{{ route('finance.expenses') }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-receipt mr-1"></i> Expenses</a>
        </div>
    </div>
</div>

{{-- Collection progress --}}
@php $collectPct = $invoiced > 0 ? min(100, round($collected / $invoiced * 100)) : 0; @endphp
<div class="card shadow-sm learner-card mb-3">
    <div class="card-body py-2">
        <div class="d-flex justify-content-between align-items-center mb-1">
            <small class="font-weight-600"><i class="fas fa-chart-line text-success mr-1"></i> Collection rate</small>
            <small class="text-muted">KES {{ number_format($collected, 0) }} of KES {{ number_format($invoiced, 0) }} · {{ $collectPct }}%</small>
        </div>
        <div class="progress" style="height:10px;" title="{{ $collectPct }}% collected">
            <div class="progress-bar bg-success" role="progressbar" style="width:{{ $collectPct }}%;"></div>
        </div>
    </div>
</div>

<div class="row">
    {{-- Recent payments --}}
    <div class="col-lg-6">
        <div class="card shadow-sm learner-card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-hand-holding-usd mr-1"></i> Recent Payments</h3>
                <div class="card-tools">
                    <a href="{{ route('finance.payments.create') }}" class="btn btn-sm btn-primary"><i class="fas fa-plus mr-1"></i> Record Payment</a>
                </div>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table learner-table table-hover text-nowrap mb-0">
                    <thead>
                        <tr>
                            <th>Receipt</th>
                            <th>Learner</th>
                            <th>Amount</th>
                            <th>Method</th>
                            <th>Ref</th>
                            @include('layouts.partials.school-th')
                            <th class="text-right">Open</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($recentPayments as $p)
                            <tr>
                                <td><a href="{{ route('finance.receipt', $p->id) }}" class="learner-name" title="Open receipt">#{{ $p->id }}</a></td>
                                <td>@if(!empty($p->first_name))<span class="learner-name">{{ $p->first_name }} {{ $p->last_name }}</span>@else<span class="text-muted">—</span>@endif</td>
                                <td><a href="{{ route('finance.receipt', $p->id) }}" class="font-weight-600" title="Open receipt">KES {{ number_format($p->amount, 0) }}</a></td>
                                <td><span class="class-pill">{{ $p->method }}</span></td>
                                <td class="small text-muted">{{ $p->reference ?? '–' }}</td>
                                @include('layouts.partials.school-td', ['schoolId' => $p->school_id ?? null])
                                <td class="text-right">
                                    <div class="btn-group btn-group-sm" role="group">
                                        <a href="{{ route('finance.receipt', $p->id) }}" class="btn btn-outline-info" title="Open receipt"><i class="fas fa-receipt"></i></a>
                                        <a href="{{ route('finance.receipt-pdf', $p->id) }}" class="btn btn-outline-danger" title="Download receipt PDF"><i class="fas fa-file-pdf"></i></a>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center py-5">
                                    <i class="fas fa-hand-holding-usd fa-3x text-muted mb-3"></i>
                                    <p class="font-weight-bold mb-1">No payments yet</p>
                                    <p class="text-muted small mb-0">Recorded payments will appear here.</p>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Recent expenses --}}
    <div class="col-lg-6">
        <div class="card shadow-sm learner-card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-receipt mr-1"></i> Recent Expenses</h3>
                <div class="card-tools">
                    <a href="{{ route('finance.expenses') }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-arrow-right mr-1"></i> All expenses</a>
                </div>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table learner-table table-hover text-nowrap mb-0">
                    <thead>
                        <tr>
                            <th>Title</th>
                            <th>Amount</th>
                            <th>Date</th>
                            @include('layouts.partials.school-th')
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($recentExpenses as $e)
                            <tr>
                                <td class="font-weight-600">{{ $e->title }}</td>
                                <td>KES {{ number_format($e->amount, 0) }}</td>
                                <td class="small text-muted">{{ $e->spent_on }}</td>
                                @include('layouts.partials.school-td', ['schoolId' => $e->school_id ?? null])
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4" class="text-center py-5">
                                    <i class="fas fa-receipt fa-3x text-muted mb-3"></i>
                                    <p class="font-weight-bold mb-1">No expenses yet</p>
                                    <p class="text-muted small mb-0">Recorded expenses will appear here.</p>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection