@extends('dashboard.layouts.app')

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

    @php
        $statusClass = match ($invoice->status) {
            'paid' => 'status-pill--success',
            'partial' => 'status-pill--warning',
            'cancelled' => 'status-pill--danger',
            default => 'status-pill--muted',
        };
        $canPay = in_array($invoice->status, ['unpaid', 'partial'], true) && (float) $invoice->remaining_amount > 0;
        $totalAmount = (float) ($invoice->total ?? 0);
        $paidAmount = (float) ($invoice->paid_amount ?? 0);
        $remainingAmount = (float) ($invoice->remaining_amount ?? 0);
        $paidPercent = $totalAmount > 0 ? min(100, ($paidAmount / $totalAmount) * 100) : 0;
        $purchasePartyType = $invoice->purchase?->party_type ?? null; // 'student', 'staff', 'company', null
        $purchaseInvoiceType = $invoice->purchase?->invoice_type ?? null; // 'sale' or 'purchase'
        // A "sales invoice" that should be redirected to the student flow = sale order for a student only.
        // Staff/company sale orders are paid through the normal purchase payment flow.
        $isSalesInvoice = $purchaseInvoiceType === 'sale' && $purchasePartyType === 'student';
        $isSaleOrder    = $purchaseInvoiceType === 'sale'; // any sale order (staff or student)
        $invoiceTitle = $isSaleOrder ? 'Sales Invoice' : 'Purchase Invoice';
        $orderLabel   = $isSaleOrder ? 'Sales Order'   : 'Purchase Order';
        $partyLabel   = match(true) {
            $purchasePartyType === 'staff'   => 'Staff',
            $purchasePartyType === 'student' => 'Student',
            default                          => 'Vendor',
        };
        $partyName = match(true) {
            $purchasePartyType === 'student' => ($invoice->purchase?->student?->full_name ?? $invoice->purchase?->name ?? $invoice->vendor?->name ?? 'Party'),
            $purchasePartyType === 'staff'   => ($invoice->purchase?->name ?? 'Staff'),
            default                          => ($invoice->vendor?->name ?? $invoice->purchase?->vendors?->first()?->name ?? 'Vendor'),
        };
        $canPay = !$isSalesInvoice && $canPay;
    @endphp

    <style>
        .purchase-invoice-show {
            color: #1f2937;
        }

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

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

        .purchase-invoice-show .pi-card__body { padding: 1.15rem; }
        .purchase-invoice-show .pi-title { margin: 0; color: #111827; font-size: 1rem; font-weight: 800; }
        .purchase-invoice-show .pi-subtitle { margin: 0.2rem 0 0; color: #64748b; font-size: 0.84rem; line-height: 1.5; }
        .purchase-invoice-show .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; }
        .purchase-invoice-show .status-pill--success { background: #ecfdf5; color: #047857; }
        .purchase-invoice-show .status-pill--warning { background: #fffbeb; color: #b45309; }
        .purchase-invoice-show .status-pill--danger { background: #fef2f2; color: #b91c1c; }
        .purchase-invoice-show .status-pill--muted { background: #f3f4f6; color: #4b5563; }
        .purchase-invoice-show .pi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; }
        .purchase-invoice-show .pi-meta { border: 1px solid #edf2f7; border-radius: 8px; padding: 0.8rem; min-width: 0; background: #fff; }
        .purchase-invoice-show .pi-meta span { display: block; color: #64748b; font-size: 0.75rem; font-weight: 700; margin-bottom: 0.25rem; }
        .purchase-invoice-show .pi-meta strong { display: block; color: #111827; font-size: 0.95rem; font-weight: 800; overflow-wrap: anywhere; }
        .purchase-invoice-show .pi-summary { border: 1px solid #dbeafe; border-radius: 8px; background: #f8fbff; padding: 1rem; }
        .purchase-invoice-show .pi-summary-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.5rem 0; border-bottom: 1px solid #edf2f7; font-weight: 700; }
        .purchase-invoice-show .pi-summary-row:last-child { border-bottom: 0; color: #111827; font-weight: 900; }
        .purchase-invoice-show .payment-progress { height: 9px; border-radius: 999px; background: #e5e7eb; overflow: hidden; }
        .purchase-invoice-show .payment-progress span { display: block; height: 100%; border-radius: inherit; background: #0f766e; }
        .purchase-invoice-show .invoice-table { margin: 0; min-width: 780px; }
        .purchase-invoice-show .invoice-table thead th { background: #f8fafc; color: #64748b; border-bottom: 1px solid #e5e7eb; font-size: 0.76rem; font-weight: 800; white-space: nowrap; }
        .purchase-invoice-show .invoice-table tbody td { border-color: #edf2f7; color: #334155; font-size: 0.86rem; font-weight: 600; vertical-align: middle; white-space: nowrap; }

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

        @media (max-width: 575.98px) {
            .purchase-invoice-show .pi-grid { grid-template-columns: 1fr; }
        }
    </style>

    <div class="container-fluid app-bg purchase-invoice-show">
        <div class="page-shell">
            <div class="space-y-4">
                <x-page-title
                    title="{{ $invoiceTitle }} {{ $invoice->invoice_number }}"
                    description="Invoice #{{ $invoice->invoice_number }} - {{ $partyName }}">
                    <div class="d-flex gap-2 flex-wrap">
                        <a href="{{ route('purchase.show', $invoice->purchase_id) }}" class="btn btn-outline-secondary rounded-pill">Back to Order</a>
                    </div>
                </x-page-title>

                <div class="row g-4">
                    <div class="col-lg-8">
                        <div class="pi-card">
                            <div class="pi-card__head">
                                <div>
                                    <p class="pi-title">Invoice Details</p>
                                    <p class="pi-subtitle">{{ $isSalesInvoice ? 'Sales invoice posting records receivable and revenue.' : 'Invoice posting creates payable only. Payments move treasury balance.' }}</p>
                                </div>
                                <span class="status-pill {{ $statusClass }}">{{ ucwords(str_replace('_', ' ', $invoice->status)) }}</span>
                            </div>
                            <div class="pi-card__body">
                                <div class="pi-grid">
                                    <div class="pi-meta">
                                        <span>{{ $orderLabel }}</span>
                                        <strong>{{ $invoice->purchase?->purchase_number ?? '--' }}</strong>
                                    </div>
                                    <div class="pi-meta">
                                        <span>{{ $partyLabel }}</span>
                                        <strong>{{ $partyName ?: '--' }}</strong>
                                    </div>
                                    <div class="pi-meta">
                                        <span>{{ $isSalesInvoice ? 'Invoice Reference' : 'Vendor Invoice No.' }}</span>
                                        <strong>{{ $invoice->vendor_invoice_number ?: '--' }}</strong>
                                    </div>
                                    <div class="pi-meta">
                                        <span>Invoice Date</span>
                                        <strong>{{ optional($invoice->invoice_date)->format('M d, Y') ?: '--' }}</strong>
                                    </div>
                                    <div class="pi-meta">
                                        <span>Due Date</span>
                                        <strong>{{ optional($invoice->due_date)->format('M d, Y') ?: '--' }}</strong>
                                    </div>
                                    <div class="pi-meta">
                                        <span>Journal Entry</span>
                                        <strong>{{ $invoice->invoiceJournalEntry?->reference_no ?? '--' }}</strong>
                                    </div>
                                </div>

                                <div class="table-responsive mt-3">
                                    <table class="table invoice-table">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Item</th>
                                                <th>Qty</th>
                                                <th>Price</th>
                                                <th>Amount</th>
                                                <th>Tax</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse($invoice->purchase?->details ?? [] as $detail)
                                                <tr>
                                                    <td>{{ $loop->iteration }}</td>
                                                    <td><strong>{{ $detail->product_name ?: '--' }}</strong></td>
                                                    <td>{{ $detail->quantity }}</td>
                                                    <td>{{ number_format((float) $detail->price, 2) }}</td>
                                                    <td>{{ number_format((float) $detail->amount, 2) }}</td>
                                                    <td>{{ number_format((float) $detail->tax_rate, 2) }}%</td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="6" class="text-center text-muted py-4">No items found.</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <div class="pi-card mt-4">
                            <div class="pi-card__head">
                                <div>
                                    <p class="pi-title">Payments</p>
                                    <p class="pi-subtitle">{{ $isSalesInvoice ? 'Payments linked to this sales invoice.' : 'Every payment creates a treasury OUT transaction and a payment journal entry.' }}</p>
                                </div>
                            </div>
                            <div class="pi-card__body">
                                <div class="table-responsive">
                                    <table class="table invoice-table">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Date</th>
                                                <th>Treasury</th>
                                                <th>Amount</th>
                                                <th>Journal Entry</th>
                                                <th>Notes</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $paymentRows = $invoice->payments->map(fn ($payment) => ['payment' => $payment, 'amount' => $payment->amount])
                                                    ->concat($invoice->paymentAllocations->filter(fn ($allocation) => $allocation->payment)
                                                        ->map(fn ($allocation) => ['payment' => $allocation->payment, 'amount' => ($allocation->is_reversal ? -1 : 1) * (float) $allocation->allocated_amount]));
                                            @endphp
                                            @forelse($paymentRows as $paymentRow)
                                                @php $payment = $paymentRow['payment']; @endphp
                                                <tr>
                                                    <td>{{ $loop->iteration }}</td>
                                                    <td>{{ optional($payment->payment_date)->format('M d, Y') ?: '--' }}</td>
                                                    <td>{{ $payment->treasury?->name ?? '--' }}</td>
                                                    <td><strong>{{ number_format((float) $paymentRow['amount'], 2) }}</strong></td>
                                                    <td>{{ $payment->journalEntry?->reference_no ?? '--' }}</td>
                                                    <td>{{ $payment->notes ?: '--' }}</td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="6" class="text-center text-muted py-4">No payments recorded yet.</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="pi-card">
                            <div class="pi-card__head">
                                <div>
                                    <p class="pi-title">Balance</p>
                                    <p class="pi-subtitle">Payment progress for this invoice.</p>
                                </div>
                            </div>
                            <div class="pi-card__body">
                                <div class="pi-summary">
                                    <div class="payment-progress mb-3">
                                        <span style="width: {{ $paidPercent }}%"></span>
                                    </div>
                                    <div class="pi-summary-row">
                                        <span>Total</span>
                                        <strong>{{ number_format($totalAmount, 2) }}</strong>
                                    </div>
                                    <div class="pi-summary-row">
                                        <span>Paid</span>
                                        <strong>{{ number_format($paidAmount, 2) }}</strong>
                                    </div>
                                    <div class="pi-summary-row">
                                        <span>Remaining</span>
                                        <strong>{{ number_format($remainingAmount, 2) }}</strong>
                                    </div>
                                </div>
                            </div>
                        </div>

                        @if($canPay)
                            <div class="pi-card mt-4">
                                <div class="pi-card__head">
                                    <div>
                                        <p class="pi-title">Record Payment</p>
                                        <p class="pi-subtitle">Choose treasury and amount. This is the cash movement step.</p>
                                    </div>
                                </div>
                                <div class="pi-card__body">
                                    <form action="{{ route('purchase.invoice.payment.store', $invoice->id) }}" method="POST">
                                        @csrf

                                        <div class="mb-3">
                                            <label for="payment_date" class="form-label">Payment Date <span class="text-danger">*</span></label>
                                            <input type="date" name="payment_date" id="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="mb-3">
                                            <label for="treasury_id" class="form-label">Treasury <span class="text-danger">*</span></label>
                                            <select name="treasury_id" id="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="mb-3">
                                            <label for="amount" class="form-label">Amount <span class="text-danger">*</span></label>
                                            <input type="number" step="0.01" min="0.01" max="{{ (float) $invoice->remaining_amount }}" name="amount" id="amount" class="form-control @error('amount') is-invalid @enderror" value="{{ old('amount', number_format((float) $invoice->remaining_amount, 2, '.', '')) }}" required>
                                            @error('amount')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>

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

                                        <button type="submit" class="btn btn-primary rounded-pill w-100">
                                            Record Payment
                                        </button>
                                    </form>
                                </div>
                            </div>
                        @else
                            <div class="pi-card mt-4">
                                <div class="pi-card__head">
                                    <div>
                                        <p class="pi-title">{{ $isSalesInvoice ? 'Sales Payment' : 'Payment Complete' }}</p>
                                        <p class="pi-subtitle">{{ $isSalesInvoice ? 'Use the sales payment flow to collect this invoice.' : 'This purchase invoice has no remaining balance.' }}</p>
                                    </div>
                                </div>
                                <div class="pi-card__body">
                                    <span class="status-pill {{ $isSalesInvoice ? 'status-pill--muted' : 'status-pill--success' }}">
                                        {{ $isSalesInvoice ? 'Sales invoice' : 'Paid in full' }}
                                    </span>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection