@extends('dashboard.layouts.app')

@section('content')
    @include('components.alert')

    @php
        $student = $studentInvoice->student;
        $isSalesOrderInvoice = str_starts_with((string) $studentInvoice->id, 'sales-');
        $studentName = $student
            ? trim(($student->full_name ?? '') ?: (($student->first_name ?? '') . ' ' . ($student->last_name ?? '')))
            : ($studentInvoice->party_name ?? 'Sales Customer');

        $courseItems = $studentInvoice->courseStudentInvoices ?? collect();
        $transactions = $studentInvoice->transactions ?? collect();
        $latestTransactionId = $transactions->max('id');
        $paymentAllocations = ($studentInvoice->paymentAllocations ?? collect())
            ->filter(fn ($allocation) => $allocation->payment)
            ->sortByDesc(fn ($allocation) => optional($allocation->payment->payment_date)->timestamp ?? $allocation->payment->id);

        $paymentStatusClass = match ($studentInvoice->payment_status) {
            'paid', 'paid_purchased' => 'status-pill--success',
            'paid_deposite', 'deposite', 'partial' => 'status-pill--warning',
            'rejected', 'refunded', 'unpaid', 'not_paid' => 'status-pill--danger',
            default => 'status-pill--muted',
        };
        $completionStatusClass = !$studentInvoice->display_completion_status
            ? 'status-pill--muted'
            : ($studentInvoice->display_completion_status === 'complete'
            ? 'status-pill--success'
            : 'status-pill--warning');
        $displayLastSessionAt = $studentInvoice->display_last_session_at;

        $totalPrice = (float) ($studentInvoice->total_price ?? 0);
        $netPrice = (float) ($studentInvoice->display_total_amount ?? ($studentInvoice->net_price ?? $totalPrice));
        $paidAmount = (float) ($studentInvoice->display_paid_amount ?? 0);
        $receivedAmounts = app(\App\Services\InvoiceReceiptPresentationService::class)->groups($studentInvoice);
        $depositAmount = (float) ($studentInvoice->display_deposit_amount ?? 0);
        $remainingAmount = (float) ($studentInvoice->display_remaining_amount ?? max($netPrice - $paidAmount, 0));
        $discountAmount = max($totalPrice - $netPrice, 0);
        $vatAmount = (float) ($studentInvoice->vat_amount ?? 0);
        if ($vatAmount <= 0) {
            $vatAmount = max($netPrice - $totalPrice + $discountAmount, 0);
        }
        $vatRate = (float) ($studentInvoice->vat_rate ?? 0);
        $paidPercent = $netPrice > 0 ? min(100, ($paidAmount / $netPrice) * 100) : 0;
        $receiptUrl = function (?string $path): ?string {
            if (blank($path)) {
                return null;
            }

            if (str_starts_with($path, 'http')) {
                return $path;
            }

            $path = ltrim($path, '/');

            return str_starts_with($path, 'storage/') || str_starts_with($path, 'Uploads/') || str_starts_with($path, 'uploads/')
                ? asset($path)
                : asset('storage/' . $path);
        };
    @endphp

    <style>
        .student-invoice-page {
            color: #1f2937;
        }

        .invoice-panel {
            background: #fff;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
        }

        .invoice-panel__head {
            padding: 1rem 1.15rem;
            border-bottom: 1px solid #edf2f7;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            flex-wrap: wrap;
        }

        .invoice-panel__body {
            padding: 1.15rem;
        }

        .invoice-title {
            margin: 0;
            font-size: 1rem !important;
            font-weight: 800;
            color: #111827;
        }

        .invoice-muted {
            color: #64748b;
            font-size: 0.84rem;
            margin: 0.2rem 0 0;
        }

        .invoice-meta {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 0.75rem;
        }

        .meta-item {
            border: 1px solid #edf2f7;
            border-radius: 8px;
            padding: 0.8rem;
            min-width: 0;
        }

        .meta-item__label {
            display: block;
            color: #64748b;
            font-size: 0.75rem;
            font-weight: 700;
            margin-bottom: 0.25rem;
        }

        .meta-item__value {
            display: block;
            color: #111827;
            font-size: 0.95rem;
            font-weight: 800;
            overflow-wrap: anywhere;
        }

        .status-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            padding: 0.32rem 0.7rem;
            font-size: 0.76rem;
            font-weight: 800;
            line-height: 1.2;
            white-space: nowrap;
        }

        .status-pill--success { background: #ecfdf5; color: #047857; }
        .status-pill--warning { background: #fffbeb; color: #b45309; }
        .status-pill--danger { background: #fef2f2; color: #b91c1c; }
        .status-pill--muted { background: #f3f4f6; color: #4b5563; }
        .status-pill--info { background: #eff6ff; color: #1d4ed8; }

        .payment-box {
            border: 1px solid #dbeafe;
            background: #f8fbff;
            border-radius: 8px;
            padding: 1rem;
        }

        .payment-progress {
            height: 9px;
            border-radius: 999px;
            background: #e5e7eb;
            overflow: hidden;
        }

        .payment-progress span {
            display: block;
            height: 100%;
            border-radius: inherit;
            background: #0f766e;
        }

        .payment-mode {
            display: flex;
            gap: 0.4rem;
            flex-wrap: wrap;
        }

        .payment-mode button {
            border: 1px solid #cbd5e1;
            background: #fff;
            color: #334155;
            border-radius: 8px;
            padding: 0.5rem 0.75rem;
            font-weight: 700;
        }

        .payment-mode button.active {
            border-color: #0f172a;
            background: #0f172a;
            color: #fff;
        }

        .invoice-table {
            margin: 0;
            min-width: 780px;
        }

        .invoice-table thead th {
            background: #f8fafc;
            color: #64748b;
            border-bottom: 1px solid #e5e7eb;
            font-size: 0.76rem;
            font-weight: 800;
            white-space: nowrap;
        }

        .invoice-table tbody td {
            border-color: #edf2f7;
            color: #334155;
            font-size: 0.86rem;
            font-weight: 600;
            vertical-align: middle;
            white-space: nowrap;
        }

        .invoice-summary-line {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            padding: 0.5rem 0;
            border-bottom: 1px solid #edf2f7;
            font-weight: 700;
        }

        .invoice-summary-line:last-child {
            border-bottom: 0;
            color: #111827;
            font-weight: 900;
        }

        .modern-modal {
            border: 0;
            border-radius: 8px;
            box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
            overflow: hidden;
        }

        @media (max-width: 991.98px) {
            .invoice-meta {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 575.98px) {
            .invoice-meta {
                grid-template-columns: 1fr;
            }
        }

        @media print {
            .no-print,
            .sidebar,
            .navbar,
            .page-title {
                display: none !important;
            }

            .invoice-panel {
                box-shadow: none;
            }
        }
    </style>

    <div class="container-fluid app-bg student-invoice-page">
        <div class="page-shell">
            <div class="space-y-3">
                <x-page-title
                    title="Sales Invoice"
                    description="Invoice #{{ $studentInvoice->invoice_number }} - {{ $studentName }}">
                    <x-table-action type="view" url="{{ route('student_invoices.index') }}" :icon="false" label="Back" class="no-print" />
                    <x-table-action type="search" onclick="window.print()" label="Print" class="no-print" />
                    @unless($isSalesOrderInvoice)
                        <x-table-action type="pdf" url="{{ route('student_invoices.download-pdf', $studentInvoice->id) }}" label="Download PDF" class="no-print" />
                    @endunless
                </x-page-title>

                <div class="invoice-panel">
                    <div class="invoice-panel__head">
                        <div>
                            <div class="invoice-title">Invoice #{{ $studentInvoice->invoice_number }}</div>
                            <p class="invoice-muted">
                                Created {{ optional($studentInvoice->created_at)->format('M d, Y') ?: '--' }}
                            </p>
                        </div>
                        <span class="status-pill {{ $paymentStatusClass }}">
                            {{ $studentInvoice->display_payment_status_label ?? ucfirst(str_replace('_', ' ', $studentInvoice->payment_status ?? 'not_paid')) }}
                        </span>
                        <span class="status-pill {{ $completionStatusClass }}">
                            {{ $studentInvoice->display_completion_status_label }}
                        </span>
                    </div>

                    <div class="invoice-panel__body">
                        <div class="invoice-meta">
                            <div class="meta-item">
                                <span class="meta-item__label">Student</span>
                                <span class="meta-item__value">{{ $studentName ?: '--' }}</span>
                            </div>
                            <div class="meta-item">
                                <span class="meta-item__label">Student ID</span>
                                <span class="meta-item__value">{{ $studentInvoice->student_id ?? '--' }}</span>
                            </div>
                            <div class="meta-item">
                                <span class="meta-item__label">Invoice Type</span>
                                <span class="meta-item__value">{{ ucfirst($studentInvoice->type ?? '--') }}</span>
                            </div>
                            <div class="meta-item">
                                <span class="meta-item__label">Remaining</span>
                                <span class="meta-item__value">{{ number_format($remainingAmount, 2) }} {{ $studentInvoice->currency ?: 'EGP' }}</span>
                            </div>
                            <div class="meta-item">
                                <span class="meta-item__label">Deposit</span>
                                <span class="meta-item__value">{{ $depositAmount > 0 ? number_format($depositAmount, 2) : '--' }}</span>
                            </div>
                            <div class="meta-item">
                                <span class="meta-item__label">Last Session</span>
                                <span class="meta-item__value">{{ $displayLastSessionAt ? $displayLastSessionAt->format('M d, Y h:i A') : '--' }}</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row g-3 mb-5">
                    <div class="col-lg-8">
                        <div class="invoice-panel h-100 no-print">
                            <div class="invoice-panel__head mt-3">
                                <div>
                                    <div class="invoice-title">Payment</div>
                                    <p class="invoice-muted">Create a full or partial payment from this invoice.</p>
                                </div>
                                <span class="status-pill {{ $remainingAmount > 0 ? 'status-pill--warning' : 'status-pill--success' }}">
                                    {{ $remainingAmount > 0 ? 'Open' : 'Fully Paid' }}
                                </span>
                            </div>

                            <div class="invoice-panel__body">
                                <div class="payment-box mb-3">
                                    <div class="payment-progress mb-2">
                                        <span style="width: {{ $paidPercent }}%"></span>
                                    </div>
                                    <div class="d-flex justify-content-between flex-wrap gap-2">
                                        <span>Paid: <strong>@include('dashboard.student_invoices._received_amounts', ['receiptGroups' => $receivedAmounts, 'receiptFallbackAmount' => $paidAmount, 'receiptFallbackCurrency' => $studentInvoice->currency ?: 'EGP'])</strong></span>
                                        <span>Remaining: <strong>{{ number_format($remainingAmount, 2) }} {{ $studentInvoice->currency ?: 'EGP' }}</strong></span>
                                        <span>Net: <strong>{{ number_format($netPrice, 2) }} {{ $studentInvoice->currency ?: 'EGP' }}</strong></span>
                                    </div>
                                </div>

                                @if($remainingAmount > 0 && !$isSalesOrderInvoice)
                                    <form action="{{ route('payments.create') }}" method="GET" class="row g-3 align-items-end" id="studentInvoicePaymentForm">
                                        <input type="hidden" name="student_invoice_id" value="{{ $studentInvoice->id }}">

                                        <div class="col-md-4">
                                            <label class="form-label">Payment Mode</label>
                                            <div class="payment-mode">
                                                <button type="button" class="active" data-payment-mode="full">Full</button>
                                                <button type="button" data-payment-mode="partial">Partial</button>
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <label class="form-label" for="studentInvoicePayAmount">Amount</label>
                                            <input
                                                type="number"
                                                class="form-control"
                                                id="studentInvoicePayAmount"
                                                name="amount"
                                                min="0.01"
                                                max="{{ $remainingAmount }}"
                                                step="0.01"
                                                value="{{ number_format($remainingAmount, 2, '.', '') }}"
                                                readonly
                                            >
                                        </div>

                                        <div class="col-md-4">
                                            <button type="submit" class="btn btn-primary w-100">
                                                Create Payment
                                            </button>
                                        </div>
                                    </form>
                                @elseif($remainingAmount > 0 && $canPayViaPurchaseFlow && $purchaseInvoiceId)
                                    {{-- Staff / company sales-order invoice — settle via purchase invoice payment flow --}}
                                    <form action="{{ route('purchase.invoice.payment.store', $purchaseInvoiceId) }}" method="POST" class="row g-3 align-items-end">
                                        @csrf
                                        <div class="col-md-4">
                                            <label class="form-label">Payment Date <span class="text-danger">*</span></label>
                                            <input type="date" name="payment_date" class="form-control @error('payment_date') is-invalid @enderror"
                                                   value="{{ old('payment_date', now()->toDateString()) }}" required>
                                            @error('payment_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>

                                        <div class="col-md-4">
                                            <label class="form-label">Treasury <span class="text-danger">*</span></label>
                                            <select name="treasury_id" class="form-select @error('treasury_id') is-invalid @enderror" required>
                                                <option value="">Choose treasury</option>
                                                @foreach($treasuries as $treasury)
                                                    <option value="{{ $treasury->id }}" @selected(old('treasury_id') == $treasury->id)>
                                                        {{ $treasury->name }} — Balance {{ number_format((float) ($treasury->current_balance ?? 0), 2) }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('treasury_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>

                                        <div class="col-md-4">
                                            <label class="form-label">Amount <span class="text-danger">*</span></label>
                                            <input type="number" step="0.01" min="0.01" max="{{ $remainingAmount }}"
                                                   name="amount" class="form-control @error('amount') is-invalid @enderror"
                                                   value="{{ old('amount', number_format($remainingAmount, 2, '.', '')) }}" required>
                                            @error('amount')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>

                                        <div class="col-12">
                                            <label class="form-label">Notes</label>
                                            <textarea name="notes" class="form-control @error('notes') is-invalid @enderror" rows="2">{{ old('notes') }}</textarea>
                                            @error('notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>

                                        <div class="col-12">
                                            <button type="submit" class="btn btn-primary rounded-pill w-100">Record Payment</button>
                                        </div>
                                    </form>
                                @elseif($remainingAmount <= 0)
                                    <div class="text-success fw-bold">This invoice is fully paid.</div>
                                @else
                                    <div class="text-muted fw-bold">Use the sales payment flow to collect this invoice.</div>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="invoice-panel h-100 mt-3">
                            <div class="invoice-panel__head">
                                <div class="invoice-title">Summary</div>
                            </div>
                            <div class="invoice-panel__body">
                                <div class="invoice-summary-line">
                                    <span>Original total</span>
                                    <strong>{{ number_format($totalPrice, 2) }} {{ $studentInvoice->currency ?: 'EGP' }}</strong>
                                </div>
                                <div class="invoice-summary-line">
                                    <span>Discount</span>
                                    <strong>{{ number_format($discountAmount, 2) }} {{ $studentInvoice->currency ?: 'EGP' }}</strong>
                                </div>
                                @if($vatAmount > 0)
                                    <div class="invoice-summary-line">
                                        <span>VAT{{ $vatRate > 0 ? ' (' . number_format($vatRate, 2) . '%)' : '' }}</span>
                                        <strong>{{ number_format($vatAmount, 2) }} {{ $studentInvoice->currency ?: 'EGP' }}</strong>
                                    </div>
                                @endif
                                <div class="invoice-summary-line">
                                    <span>Paid</span>
                                    <strong>@include('dashboard.student_invoices._received_amounts', ['receiptGroups' => $receivedAmounts, 'receiptFallbackAmount' => $paidAmount, 'receiptFallbackCurrency' => $studentInvoice->currency ?: 'EGP'])</strong>
                                </div>
                                @if($depositAmount > 0)
                                    <div class="invoice-summary-line">
                                        <span>Deposit</span>
                                        <strong>@include('dashboard.student_invoices._received_amounts', ['receiptGroups' => $receivedAmounts, 'receiptFallbackAmount' => $depositAmount, 'receiptFallbackCurrency' => $studentInvoice->currency ?: 'EGP'])</strong>
                                    </div>
                                @endif
                                <div class="invoice-summary-line">
                                    <span>{{ $remainingAmount <= 0 && $receivedAmounts ? 'Paid total' : 'Invoice total' }}</span>
                                    <strong>
                                        @if($remainingAmount <= 0 && $receivedAmounts)
                                            @include('dashboard.student_invoices._received_amounts', ['receiptGroups' => $receivedAmounts])
                                        @else
                                            {{ number_format($netPrice, 2) }} {{ $studentInvoice->currency ?: 'EGP' }}
                                        @endif
                                    </strong>
                                </div>
                                <div class="invoice-summary-line">
                                    <span>Remaining</span>
                                    <strong>{{ number_format($remainingAmount, 2) }} {{ $studentInvoice->currency ?: 'EGP' }}</strong>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="invoice-panel mt-3">
                    <div class="invoice-panel__head">
                        <div>
                            <div class="invoice-title">Payments</div>
                            <p class="invoice-muted">{{ $paymentAllocations->count() }} payment(s) allocated to this invoice.</p>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table class="table invoice-table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Payment No</th>
                                    <th>Date</th>
                                    <th>Status</th>
                                    <th>Method</th>
                                    <th>Allocated</th>
                                    <th>Receipt</th>
                                    <th>From</th>
                                    <th>To</th>
                                    <th class="no-print">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($paymentAllocations as $allocation)
                                    @php
                                        $payment = $allocation->payment;
                                        $paymentStatusClass = match ($payment->status ?? null) {
                                            'posted' => 'status-pill--success',
                                            'reversed', 'voided' => 'status-pill--danger',
                                            'pending' => 'status-pill--warning',
                                            default => 'status-pill--muted',
                                        };
                                        [$allocatedAmount, $allocatedCurrency] = app(\App\Services\InvoiceReceiptPresentationService::class)->allocationAmount($allocation, $studentInvoice->currency ?: 'EGP');
                                    @endphp
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td><strong>{{ $payment->payment_no ?: ('#' . $payment->id) }}</strong></td>
                                        <td>{{ optional($payment->payment_date)->format('M d, Y') ?: '--' }}</td>
                                        <td>
                                            <span class="status-pill {{ $paymentStatusClass }}">
                                                {{ ucfirst($payment->status ?? 'draft') }}
                                            </span>
                                        </td>
                                        <td>{{ ucwords(str_replace('_', ' ', $payment->payment_method ?? '--')) }}</td>
                                        <td><strong>{{ number_format($allocatedAmount, 2) }} {{ $allocatedCurrency }}</strong></td>
                                        <td>
                                            @if (!empty($payment->receipt_image))
                                                <a href="{{ asset('storage/' . ltrim($payment->receipt_image, '/')) }}" target="_blank" class="btn btn-sm btn-outline-secondary">
                                                    View
                                                </a>
                                            @else
                                                <span class="text-muted">--</span>
                                            @endif
                                        </td>
                                        <td>{{ $payment->fromAccount ? ($payment->fromAccount->code . ' - ' . $payment->fromAccount->title) : '--' }}</td>
                                        <td>{{ $payment->toAccount ? ($payment->toAccount->code . ' - ' . $payment->toAccount->title) : '--' }}</td>
                                        <td class="no-print">
                                            <a href="{{ route('payments.show', $payment->id) }}" class="btn btn-sm btn-outline-primary">View</a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10" class="text-center text-muted py-3">No payments allocated to this invoice yet.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="invoice-panel mt-3">
                    <div class="invoice-panel__head">
                        <div>
                            <div class="invoice-title">Courses</div>
                            <p class="invoice-muted">{{ $courseItems->count() }} course item(s) linked to this invoice.</p>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table class="table invoice-table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Course</th>
                                    <th>Booking ID</th>
                                    <th>Course ID</th>
                                    <th>Start</th>
                                    <th>End</th>
                                    <th>Teacher</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($courseItems as $item)
                                    @php
                                        $course = $item->course;
                                        $courseTitle = $course?->course_name_en
                                            ?: ($course?->track?->name_en ?? null)
                                            ?: ($course?->academyProduct?->name_en ?? 'N/A');
                                        $teacherName = $course?->staff
                                            ? trim(($course->staff->first_name ?? '') . ' ' . ($course->staff->last_name ?? ''))
                                            : '--';
                                    @endphp
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td><strong>{{ $courseTitle }}</strong></td>
                                        <td>{{ $item->id }}</td>
                                        <td>{{ $item->course_id }}</td>
                                        <td>{{ $course?->start_date ?? '--' }}</td>
                                        <td>{{ $course?->end_date ?? '--' }}</td>
                                        <td>{{ $teacherName ?: '--' }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center text-muted py-3">No courses linked to this invoice.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="invoice-panel mt-3">
                    <div class="invoice-panel__head">
                        <div>
                            <div class="invoice-title">Transactions</div>
                            <p class="invoice-muted">{{ $transactions->count() }} transaction(s).</p>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table class="table invoice-table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Amount</th>
                                    <th>Payment Type</th>
                                    <th>Status</th>
                                    <th>Date</th>
                                    <th>Receipt</th>
                                    <th class="no-print">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($transactions as $transaction)
                                    @php
                                        $transactionReceiptPath = $transaction->transaction_img
                                            ?? $transaction->receipt_image
                                            ?? $transaction->payment_receipt
                                            ?? $transaction->receipt
                                            ?? $transaction->image
                                            ?? $transaction->invoice_img
                                            ?? null;
                                        $transactionReceiptUrl = $receiptUrl($transactionReceiptPath);
                                    @endphp
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td><strong>{{ number_format($transaction->treasury_amount ?? $transaction->amount ?? 0, 2) }} {{ $transaction->treasury_currency ?: $transaction->currency }}</strong></td>
                                        <td>{{ ucfirst(str_replace('_', ' ', $transaction->payment_type ?? '--')) }}</td>
                                        <td>
                                            <span class="status-pill {{ $transaction->status === 'paid' ? 'status-pill--success' : (in_array($transaction->status, ['rejected', 'cancelled'], true) ? 'status-pill--danger' : 'status-pill--warning') }}">
                                                {{ ucfirst($transaction->status ?? 'pending') }}
                                            </span>
                                        </td>
                                        <td>{{ optional($transaction->created_at)->format('M d, Y') ?: '--' }}</td>
                                        <td>
                                            @if ($transactionReceiptUrl)
                                                <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#transactionReceiptModal{{ $transaction->id }}">
                                                    View
                                                </button>
                                            @else
                                                <span class="text-muted">--</span>
                                            @endif
                                        </td>
                                        <td class="no-print">
                                            @if ($transaction->id === $latestTransactionId && $transaction->status === 'pending' && $transaction->payment_type === 'instapay')
                                                <form action="{{ route('transactions.updateStatus', $transaction->id) }}" method="POST" class="d-inline">
                                                    @csrf
                                                    @method('PATCH')
                                                    <input type="hidden" name="status" value="paid">
                                                    <button type="submit" class="btn btn-sm btn-outline-success">Accept</button>
                                                </form>
                                                <button type="button" class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#rejectModal{{ $transaction->id }}">
                                                    Reject
                                                </button>
                                            @else
                                                <span class="text-muted">--</span>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center text-muted py-3">No transactions found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                @foreach ($transactions as $transaction)
                    @php
                        $transactionReceiptPath = $transaction->transaction_img
                            ?? $transaction->receipt_image
                            ?? $transaction->payment_receipt
                            ?? $transaction->receipt
                            ?? $transaction->image
                            ?? $transaction->invoice_img
                            ?? null;
                        $transactionReceiptUrl = $receiptUrl($transactionReceiptPath);
                    @endphp

                    @if ($transactionReceiptUrl)
                        <div class="modal fade" id="transactionReceiptModal{{ $transaction->id }}" tabindex="-1" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered modal-xl">
                                <div class="modal-content modern-modal">
                                    <div class="modal-header">
                                        <div class="modal-title">Transaction Receipt #{{ $transaction->id }}</div>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                    </div>
                                    <div class="modal-body text-center bg-light">
                                        <img src="{{ $transactionReceiptUrl }}" alt="Transaction receipt" class="img-fluid rounded border bg-white">
                                    </div>
                                    <div class="modal-footer">
                                        <a href="{{ $transactionReceiptUrl }}" target="_blank" class="btn btn-outline-primary">Open Original</a>
                                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if ($transaction->id === $latestTransactionId && $transaction->status === 'pending' && $transaction->payment_type === 'instapay')
                        <div class="modal fade" id="rejectModal{{ $transaction->id }}" tabindex="-1" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered">
                                <div class="modal-content modern-modal">
                                    <form action="{{ route('transactions.updateStatus', $transaction->id) }}" method="POST">
                                        @csrf
                                        @method('PATCH')
                                        <input type="hidden" name="status" value="rejected">

                                        <div class="modal-header">
                                            <div class="modal-title">Reject Transaction</div>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                        </div>
                                        <div class="modal-body">
                                            <label class="form-label">Reason</label>
                                            <textarea name="reason" class="form-control" rows="4" required></textarea>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                                            <button type="submit" class="btn btn-outline-danger">Reject</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const form = document.getElementById('studentInvoicePaymentForm');
            if (!form) {
                return;
            }

            const amountInput = document.getElementById('studentInvoicePayAmount');
            const remaining = Number(amountInput ? amountInput.max : 0) || 0;

            form.querySelectorAll('[data-payment-mode]').forEach(function (button) {
                button.addEventListener('click', function () {
                    form.querySelectorAll('[data-payment-mode]').forEach(function (item) {
                        item.classList.remove('active');
                    });

                    button.classList.add('active');

                    if (button.dataset.paymentMode === 'full') {
                        amountInput.value = remaining.toFixed(2);
                        amountInput.readOnly = true;
                        return;
                    }

                    amountInput.readOnly = false;
                    amountInput.focus();
                });
            });
        });
    </script>
@endsection