@extends('layouts.app')

@section('title', $purchaseOrder->po_number)

@section('content')
<x-breadcrumb :items="[
    ['label' => 'Purchase Orders', 'url' => route('purchase-orders.index')],
    ['label' => $purchaseOrder->po_number],
]" />

<x-page-header :title="$purchaseOrder->po_number" subtitle="Purchase order details and line items.">
    <x-slot name="actions">
        @if($purchaseOrder->status === 'draft')
            <a href="{{ route('purchase-orders.edit', $purchaseOrder) }}" class="procure-btn"><i class="fas fa-edit"></i> Edit</a>
            <form method="POST" action="{{ route('purchase-orders.submit', $purchaseOrder) }}" class="d-inline" id="submitPoForm"
                  onsubmit="return confirm('Submit this purchase order for approval?');">
                @csrf
                <button type="submit" class="procure-btn-primary" id="submitPoBtn">
                    <i class="fas fa-paper-plane"></i> Submit for Approval
                </button>
            </form>
        @endif
        @if(in_array($purchaseOrder->status, ['draft', 'pending_approval']))
            <form method="POST" action="{{ route('purchase-orders.cancel', $purchaseOrder) }}" class="d-inline"
                  onsubmit="return confirm('Cancel this purchase order?');">
                @csrf
                <button type="submit" class="procure-btn text-danger">
                    <i class="fas fa-ban"></i> Cancel
                </button>
            </form>
        @endif
    </x-slot>
</x-page-header>

<div class="row mb-3">
    <div class="col-lg-4 mb-3">
        <div class="procure-form-card">
            <div class="d-flex justify-content-between mb-3">
                <h5 class="font-weight-bold mb-0">Header</h5>
                <x-status-badge :status="$purchaseOrder->status" />
            </div>
            <p class="procure-detail-label">Supplier</p>
            <p class="procure-detail-value">
                @if($purchaseOrder->supplier)
                    <a href="{{ route('suppliers.show', $purchaseOrder->supplier) }}">{{ $purchaseOrder->supplier->name }}</a>
                @else
                    —
                @endif
            </p>
            <p class="procure-detail-label">Order Date</p>
            <p class="procure-detail-value">{{ optional($purchaseOrder->order_date)->format('Y-m-d') }}</p>
            <p class="procure-detail-label">Expected Delivery</p>
            <p class="procure-detail-value">{{ optional($purchaseOrder->expected_delivery_date)->format('Y-m-d') ?? '—' }}</p>
            <p class="procure-detail-label">Currency</p>
            <p class="procure-detail-value">{{ $purchaseOrder->currency }}</p>
            <p class="procure-detail-label">Created By</p>
            <p class="procure-detail-value">{{ $purchaseOrder->creator->name ?? '—' }}</p>
            @if($purchaseOrder->notes)
                <p class="procure-detail-label">Notes</p>
                <p class="procure-detail-value">{{ $purchaseOrder->notes }}</p>
            @endif
        </div>
    </div>
    <div class="col-lg-8 mb-3">
        <div class="row">
            <div class="col-md-3 mb-2"><x-kpi-card label="Subtotal" :value="number_format($purchaseOrder->subtotal, 2)" icon="fas fa-calculator" color="blue" /></div>
            <div class="col-md-3 mb-2"><x-kpi-card label="Tax" :value="number_format($purchaseOrder->tax_amount, 2)" icon="fas fa-percent" color="purple" /></div>
            <div class="col-md-3 mb-2"><x-kpi-card label="Discount" :value="number_format($purchaseOrder->discount_amount, 2)" icon="fas fa-tag" color="teal" /></div>
            <div class="col-md-3 mb-2"><x-kpi-card label="Total" :value="number_format($purchaseOrder->total_amount, 2).' '.$purchaseOrder->currency" icon="fas fa-dollar-sign" color="green" /></div>
        </div>
    </div>
</div>

