@extends('layouts.app')

@section('title', $invoice->invoice_number)

@section('content')
<x-breadcrumb :items="[
    ['label' => 'Invoices', 'url' => route('invoices.index')],
    ['label' => $invoice->invoice_number],
]" />

<x-page-header :title="$invoice->invoice_number" subtitle="Invoice details and verification.">
    <x-slot name="actions">
        @if(in_array($invoice->status, ['received', 'under_review', 'matched', 'exception']))
            <form method="POST" action="{{ route('invoices.verify', $invoice) }}" class="d-inline" id="verifyInvoiceForm">
                @csrf
                <button type="button" class="procure-btn-primary"
                    onclick="confirmAction({
                        title: 'Verify Invoice',
                        message: 'Mark this invoice as verified/approved?',
                        confirmText: 'Verify',
                        confirmClass: 'btn-primary',
                        onConfirm: function() { document.getElementById('verifyInvoiceForm').submit(); }
                    })">
                    <i class="fas fa-check"></i> Verify Invoice
                </button>
            </form>
        @endif
        <a href="{{ route('invoices.index') }}" class="procure-btn"><i class="fas fa-arrow-left"></i> Back</a>
    </x-slot>
</x-page-header>

<div class="row">
    <div class="col-lg-4 mb-3">
        <div class="procure-form-card h-100">
            <div class="d-flex justify-content-between mb-3">
                <h5 class="font-weight-bold mb-0">Invoice Info</h5>
                <x-status-badge :status="$invoice->status" />
            </div>
            <p class="procure-detail-label">Supplier</p>
            <p class="procure-detail-value">{{ $invoice->supplier->name ?? '—' }}</p>
            <p class="procure-detail-label">Purchase Order</p>
            <p class="procure-detail-value">
                @if($invoice->purchaseOrder)
                    <a href="{{ route('purchase-orders.show', $invoice->purchaseOrder) }}">{{ $invoice->purchaseOrder->po_number }}</a>
                @else
                    —
                @endif
            </p>
            <p class="procure-detail-label">Invoice Date</p>
            <p class="procure-detail-value">{{ optional($invoice->invoice_date)->format('Y-m-d') }}</p>
            <p class="procure-detail-label">Due Date</p>
            <p class="procure-detail-value">{{ optional($invoice->due_date)->format('Y-m-d') ?? '—' }}</p>
            <p class="procure-detail-label">Verified</p>
            <p class="procure-detail-value">
                {{ $invoice->verified_at ? optional($invoice->verified_at)->format('Y-m-d H:i') : 'Not verified' }}
            </p>
            @if($invoice->notes)
                <p class="procure-detail-label">Notes</p>
                <p class="procure-detail-value">{{ $invoice->notes }}</p>
            @endif
        </div>
    </div>
    <div class="col-lg-8 mb-3">
        <div class="row mb-3">
            <div class="col-md-4 mb-2"><x-kpi-card label="Subtotal" :value="number_format($invoice->subtotal, 2)" icon="fas fa-calculator" color="blue" /></div>
            <div class="col-md-4 mb-2"><x-kpi-card label="Tax" :value="number_format($invoice->tax_amount, 2)" icon="fas fa-percent" color="purple" /></div>
            <div class="col-md-4 mb-2"><x-kpi-card label="Total" :value="number_format($invoice->total_amount, 2).' '.$invoice->currency" icon="fas fa-dollar-sign" color="green" /></div>
        </div>
        <div class="chart-card">
            <div class="chart-card-header"><h3 class="chart-card-title">Lines</h3></div>
            <div class="chart-card-body" style="overflow-x:auto;">
                @if(($invoice->lines ?? collect())->isEmpty())
                    <x-empty-state icon="fas fa-list" title="No lines" message="This invoice 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>Line Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($invoice->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>{{ number_format($line->line_total, 2) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection