@extends('dashboard.layouts.app')

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

@php
    $isStudentSale = ($purchase->invoice_type ?? null) === 'sale' && ($purchase->party_type ?? null) === 'student';
    $isSaleOrder = ($purchase->invoice_type ?? null) === 'sale';
    $isInternalPurchase = !$isSaleOrder;
    $studentName = $purchase->student
        ? trim((string) ($purchase->student->full_name ?: (($purchase->student->first_name ?? '') . ' ' . ($purchase->student->last_name ?? ''))))
        : null;
    $pageTitle = $isStudentSale
        ? 'Student Course Request'
        : ($isSaleOrder ? 'Sales Order' : 'Department Purchase Request');
    $partyTypeLabel = match ($purchase->party_type ?? null) {
        'student' => 'Students',
        'staff', 'employee' => 'Employee',
        'company' => 'Company',
        default => ucwords(str_replace('_', ' ', $purchase->party_type ?? '--')),
    };
    $purchaseInvoice = $purchase->purchaseInvoice;
    $hasInvoice = $purchase->purchase_invoice_id
        || $purchase->student_invoice_id
        || $purchase->details->contains(fn ($detail) => !empty($detail->student_invoice_id));
    $statusClass = $hasInvoice ? 'po-pill--success' : 'po-pill--warn';
    $statusLabel = $hasInvoice ? 'Invoiced' : 'Pending';