<div class="chart-card chart-card-auto mb-3">
    <div class="chart-card-header"><h3 class="chart-card-title">Lines</h3></div>
    <div class="chart-card-body" style="overflow-x:auto;">
        @if(($purchaseOrder->lines ?? collect())->isEmpty())
            <x-empty-state icon="fas fa-list" title="No lines" message="This purchase order has no line items." />
        @else
            <table class="procure-table">
                <thead>
                    <tr>
                        <th>Item</th>
                        <th>Qty</th>
                        <th>Unit Price</th>
                        <th>Tax %</th>
                        <th>Received</th>
                        <th>Line Total</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($purchaseOrder->lines as $line)
                        <tr>
                            <td>{{ $line->item->name_en ?? $line->item_id }}</td>
                            <td>{{ $line->quantity }}</td>
                            <td>{{ number_format($line->unit_price, 4) }}</td>
                            <td>{{ $line->tax_rate }}%</td>
                            <td>{{ $line->received_quantity }}</td>
                            <td>{{ number_format($line->line_total, 2) }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @endif
    </div>
</div>

@if($purchaseOrder->pricing_analysis_json || $purchaseOrder->recommended_supplier_id || $purchaseOrder->ai_approval_recommendation)
<div class="chart-card chart-card-auto mb-3">
    <div class="chart-card-header"><h3 class="chart-card-title">Pricing Analysis</h3></div>
    <div class="chart-card-body">
        <h6 class="font-weight-bold text-muted">System Price Comparison</h6>
        <div class="row mb-3">
            <div class="col-md-4 mb-2">
                <p class="procure-detail-label">Recommended Supplier</p>
                <p class="procure-detail-value mb-0">{{ $purchaseOrder->recommendedSupplier->name ?? ($purchaseOrder->pricing_analysis_json['recommended_supplier_name'] ?? '—') }}</p>
            </div>
            <div class="col-md-4 mb-2">
                <p class="procure-detail-label">Selected Supplier</p>
                <p class="procure-detail-value mb-0">{{ $purchaseOrder->supplier->name ?? '—' }}</p>
            </div>
            <div class="col-md-4 mb-2">
                <p class="procure-detail-label">Price Difference / Unit</p>
                <p class="procure-detail-value mb-0">{{ $purchaseOrder->currency }} {{ number_format((float) ($purchaseOrder->price_difference ?? 0), 2) }}</p>
            </div>
        </div>
        @php $suppliers = $purchaseOrder->pricing_analysis_json['suppliers'] ?? []; @endphp
        @if(!empty($suppliers))
            <div class="table-responsive">
                <table class="procure-table mb-3">
                    <thead>
                        <tr>
                            <th>Supplier</th>
                            <th>Unit Price</th>
                            <th>Line Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($suppliers as $row)
                            <tr>
                                <td>{{ $row['supplier_name'] ?? '—' }}</td>
                                <td>{{ $purchaseOrder->currency }} {{ number_format((float) ($row['unit_price'] ?? 0), 2) }}</td>
                                <td>{{ $purchaseOrder->currency }} {{ number_format((float) ($row['line_total'] ?? 0), 2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
        <p class="procure-detail-label">Estimated Additional Cost / Savings Lost</p>
        <p class="procure-detail-value">{{ $purchaseOrder->currency }} {{ number_format((float) ($purchaseOrder->estimated_savings_lost ?? 0), 2) }}</p>
        @if($purchaseOrder->supplier_selection_reason)
            <p class="procure-detail-label">User Reason</p>
            <p class="procure-detail-value">{{ $purchaseOrder->supplier_selection_reason }}</p>
        @endif

        <hr>
        <h6 class="font-weight-bold text-muted">AI Advisory Recommendation</h6>
        <p class="procure-detail-label">Recommendation</p>
        <p class="procure-detail-value">{{ $purchaseOrder->ai_approval_recommendation ? strtoupper($purchaseOrder->ai_approval_recommendation) : '—' }}</p>
        <p class="procure-detail-label">Explanation</p>
        <p class="procure-detail-value">{{ $purchaseOrder->ai_approval_reason ?? '—' }}</p>
    </div>
</div>
@endif
@endsection