@extends('layouts.app')

@section('title', $invoice->invoice_no)

@section('crumbs')
    <a href="{{ route('dashboard') }}">Dashboard</a><span class="sep">/</span><a href="{{ route('invoices.index') }}">Invoices</a><span class="sep">/</span><span>{{ $invoice->invoice_no }}</span>
@endsection

@section('content')
    <div class="page-header">
        <div>
            <h1>{{ $invoice->invoice_no }}</h1>
            <p class="page-header__subtitle">
                <a href="{{ route('students.show', $invoice->student) }}">
                    <strong>{{ $invoice->student?->full_name ?? '—' }}</strong>
                </a>
                <span class="mono">&middot; {{ $invoice->student?->admission_no }}</span>
                &middot; Issued {{ $invoice->issue_date?->format('d M Y') }}
                &middot; Due {{ $invoice->due_date?->format('d M Y') }}
                <span class="badge badge--{{ ['paid' => 'green', 'partial' => 'amber', 'unpaid' => 'red', 'void' => 'gray'][$invoice->status] ?? 'gray' }}">
                    {{ ucfirst($invoice->status) }}
                </span>
            </p>
        </div>
        <div class="flex-between">
            <a href="{{ route('invoices.index', ['student' => $invoice->student_id]) }}" class="btn btn--ghost">
                Student invoices
            </a>
            <a href="{{ route('invoices.index') }}" class="btn btn--secondary">All invoices</a>
        </div>
    </div>

    <div class="grid-2">
        <div>
            <div class="card">
                <div class="card__header"><h3 class="mb-0">Invoice items</h3></div>
                <div class="card__body card__body--flush">
                    <div class="table-wrap">
                        <table class="table">
                            <thead>
                            <tr>
                                <th>Description</th>
                                <th class="num">Amount</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse ($invoice->items as $item)
                                <tr>
                                    <td>
                                        {{ $item->description }}
                                        @if ($item->feeStructure)
                                            <div class="form-hint">
                                                {{ $item->feeStructure->feeCategory?->name ?? 'Fee structure' }}
                                            </div>
                                        @endif
                                    </td>
                                    <td class="num">GH&#8373; {{ number_format($item->amount, 2) }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="2" class="table-empty">No items on this invoice yet.</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                @can('manage', $invoice)
                    <div class="card__header" style="border-top:1px solid var(--border);border-bottom:0;">
                        <form method="POST" action="{{ route('invoices.items.store', $invoice) }}" class="filters">
                            @csrf
                            <div class="form-group">
                                <label for="item_description">Description <span class="req">*</span></label>
                                <input type="text" id="item_description" name="description" maxlength="200"
                                       required value="{{ old('description') }}" placeholder="e.g. Exam levy">
                            </div>
                            <div class="form-group">
                                <label for="item_amount">Amount (GH&#8373;) <span class="req">*</span></label>
                                <input type="number" id="item_amount" name="amount" min="0" step="0.01"
                                       required value="{{ old('amount') }}" placeholder="0.00">
                            </div>
                            <button type="submit" class="btn btn--secondary">Add item</button>
                        </form>
                    </div>
                @endcan
            </div>

            <div class="card">
                <div class="card__header"><h3 class="mb-0">Payments received</h3></div>
                <div class="card__body card__body--flush">
                    <div class="table-wrap">
                        <table class="table">
                            <thead>
                            <tr>
                                <th>Payment</th>
                                <th>Date</th>
                                <th>Method</th>
                                <th class="num">Amount</th>
                                <th>Reference</th>
                                <th>Received by</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse ($invoice->payments as $payment)
                                <tr>
                                    <td class="mono">{{ $payment->payment_no }}</td>
                                    <td>{{ $payment->paid_at?->format('d M Y H:i') }}</td>
                                    <td>
                                        <span class="badge badge--{{ ['cash' => 'green', 'mobile_money' => 'cyan', 'bank_transfer' => 'blue', 'card' => 'amber', 'cheque' => 'gray', 'other' => 'gray'][$payment->method] ?? 'gray' }}">
                                            {{ ['cash' => 'Cash', 'mobile_money' => 'Mobile money', 'bank_transfer' => 'Bank transfer', 'card' => 'Card', 'cheque' => 'Cheque', 'other' => 'Other'][$payment->method] ?? ucfirst($payment->method) }}
                                        </span>
                                    </td>
                                    <td class="num">GH&#8373; {{ number_format($payment->amount, 2) }}</td>
                                    <td>{{ $payment->reference ?? '—' }}</td>
                                    <td>{{ $payment->receivedBy?->full_name ?? '—' }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="table-empty">No payments recorded against this invoice.</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div>
            <div class="card">
                <div class="card__header"><h3 class="mb-0">Summary</h3></div>
                <div class="card__body">
                    <table class="table">
                        <tbody>
                        <tr>
                            <th style="width:55%;">Subtotal</th>
                            <td class="num">GH&#8373; {{ number_format($invoice->subtotal, 2) }}</td>
                        </tr>
                        <tr>
                            <th>Discount</th>
                            <td class="num">GH&#8373; {{ number_format($invoice->discount, 2) }}</td>
                        </tr>
                        <tr>
                            <th>Total</th>
                            <td class="num"><strong>GH&#8373; {{ number_format($invoice->total, 2) }}</strong></td>
                        </tr>
                        <tr>
                            <th>Amount paid</th>
                            <td class="num">GH&#8373; {{ number_format($invoice->amount_paid, 2) }}</td>
                        </tr>
                        <tr>
                            <th>Balance</th>
                            <td class="num">
                                <strong class="{{ $invoice->balance > 0.009 ? '' : 'text-muted' }}">
                                    GH&#8373; {{ number_format($invoice->balance, 2) }}
                                </strong>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <div class="form-hint" style="margin-top:.6rem;">
                        Academic year: <strong>{{ $invoice->academicYear?->name ?? '—' }}</strong>
                        @if ($invoice->academicTerm)
                            &middot; Term: <strong>{{ $invoice->academicTerm->name }}</strong>
                        @endif
                    </div>
                </div>
            </div>

            @can('manage', $invoice)
                <div class="card">
                    <div class="card__header"><h3 class="mb-0">Record payment</h3></div>
                    <div class="card__body">
                        @if ($invoice->balance <= 0.009)
                            <div class="alert alert--success mb-0">
                                This invoice is fully settled — nothing to collect.
                            </div>
                        @else
                            <form method="POST" action="{{ route('payments.store') }}">
                                @csrf
                                <input type="hidden" name="invoice_id" value="{{ $invoice->id }}">
                                <input type="hidden" name="student_id" value="{{ $invoice->student_id }}">

                                <div class="form-grid">
                                    <div class="form-group">
                                        <label for="pay_amount">Amount (GH&#8373;) <span class="req">*</span></label>
                                        <input type="number" id="pay_amount" name="amount" min="0.01" step="0.01"
                                               required
                                               value="{{ old('amount', number_format($invoice->balance, 2, '.', '')) }}">
                                    </div>

                                    <div class="form-group">
                                        <label for="pay_method">Method <span class="req">*</span></label>
                                        <select id="pay_method" name="method" required>
                                            @foreach (['cash' => 'Cash', 'mobile_money' => 'Mobile money', 'bank_transfer' => 'Bank transfer', 'card' => 'Card', 'cheque' => 'Cheque', 'other' => 'Other'] as $value => $label)
                                                <option value="{{ $value }}" @selected(old('method', 'cash') === $value)>
                                                    {{ $label }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="form-group">
                                        <label for="pay_reference">Reference</label>
                                        <input type="text" id="pay_reference" name="reference" maxlength="100"
                                               value="{{ old('reference') }}" placeholder="Receipt / txno">
                                    </div>

                                    <div class="form-group">
                                        <label for="pay_paid_at">Paid at</label>
                                        <input type="datetime-local" id="pay_paid_at" name="paid_at"
                                               value="{{ old('paid_at', now()->format('Y-m-d\TH:i')) }}">
                                    </div>
                                </div>

                                <div class="form-group" style="margin-top:.6rem;">
                                    <label for="pay_notes">Notes</label>
                                    <textarea id="pay_notes" name="notes" rows="2">{{ old('notes') }}</textarea>
                                </div>

                                <button type="submit" class="btn btn--success btn--block">Record payment</button>
                            </form>
                        @endif
                    </div>
                </div>
            @endcan
        </div>
    </div>
@endsection

@push('head')
    <style>
        input[type="datetime-local"] {
            width: 100%;
            padding: .55rem .7rem;
            border: 1px solid #cfd7e5;
            border-radius: 8px;
            background: #fff;
            color: inherit;
            font-family: inherit;
            font-size: .92rem;
        }
        input[type="datetime-local"]:focus {
            outline: none;
            border-color: var(--primary);
            box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
        }
        input[type="checkbox"] { width: auto; flex: none; margin-top: .15rem; }
    </style>
@endpush