@endphp

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

    .purchase-show-page .po-head {
        padding: 1.25rem;
        border-bottom: 1px solid #eef2f7;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .purchase-show-page .po-title {
        margin: 0;
        color: #111827;
        font-size: 1.15rem;
        font-weight: 950;
    }

    .purchase-show-page .po-subtitle {
        margin: 0.25rem 0 0;
        color: #64748b;
        font-size: 0.9rem;
    }

    .purchase-show-page .po-body {
        padding: 1.25rem;
    }

    .po-actions {
        display: flex;
        gap: 0.6rem;
        flex-wrap: wrap;
        align-items: center;
    }

    .info-strip {
        display: flex;
        gap: 0.75rem;
        align-items: flex-start;
        border: 1px solid #dbeafe;
        border-radius: 18px;
        background: #eff6ff;
        color: #1e3a8a;
        padding: 0.95rem 1rem;
        margin-bottom: 1rem;
        font-weight: 750;
        line-height: 1.55;
    }

    .po-kpis,
    .po-grid {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 1rem;
    }

    .po-kpi {
        grid-column: span 4 / span 4;
        border: 1px solid #e5e7eb;
        border-radius: 18px;
        background: #fbfcfe;
        padding: 1rem;
    }

    .po-kpi span,
    .po-meta label {
        display: block;
        color: #64748b;
        font-size: 0.78rem;
        font-weight: 850;
        text-transform: uppercase;
        letter-spacing: 0.035em;
        margin-bottom: 0.4rem;
    }

    .po-kpi strong,
    .po-meta b {
        color: #111827;
        font-weight: 950;
        overflow-wrap: anywhere;
    }

    .po-meta {
        grid-column: span 4 / span 4;
        border: 1px solid #e5e7eb;
        border-radius: 16px;
        padding: 0.9rem;
        background: #fff;
    }

    .section-card {
        border: 1px solid #e5e7eb;
        border-radius: 18px;
        background: #fff;
        overflow: hidden;
        margin-top: 1rem;
    }

    .section-head {
        padding: 1rem 1.1rem;
        border-bottom: 1px solid #eef2f7;
        background: #f8fafc;
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        align-items: center;
        flex-wrap: wrap;
    }

    .section-title {
        margin: 0;
        color: #0f172a;
        font-size: 0.98rem;
        font-weight: 950;
    }

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

    .po-table-wrap {
        overflow-x: auto;
    }

    .purchase-show-page table {
        margin: 0;
        min-width: 1050px;
    }

    .purchase-show-page table thead th {
        background: #f8fafc;
        color: #64748b;
        font-size: 0.76rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.035em;
        white-space: nowrap;
    }

    .purchase-show-page table tbody td {
        color: #334155;
        font-size: 0.88rem;
        font-weight: 650;
        vertical-align: middle;
        white-space: nowrap;
    }

    .po-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;
    }

    .po-pill--success { background: #f0fdf4; color: #166534; }
    .po-pill--warn { background: #fffbeb; color: #92400e; }
    .po-pill--danger { background: #fef2f2; color: #b91c1c; }
    .po-pill--primary { background: #eff6ff; color: #1d4ed8; }
    .po-pill--neutral { background: #f3f4f6; color: #374151; }

    .summary-box {
        border: 1px solid #e5e7eb;
        border-radius: 18px;
        background: #fbfcfe;
        padding: 1rem;
        max-width: 390px;
        margin-inline-start: auto;
        margin-top: 1rem;
    }

    .summary-row {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.65rem 0;
        border-bottom: 1px solid #eef2f7;
    }

    .summary-row:last-child {
        border-bottom: 0;
        font-weight: 950;
        color: #0f172a;
    }

    @media (max-width: 991.98px) {
        .po-kpi,
        .po-meta {
            grid-column: span 12 / span 12;
        }
    }
</style>

<div class="container-fluid app-bg purchase-show-page">
    <div class="page-shell">
        <div class="space-y-4">
            <x-page-title
                title="{{ $pageTitle }}"
                description="{{ $isStudentSale ? 'Review the student sales order, linked booking/course data, and sales invoice status.' : ($isSaleOrder ? 'Review the sales order party, items, totals, and posting details.' : 'Review the internal purchase request, vendor bill, and payment status.') }}">
                <div class="po-actions">
                    <a href="{{ route('purchase.index') }}" class="btn btn-outline-secondary rounded-pill">Back</a>
                    <a href="{{ route('purchase.edit', $purchase->id) }}" class="btn btn-outline-primary rounded-pill">Edit Order</a>
                    @if($purchase->status !== 'completed')
                        <button type="button" class="btn btn-outline-dark rounded-pill" data-bs-toggle="modal" data-bs-target="#updateStatusModal">Update Status</button>
                    @endif
                    @if($isInternalPurchase && $purchaseInvoice)
                        <a href="{{ route('purchase.invoice.show', $purchaseInvoice->id) }}" class="btn btn-primary rounded-pill">Open Purchase Invoice</a>
                    @elseif($isInternalPurchase && in_array($purchase->status, ['approved', 'purchased'], true))
                        <a href="{{ route('purchase.invoice.create', $purchase->id) }}" class="btn btn-primary rounded-pill">Create Purchase Invoice</a>
                    @endif
                </div>
            </x-page-title>

            <div class="po-card">
                <div class="po-head">
                    <div>
                        <div class="po-title">{{ $purchase->purchase_number }}</div>
                        <p class="po-subtitle">
                            Created {{ optional($purchase->created_at)->format('M d, Y') ?: '--' }}
                            @if($isStudentSale && $studentName)
                                · {{ $studentName }}
                            @endif
                        </p>
                    </div>
                    <span class="po-pill {{ $statusClass }}">{{ $statusLabel }}</span>
                </div>

                <div class="po-body">
                    <div class="info-strip">
                        <i class="fas fa-info-circle mt-1"></i>
                        <span>
                            @if($isStudentSale)
                                This is a sales order for a student. Create the linked sales invoice from the booking/course row, then record payments from the sales invoice page.
                            @elseif($isSaleOrder)
                                This is a sales order for the selected party. Review the party details, item rows, totals, and status from this page.
                            @else
                                This internal purchase must have a purchase invoice first. The invoice posts accounts payable, and treasury moves only when a payment is recorded on that invoice.
                            @endif
                        </span>
                    </div>

                    <div class="po-kpis mb-3">
                        <div class="po-kpi">
                            <span>Subtotal</span>
                            <strong>{{ number_format((float) $purchase->sub_total, 2) }}</strong>
                        </div>
                        <div class="po-kpi">
                            <span>VAT / Shipping</span>
                            <strong>{{ number_format((float) (($purchase->vat_amount ?? 0) + ($purchase->shipping_cost ?? 0)), 2) }}</strong>
                        </div>
                        <div class="po-kpi">
                            <span>Total Order Value</span>
                            <strong>{{ number_format((float) $purchase->total, 2) }}</strong>
                        </div>
                    </div>

                    <div class="po-grid">
                        <div class="po-meta">
                            <label>Order Type</label>
                            <b>{{ ucfirst($purchase->invoice_type ?? 'purchase') }}</b>
                        </div>
                        <div class="po-meta">
                            <label>Party Type</label>
                            <b>{{ $partyTypeLabel }}</b>
                        </div>
                        <div class="po-meta">
                            <label>Status</label>
                            <b>{{ $statusLabel }}</b>
                        </div>
                        <div class="po-meta">
                            <label>Workflow Status</label>
                            <b>{{ ucwords(str_replace('_', ' ', $purchase->status ?? 'pending')) }}</b>
                        </div>
                        <div class="po-meta">
                            <label>{{ $isStudentSale ? 'Student' : 'Party / Vendor' }}</label>
                            <b>{{ $isStudentSale ? ($studentName ?: 'Student #' . $purchase->student_id) : ($purchase->name ?: '--') }}</b>
                        </div>
                        @if ($purchase->student_id)
                            <div class="po-meta">
                                <label>Student ID</label>
                                <b>{{ $purchase->student_id ?? '--' }}</b>
                            </div>
                        @endif
                        <div class="po-meta">
                            <label>Due / Required By</label>
                            <b>{{ $purchase->due_date ? \Carbon\Carbon::parse($purchase->due_date)->format('M d, Y') : ($purchase->required_by ? \Carbon\Carbon::parse($purchase->required_by)->format('M d, Y') : '--') }}</b>
                        </div>
                        <div class="po-meta">
                            <label>Cost Center</label>
                            <b>{{ $purchase->costCenter?->title ?? '--' }}</b>
                        </div>
                        <div class="po-meta">
                            <label>VAT</label>
                            <b>{{ ($purchase->apply_vat ?? false) ? 'Applied' : 'Not Applied' }}</b>
                        </div>
                        <div class="po-meta">
                            <label>Requested By</label>
                            <b>
                                @forelse($purchase->requestedStaffs as $staff)
                                    {{ trim(($staff->first_name ?? '') . ' ' . ($staff->last_name ?? '')) }}{{ !$loop->last ? ', ' : '' }}
                                @empty
                                    --
                                @endforelse
                            </b>
                        </div>
                    </div>

                    @if($isInternalPurchase)
                        <div class="section-card">
                            <div class="section-head">
                                <div>
                                    <div class="section-title">Purchase Invoice</div>
                                    <p class="section-subtitle">Vendor bill and payment progress for this purchase request.</p>
                                </div>
                                @if($purchaseInvoice)
                                    <a href="{{ route('purchase.invoice.show', $purchaseInvoice->id) }}" class="btn btn-sm btn-outline-primary rounded-pill">Open Invoice</a>
                                @elseif(in_array($purchase->status, ['approved', 'purchased'], true))
                                    <a href="{{ route('purchase.invoice.create', $purchase->id) }}" class="btn btn-sm btn-primary rounded-pill">Create Invoice</a>
                                @endif
                            </div>
                            <div class="p-3">
                                @if($purchaseInvoice)
                                    <div class="po-grid">
                                        <div class="po-meta">
                                            <label>Invoice Number</label>
                                            <b>{{ $purchaseInvoice->invoice_number }}</b>
                                        </div>
                                        <div class="po-meta">
                                            <label>Status</label>
                                            <b>{{ ucwords(str_replace('_', ' ', $purchaseInvoice->status)) }}</b>
                                        </div>
                                        <div class="po-meta">
                                            <label>Total</label>
                                            <b>{{ number_format((float) $purchaseInvoice->total, 2) }}</b>
                                        </div>
                                        <div class="po-meta">
                                            <label>Paid</label>
                                            <b>{{ number_format((float) $purchaseInvoice->paid_amount, 2) }}</b>
                                        </div>
                                        <div class="po-meta">
                                            <label>Remaining</label>
                                            <b>{{ number_format((float) $purchaseInvoice->remaining_amount, 2) }}</b>
                                        </div>
                                        <div class="po-meta">
                                            <label>Invoice Journal</label>
                                            <b>{{ $purchaseInvoice->invoiceJournalEntry?->reference_no ?? '--' }}</b>
                                        </div>
                                    </div>
                                @else
                                    <div class="text-muted fw-semibold">
                                        No purchase invoice has been created yet.
                                    </div>
                                @endif
                            </div>
                        </div>
                    @endif

                    @if($isInternalPurchase)
                        <div class="section-card">
                            <div class="section-head">
                                <div>
                                    <div class="section-title">Vendor Information</div>
                                    <p class="section-subtitle">Vendors linked to this purchase request.</p>
                                </div>
                            </div>
                            <div class="po-table-wrap">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Vendor</th>
                                            <th>Phone</th>
                                            <th>Location</th>
                                            <th>Tax</th>
                                            <th>Shipping</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($purchase->vendors as $vendor)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td><strong>{{ $vendor->name }}</strong></td>
                                                <td>{{ $vendor->phone ?? '--' }}</td>
                                                <td>{{ $vendor->location ?? '--' }}</td>
                                                <td>{{ $vendor->tax ?? '--' }}</td>
                                                <td>{{ number_format((float) ($vendor->shipping_cost ?? 0), 2) }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="6" class="text-center text-muted py-4">No vendor details available.</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @endif

                    <div class="section-card">
                        <div class="section-head">
                            <div>
                                <div class="section-title">Order Items</div>
                                <p class="section-subtitle">
                                    {{ $isStudentSale ? 'For student requests, each row can create one linked sales invoice.' : ($isSaleOrder ? 'Sales order line items and totals for the selected party.' : 'These items are copied into the purchase invoice total before payments are recorded.') }}
                                </p>
                            </div>
                            <span class="po-pill po-pill--primary">{{ $purchase->details->count() }} Item(s)</span>
                        </div>
                        <div class="po-table-wrap">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Item / Course</th>
                                        @if($isStudentSale)
                                            <th>Booking ID</th>
                                            <th>Course ID</th>
                                        @endif
                                        <th>Qty</th>
                                        <th>Price</th>
                                        <th>Amount</th>
                                        <th>Tax</th>
                                        @if($isStudentSale)
                                            <th>Linked Invoice</th>
                                            <th>Action</th>
                                        @endif
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($purchase->details as $detail)
                                        @php
                                            $course = $detail->course;
                                            $courseTitle = $course?->course_name_en
                                                ?: ($course?->track?->name_en ?? null)
                                                ?: ($course?->academyProduct?->name_en ?? null)
                                                ?: $detail->product_name;
                                        @endphp
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td><strong>{{ $courseTitle ?: '--' }}</strong></td>
                                            @if($isStudentSale)
                                                <td>{{ $detail->booking_id ?? '--' }}</td>
                                                <td>{{ $detail->course_id ?? '--' }}</td>
                                            @endif
                                            <td>{{ $detail->quantity }}</td>
                                            <td>{{ number_format((float) $detail->price, 2) }}</td>
                                            <td><strong>{{ number_format((float) $detail->amount, 2) }}</strong></td>
                                            <td>{{ number_format((float) $detail->tax_rate, 2) }}%</td>
                                            @if($isStudentSale)
                                                <td>
                                                    @if($detail->studentInvoice)
                                                        <a href="{{ route('student_invoices.show', $detail->studentInvoice->id) }}" class="po-pill po-pill--success">
                                                            {{ $detail->studentInvoice->invoice_number }}
                                                        </a>
                                                    @else
                                                        <span class="text-muted">--</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($detail->booking_id && $detail->course_id)
                                                        @if($detail->studentInvoice)
                                                            <a href="{{ route('student_invoices.show', $detail->studentInvoice->id) }}" class="btn btn-sm btn-outline-success rounded-pill">
                                                                Open Invoice
                                                            </a>
                                                        @else
                                                            <form action="{{ route('purchase.student_invoice.store', [$purchase->id, $detail->id]) }}" method="POST" class="d-inline">
                                                                @csrf
                                                                <button type="submit" class="btn btn-sm btn-primary rounded-pill">
                                                                    Create Linked Sales Invoice
                                                                </button>
                                                            </form>
                                                        @endif
                                                    @else
                                                        <span class="text-muted">--</span>
                                                    @endif
                                                </td>
                                            @endif
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="{{ $isStudentSale ? 10 : 6 }}" class="text-center text-muted py-4">No order items found.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="summary-box">
                        <div class="summary-row">
                            <span>Subtotal</span>
                            <strong>{{ number_format((float) $purchase->sub_total, 2) }}</strong>
                        </div>
                        <div class="summary-row">
                            <span>VAT</span>
                            <strong>{{ number_format((float) ($purchase->vat_amount ?? 0), 2) }}</strong>
                        </div>
                        <div class="summary-row">
                            <span>Shipping</span>
                            <strong>{{ number_format((float) ($purchase->shipping_cost ?? 0), 2) }}</strong>
                        </div>
                        <div class="summary-row">
                            <span>Total</span>
                            <strong>{{ number_format((float) $purchase->total, 2) }}</strong>
                        </div>
                    </div>

                    <div class="section-card">
                        <div class="section-head">
                            <div>
                                <div class="section-title">Attachments</div>
                                <p class="section-subtitle">Files attached to this order request.</p>
                            </div>
                        </div>
                        <div class="p-3">
                            <div class="row g-3">
                                @forelse($purchase->attachments as $attachment)
                                    @php
                                        $path = $attachment->file_path;
                                        $ext = strtolower(pathinfo($path, PATHINFO_EXTENSION));
                                        $isImage = in_array($ext, ['jpg', 'jpeg', 'png', 'gif', 'webp', 'jfif'], true);
                                    @endphp
                                    <div class="col-md-3">
                                        <div class="border rounded-4 p-3 h-100">
                                            @if($isImage)
                                                <img src="{{ config('app.IT_URL') . '/' . $path }}" class="img-fluid rounded mb-3" style="height:120px;width:100%;object-fit:cover;" alt="Attachment">
                                            @else
                                                <i class="fas fa-file-alt fa-2x text-secondary mb-3"></i>
                                            @endif
                                            <div class="small text-truncate mb-2">{{ basename($path) }}</div>
                                            <a href="{{ config('app.IT_URL') . '/' . $path }}" target="_blank" class="btn btn-sm btn-outline-primary w-100">View / Download</a>
                                        </div>
                                    </div>
                                @empty
                                    <div class="col-12 text-muted">No attachments available.</div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal fade" id="updateStatusModal" tabindex="-1" aria-labelledby="updateStatusLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <form action="{{ route('purchase.updateStatus') }}" method="POST">
                            @csrf
                            <input type="hidden" name="purchase_id" value="{{ $purchase->id }}">

                            <div class="modal-header">
                                <div class="modal-title" id="updateStatusLabel">Update Order Status</div>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>

                            <div class="modal-body">
                                <div class="mb-3">
                                    <label for="status" class="form-label">Status</label>
                                    <select name="status" id="status" class="form-select" required>
                                        <option value="pending" @selected($purchase->status === 'pending')>Pending</option>
                                        <option value="approved" @selected($purchase->status === 'approved')>Approved</option>
                                        <option value="rejected" @selected($purchase->status === 'rejected')>Rejected</option>
                                        @if($isSaleOrder || ($purchaseInvoice?->status === 'paid'))
                                            <option value="completed" @selected($purchase->status === 'completed')>Completed</option>
                                        @endif
                                    </select>
                                </div>
                            </div>

                            <div class="modal-footer">
                                <button type="button" class="btn btn-outline-secondary rounded-pill" data-bs-dismiss="modal">Cancel</button>
                                <button type="submit" class="btn btn-primary rounded-pill">Update Status</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection