@extends('garage.layouts.app')

@section('title', 'Purchase order ' . $purchaseOrder->purchase_order_number)

@push('styles')
@include('shared.garage-purchase-order-ui-styles')
<style>
.gpo-show-meta { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
@media (min-width: 768px) { .gpo-show-meta { grid-template-columns: repeat(4, 1fr); } }
.gpo-show-tile { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 0.6rem 0.75rem; }
.gpo-show-tile .k { font-size: 0.6rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; color: #94a3b8; }
.gpo-show-tile .v { font-size: 0.875rem; font-weight: 700; color: #0f172a; margin-top: 0.15rem; }
.gpo-show-lines { min-width: 800px; }
</style>
@endpush

@section('content')
<div class="gpo-page container-fluid px-2 px-lg-3 py-2">
    <div class="gpo-hero d-flex flex-wrap align-items-start justify-content-between gap-2">
        <div>
            <h1 class="mb-1"><i class="bi bi-receipt-cutoff me-2" style="color:#0d9488;"></i>{{ $purchaseOrder->purchase_order_number }}</h1>
            <p class="mb-0">Purchase order detail — vendor, lines, and totals as saved.</p>
        </div>
        <div class="d-flex flex-wrap gap-2 align-items-center">
            @php
                $statusColors = [
                    'draft' => 'secondary',
                    'sent' => 'info',
                    'acknowledged' => 'primary',
                    'partial' => 'warning',
                    'received' => 'success',
                    'cancelled' => 'danger',
                ];
                $sc = $statusColors[$purchaseOrder->status] ?? 'secondary';
            @endphp
            <span class="badge bg-{{ $sc }} fs-6 px-3 py-2">{{ ucfirst($purchaseOrder->status) }}</span>
            <a href="{{ route('garage.purchase-orders.index') }}" class="gpo-btn-ghost text-decoration-none">All orders</a>
            <span class="badge bg-light text-dark border small">JV on purchase bill when received</span>
            @if($purchaseOrder->status === 'draft')
            <a href="{{ route('garage.purchase-orders.edit', $purchaseOrder->id) }}" class="gpo-btn-save text-decoration-none d-inline-block">Edit</a>
            @endif
        </div>
    </div>

    <div class="gpo-panel mb-3">
        <div class="gpo-panel-hd teal">
            <span><i class="bi bi-info-circle me-1"></i>Summary</span>
        </div>
        <div class="gpo-panel-bd">
            <div class="gpo-show-meta mb-3">
                <div class="gpo-show-tile">
                    <div class="k">Order date</div>
                    <div class="v">{{ \Carbon\Carbon::parse($purchaseOrder->purchase_order_date)->format('M j, Y') }}</div>
                </div>
                <div class="gpo-show-tile">
                    <div class="k">Delivery</div>
                    <div class="v">{{ $purchaseOrder->expected_delivery_date ? \Carbon\Carbon::parse($purchaseOrder->expected_delivery_date)->format('M j, Y') : '—' }}</div>
                </div>
                <div class="gpo-show-tile">
                    <div class="k">Vendor</div>
                    <div class="v d-flex flex-wrap align-items-center gap-2">
                        <span>{{ $purchaseOrder->vendor_name ?? '—' }}</span>
                        @if(!empty($purchaseOrder->vendor_ledger_id))
                            <a class="btn btn-sm btn-outline-primary py-0"
                               href="{{ route('garage.ledger-reports.ledger', $purchaseOrder->vendor_ledger_id) }}"
                               title="Open ledger statement">
                                Ledger statement
                            </a>
                        @endif
                    </div>
                </div>
                <div class="gpo-show-tile">
                    <div class="k">Reference</div>
                    <div class="v">{{ $purchaseOrder->reference_number ?: '—' }}</div>
                </div>
            </div>
            @if($purchaseOrder->internal_notes)
            <p class="small text-muted mb-0"><strong>Notes:</strong> {{ $purchaseOrder->internal_notes }}</p>
            @endif
        </div>
    </div>

    <div class="gpo-panel mb-3">
        <div class="gpo-panel-hd">
            <span><i class="bi bi-list-ul me-1"></i>Line items</span>
        </div>
        <div class="gpo-panel-bd p-0">
            <div class="gpo-lines-wrap border-0 rounded-0">
                <table class="gpo-lines gpo-show-lines mb-0">
                    <thead>
                        <tr>
                            <th>Type</th>
                            <th>Inv.</th>
                            <th>Description</th>
                            <th class="text-end">Qty</th>
                            <th class="text-end">Unit</th>
                            <th class="text-end">Disc</th>
                            <th class="text-end">Tax</th>
                            <th class="text-end">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($items as $row)
                        @php
                            $label = $row->part_name ?? $row->labor_name ?? $row->service_group_name ?? $row->description ?? 'Line';
                            $type = $row->item_type === 'part' ? ['Part', 'ccfbf1', '0f766e'] : ($row->item_type === 'labor' ? ['Labor', 'e0e7ff', '3730a3'] : ['Bundle', 'fef3c7', '92400e']);
                            $inv = $row->inventory_code_snapshot ?? '—';
                        @endphp
                        <tr>
                            <td><span class="badge-gpo" style="background:#{{ $type[1] }};color:#{{ $type[2] }};">{{ $type[0] }}</span></td>
                            <td><span class="gpo-code">{{ $inv }}</span></td>
                            <td style="min-width:160px;">{{ $label }}</td>
                            <td class="text-end">{{ (int) $row->quantity }}</td>
                            <td class="text-end">PKR {{ number_format($row->unit_price, 2) }}</td>
                            <td class="text-end">PKR {{ number_format($row->discount_amount, 2) }}</td>
                            <td class="text-end">PKR {{ number_format($row->tax_amount, 2) }}</td>
                            <td class="text-end fw-bold">PKR {{ number_format($row->total_price, 2) }}</td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="8" class="text-center py-4 text-muted small">No line items on this order.</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="row g-2 justify-content-end">
        <div class="col-md-5 col-lg-4">
            <div class="gpo-sum">
                <div class="gpo-sum-row"><span>Subtotal</span><span>PKR {{ number_format($purchaseOrder->subtotal, 2) }}</span></div>
                <div class="gpo-sum-row"><span>Tax</span><span>PKR {{ number_format($purchaseOrder->tax_amount, 2) }}</span></div>
                <div class="gpo-sum-row"><span>Order discount</span><span>PKR {{ number_format($purchaseOrder->discount_amount, 2) }}</span></div>
                <div class="gpo-sum-row"><span>Freight</span><span>PKR {{ number_format($purchaseOrder->shipping_charges ?? 0, 2) }}</span></div>
                <div class="gpo-sum-row total"><span>Total</span><span>PKR {{ number_format($purchaseOrder->total_amount, 2) }}</span></div>
            </div>
        </div>
    </div>
</div>
@endsection