@extends('layouts.admin')

@section('title', setting('school_name', 'ShulePoint') . ' | Invoice ' . $invoice->invoice_no)
@section('page-title', 'Invoice ' . $invoice->invoice_no)

@push('styles')
<style>
    .inv-party small { display: block; color: #64748b; text-transform: uppercase; font-size: .62rem; letter-spacing: .05em; }
    .inv-party .who { font-weight: 700; color: #0f2043; font-size: .95rem; margin-top: .1rem; }
    @media print {
        .main-sidebar, .main-header, .main-footer, .content-header, .no-print { display: none !important; }
        .content-wrapper, .content-wrapper .content, .content-wrapper .container-fluid {
            margin: 0 !important; padding: 0 !important; background: #fff !important;
        }
        body { background: #fff !important; }
        * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
        .card { box-shadow: none !important; border: 1px solid #dee2e6 !important; }
    }
</style>
@endpush

@section('content')
@php
    $invPill = $invoice->status === 'paid' ? 'ok' : ($invoice->status === 'partial' ? 'warn' : 'muted');
    $learner = $invoice->learner;
@endphp

{{-- Invoice card --}}
<div class="card card-outline card-primary shadow-sm learner-card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-file-invoice mr-1"></i> Invoice {{ $invoice->invoice_no }}
            <span class="status-pill {{ $invPill }} ml-1"><span class="dot"></span>{{ ucfirst($invoice->status) }}</span>
        </h3>
        <div class="card-tools no-print">
            <a href="{{ route('finance.invoice-pdf', $invoice) }}" class="btn btn-sm btn-outline-danger"><i class="fas fa-file-pdf mr-1"></i> Invoice PDF</a>
            <button type="button" class="btn btn-sm btn-outline-secondary" onclick="window.print()"><i class="fas fa-print mr-1"></i> Print</button>
            <a href="{{ route('finance.invoices') }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-arrow-left mr-1"></i> All invoices</a>
            <a href="{{ route('finance.payments.create', ['invoice_id' => $invoice->id]) }}" class="btn btn-sm btn-primary"><i class="fas fa-plus mr-1"></i> Record Payment</a>
        </div>
    </div>
    <div class="card-body">
        <div class="row inv-party mb-3">
            <div class="col-md-4 mb-2">
                <small>Learner</small>
                <div class="who">{{ $learner ? $learner->first_name.' '.$learner->last_name : 'Learner #'.$invoice->learner_id }}</div>
                <span class="text-muted small">Adm: {{ $learner->admission_no ?? '—' }}</span><br>
                <span class="text-muted small">Class: {{ $learner?->schoolClass->name ?? '—' }}</span>
            </div>
            <div class="col-md-4 mb-2">
                <small>Parent / Guardian</small>
                <div class="who">{{ $learner->guardian_name ?? '—' }}</div>
                <span class="text-muted small">{{ $learner->guardian_phone ?? '' }}</span>
            </div>
            <div class="col-md-4 mb-2">
                <small>Invoice details</small>
                <div class="who">{{ $invoice->invoice_no }}</div>
                <span class="text-muted small">Term: {{ $invoice->term->name ?? '—' }} · Year: {{ $invoice->academicYear->name ?? '—' }}</span><br>
                <span class="text-muted small">Due: {{ $invoice->due_date ? $invoice->due_date->format('d M Y') : '—' }}</span>
            </div>
        </div>
        <div class="row stat-strip">
            <div class="col-lg-4 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($invoice->total, 0) }}</strong>
                        <span>Total billed</span>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-6">
                <div class="stat-mini">
                    <span class="stat-icon bg-success"><i class="fas fa-check"></i></span>
                    <div class="stat-text">
                        <strong>KES {{ number_format($invoice->paid, 0) }}</strong>
                        <span>Paid</span>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 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($invoice->balance, 0) }}</strong>
                        <span>Balance</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Billed vote heads --}}
<div class="card shadow-sm learner-card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-list mr-1"></i> Billed vote heads
            <small class="text-muted ml-1">KES {{ number_format($invoice->total, 0) }} total</small>
        </h3>
    </div>
    <div class="card-body table-responsive p-0">
        <table class="table learner-table table-hover text-nowrap mb-0">
            <thead><tr><th>#</th><th>Vote head</th><th>Detail</th><th class="text-right">Amount</th></tr></thead>
            <tbody>
                @forelse($breakdown['lines'] as $i => $line)
                    <tr>
                        <td class="text-muted">{{ $i + 1 }}</td>
                        <td class="font-weight-600">{{ $line['label'] }}</td>
                        <td class="small text-muted">{{ $line['detail'] }}</td>
                        <td class="text-right">KES {{ number_format($line['amount'], 0) }}</td>
                    </tr>
                @empty
                    <tr>
                        <td class="text-muted">1</td>
                        <td class="font-weight-600">School fees</td>
                        <td class="small text-muted">{{ $invoice->term->name ?? 'Term' }} {{ $invoice->academicYear->name ?? '' }}</td>
                        <td class="text-right">KES {{ number_format($invoice->total, 0) }}</td>
                    </tr>
                @endforelse
                @if($breakdown['adjustment'] != 0)
                    <tr>
                        <td class="text-muted">–</td>
                        <td class="font-weight-600">Other charges / adjustments</td>
                        <td class="small text-muted">Rounding and manual adjustments</td>
                        <td class="text-right">KES {{ number_format($breakdown['adjustment'], 0) }}</td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>
</div>

{{-- Payments recorded card --}}
<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> Payments recorded
            <small class="text-muted ml-1">{{ $invoice->payments->count() }} payment(s)</small>
        </h3>
        <div class="card-tools no-print">
            <a href="{{ route('finance.payments.create', ['invoice_id' => $invoice->id]) }}" 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>Amount</th>
                    <th>Method</th>
                    <th>Ref</th>
                    <th>Date</th>
                    <th class="text-right">Receipt</th>
                </tr>
            </thead>
            <tbody>
                @forelse($invoice->payments as $p)
                    <tr>
                        <td class="font-weight-600">KES {{ number_format($p->amount, 0) }}</td>
                        <td><span class="class-pill">{{ $p->method }}</span></td>
                        <td class="small text-muted">{{ $p->reference ?? '–' }}</td>
                        <td class="small text-muted">{{ $p->paid_at }}</td>
                        <td class="text-right">
                            <div class="btn-group btn-group-sm" role="group">
                                <a href="{{ route('finance.receipt', $p) }}" class="btn btn-outline-info" title="View / reprint receipt"><i class="fas fa-receipt"></i></a>
                                <a href="{{ route('finance.receipt-pdf', $p) }}" class="btn btn-outline-danger" title="Download receipt PDF"><i class="fas fa-file-pdf"></i></a>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" 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 recorded</p>
                            <p class="text-muted small mb-3">Record the first payment against this invoice.</p>
                            <a href="{{ route('finance.payments.create', ['invoice_id' => $invoice->id]) }}" class="btn btn-sm btn-primary"><i class="fas fa-plus mr-1"></i> Record Payment</a>
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection