@extends('dashboard.layouts.app')

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

    @php
        $isSaleOrder = ($purchase->invoice_type ?? null) === 'sale';
        $canCreateInvoice = !$isSaleOrder && in_array($purchase->status, ['approved', 'purchased'], true) && !$purchase->purchaseInvoice;
        $hasInvoice = $purchase->purchase_invoice_id
            || $purchase->student_invoice_id
            || $purchase->details->contains(fn ($detail) => !empty($detail->student_invoice_id));
        $statusClass = $hasInvoice ? 'pi-pill--success' : 'pi-pill--warn';
        $statusLabel = $hasInvoice ? 'Invoiced' : 'Pending';
        $defaultVendorId = old('vendor_id', $purchase->vendors->first()?->id);
        $invoiceDate = old('invoice_date', now()->toDateString());
        $dueDate = old('due_date', $purchase->due_date ?: $purchase->required_by);
    @endphp

    <style>
        .purchase-invoice-page .pi-card {
            border: 1px solid #e5e7eb;
            border-radius: 18px;
            background: #fff;
            box-shadow: 0 14px 36px rgba(15, 23, 42, 0.07);
            overflow: hidden;
        }

        .purchase-invoice-page .pi-card__head {
            padding: 1.15rem 1.25rem;
            border-bottom: 1px solid #eef2f7;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 1rem;
            flex-wrap: wrap;
            background: #f8fafc;
        }

        .purchase-invoice-page .pi-card__body { padding: 1.25rem; }
        .purchase-invoice-page .pi-title { margin: 0; color: #0f172a; font-size: 1rem; font-weight: 900; }
        .purchase-invoice-page .pi-subtitle { margin: 0.25rem 0 0; color: #64748b; font-size: 0.86rem; line-height: 1.5; }
        .purchase-invoice-page .pi-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
        .purchase-invoice-page .pi-preview { border: 1px solid #e5e7eb; border-radius: 16px; background: #f8fafc; padding: 1rem; }
        .purchase-invoice-page .pi-preview__row { display: flex; justify-content: space-between; gap: 1rem; padding: 0.55rem 0; border-bottom: 1px solid #e5e7eb; color: #334155; font-weight: 750; }
        .purchase-invoice-page .pi-preview__row:last-child { border-bottom: 0; }
        .purchase-invoice-page .pi-total { border: 1px solid #bfdbfe; border-radius: 16px; background: #eff6ff; padding: 1rem; }
        .purchase-invoice-page .pi-total strong { color: #1d4ed8; font-size: 1.35rem; }
        .purchase-invoice-page .pi-pill { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 0.38rem 0.75rem; font-size: 0.74rem; font-weight: 850; line-height: 1.2; white-space: nowrap; }
        .purchase-invoice-page .pi-pill--neutral { background: #f3f4f6; color: #374151; }
        .purchase-invoice-page .pi-pill--success { background: #f0fdf4; color: #166534; }
        .purchase-invoice-page .pi-pill--warn { background: #fffbeb; color: #92400e; }
        .purchase-invoice-page .pi-block-alert { border: 1px solid #fed7aa; border-radius: 16px; background: #fff7ed; color: #9a3412; padding: 1rem; font-weight: 750; line-height: 1.5; }

        @media (max-width: 767.98px) {
            .purchase-invoice-page .pi-form-grid { grid-template-columns: 1fr; }
            .purchase-invoice-page .pi-card__head,
            .purchase-invoice-page .pi-card__body { padding: 1rem; }
        }
    </style>

    <div class="container-fluid app-bg purchase-invoice-page">
        <div class="page-shell">
            <div class="space-y-4">
                <x-page-title
                    title="Create Purchase Invoice"
                    description="Create the vendor bill and post the payable journal entry without moving treasury cash.">
                </x-page-title>

                <div class="d-flex justify-content-end mb-3">
                    <a href="{{ route('purchase.show', $purchase->id) }}" class="btn btn-outline-secondary rounded-pill">Back to Order</a>
                </div>

                @if(!$canCreateInvoice)
                    <div class="pi-block-alert">
                        This order is currently {{ $purchase->status }}, already has a purchase invoice, or belongs to the sales order flow.
                    </div>
                @endif

                <div class="row g-4">
                    <div class="col-lg-4">
                        <div class="pi-card h-100">
                            <div class="pi-card__head">
                                <div>
                                    <p class="pi-title">Order Summary</p>
                                    <p class="pi-subtitle">The invoice amount is copied from the approved purchase.</p>
                                </div>
                                <span class="pi-pill {{ $statusClass }}">{{ $statusLabel }}</span>
                            </div>
                            <div class="pi-card__body">
                                <div class="mb-3">
                                    <div class="text-muted small fw-bold text-uppercase">Order Number</div>
                                    <div class="fw-bold">#{{ $purchase->purchase_number }}</div>
                                </div>
                                <div class="mb-3">
                                    <div class="text-muted small fw-bold text-uppercase">Order Name</div>
                                    <div class="fw-bold">{{ $purchase->name ?: '--' }}</div>
                                </div>

                                <div class="pi-total mt-3">
                                    <div class="d-flex justify-content-between mb-2">
                                        <span>Subtotal</span>
                                        <b>{{ number_format((float) $purchase->sub_total, 2) }}</b>
                                    </div>
                                    <div class="d-flex justify-content-between mb-2">
                                        <span>VAT</span>
                                        <b>{{ number_format((float) ($purchase->vat_amount ?? 0), 2) }}</b>
                                    </div>
                                    <div class="d-flex justify-content-between mb-2">
                                        <span>Shipping</span>
                                        <b>{{ number_format((float) ($purchase->shipping_cost ?? 0), 2) }}</b>
                                    </div>
                                    <div class="d-flex justify-content-between border-top pt-3">
                                        <span class="fw-semibold">Invoice Total</span>
                                        <strong>{{ number_format((float) $purchase->total, 2) }}</strong>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-8">
                        <div class="pi-card">
                            <div class="pi-card__head">
                                <div>
                                    <p class="pi-title">Vendor Bill Details</p>
                                    <p class="pi-subtitle">This posts payable. Payment is recorded after the invoice is created.</p>
                                </div>
                                <span class="pi-pill pi-pill--neutral">No treasury movement</span>
                            </div>
                            <div class="pi-card__body">
                                <form action="{{ route('purchase.invoice.store', $purchase->id) }}" method="POST">
                                    @csrf

                                    @if($errors->any())
                                        <div class="alert alert-danger">
                                            <div class="fw-semibold mb-1">Purchase invoice was not created.</div>
                                            <div>Please fix the highlighted issue and submit again.</div>
                                        </div>
                                    @endif

                                    <div class="pi-form-grid">
                                        <div>
                                            <label for="vendor_id" class="form-label">Vendor</label>
                                            <select name="vendor_id" id="vendor_id" class="form-select @error('vendor_id') is-invalid @enderror" {{ !$canCreateInvoice ? 'disabled' : '' }}>
                                                <option value="">No vendor selected</option>
                                                @foreach($purchase->vendors as $vendor)
                                                    <option value="{{ $vendor->id }}" @selected((string) $defaultVendorId === (string) $vendor->id)>
                                                        {{ $vendor->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('vendor_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>

                                        <div>
                                            <label for="vendor_invoice_number" class="form-label">Vendor Invoice Number</label>
                                            <input type="text" name="vendor_invoice_number" id="vendor_invoice_number" class="form-control @error('vendor_invoice_number') is-invalid @enderror" value="{{ old('vendor_invoice_number') }}" {{ !$canCreateInvoice ? 'disabled' : '' }}>
                                            @error('vendor_invoice_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>

                                        <div>
                                            <label for="invoice_date" class="form-label">Invoice Date <span class="text-danger">*</span></label>
                                            <input type="date" name="invoice_date" id="invoice_date" class="form-control @error('invoice_date') is-invalid @enderror" value="{{ $invoiceDate }}" required {{ !$canCreateInvoice ? 'disabled' : '' }}>
                                            @error('invoice_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>

                                        <div>
                                            <label for="due_date" class="form-label">Due Date</label>
                                            <input type="date" name="due_date" id="due_date" class="form-control @error('due_date') is-invalid @enderror" value="{{ $dueDate }}" {{ !$canCreateInvoice ? 'disabled' : '' }}>
                                            @error('due_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>

                                        <div>
                                            <label for="cost_center_id" class="form-label">Cost Center <span class="text-danger">*</span></label>
                                            <select name="cost_center_id" id="cost_center_id" class="form-select @error('cost_center_id') is-invalid @enderror" required {{ !$canCreateInvoice ? 'disabled' : '' }}>
                                                <option value="">Choose cost center</option>
                                                @foreach ($costCenters as $costCenter)
                                                    <option value="{{ $costCenter->id }}" @selected(old('cost_center_id', $purchase->cost_center_id) == $costCenter->id)>
                                                        {{ $costCenter->title }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('cost_center_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>
                                    </div>

                                    <div class="pi-preview mt-3">
                                        <div class="fw-semibold mb-2">Journal Entry Preview</div>
                                        <div class="pi-preview__row">
                                            <span>Debit: Operating Expenses</span>
                                            <span>{{ number_format((float) (($purchase->sub_total ?? 0) + ($purchase->shipping_cost ?? 0)), 2) }}</span>
                                        </div>
                                        @if((float) ($purchase->vat_amount ?? 0) > 0)
                                            <div class="pi-preview__row">
                                                <span>Debit: VAT Input</span>
                                                <span>{{ number_format((float) $purchase->vat_amount, 2) }}</span>
                                            </div>
                                        @endif
                                        <div class="pi-preview__row">
                                            <span>Credit: Accounts Payable</span>
                                            <span>{{ number_format((float) $purchase->total, 2) }}</span>
                                        </div>
                                    </div>

                                    <div class="d-flex justify-content-end gap-2 mt-3">
                                        <a href="{{ route('purchase.show', $purchase->id) }}" class="btn btn-outline-secondary rounded-pill">Cancel</a>
                                        <button type="submit" class="btn btn-primary rounded-pill" {{ !$canCreateInvoice ? 'disabled' : '' }}>
                                            Create Purchase Invoice
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection