@extends('layouts.admin')
@section('page-title', $order->order_number)

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
    <div>
        <h4 class="fw-bold mb-0">{{ $order->order_number }}</h4>
        <div class="text-muted small">{{ $order->user->company_name }} — {{ $order->created_at->format('d M Y, H:i') }}</div>
    </div>
    <div class="d-flex gap-2 align-items-center">
        <x-status-badge :status="$order->status" />
        <a href="{{ route('invoices.show', $order) }}" target="_blank" class="btn btn-outline-secondary">Print / Download Invoice</a>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-8">
        <div class="card">
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead><tr><th>Product</th><th>SKU</th><th>Qty</th><th>Unit Price</th><th>Tax %</th><th>Subtotal</th></tr></thead>
                    <tbody>
                        @foreach ($order->items as $i)
                        <tr>
                            <td>{{ $i->product_name }}</td><td>{{ $i->sku }}</td><td>{{ $i->quantity }}</td>
                            <td>₹{{ number_format($i->unit_price, 2) }}</td><td>{{ number_format($i->tax_percent, 1) }}%</td>
                            <td>₹{{ number_format($i->subtotal, 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="card-body border-top small">
                <div class="d-flex justify-content-between"><span class="text-muted">Subtotal</span><span>₹{{ number_format($order->subtotal, 2) }}</span></div>
                <div class="d-flex justify-content-between"><span class="text-muted">Discount</span><span>₹{{ number_format($order->discount_amount, 2) }}</span></div>
                <div class="d-flex justify-content-between"><span class="text-muted">GST</span><span>₹{{ number_format($order->tax_amount, 2) }}</span></div>
                <div class="d-flex justify-content-between fw-bold fs-6"><span>Total</span><span>₹{{ number_format($order->total_amount, 2) }}</span></div>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card mb-3">
            <div class="card-body small">
                <h6 class="fw-bold mb-2">Delivery Details</h6>
                <div class="text-muted">Billing Address</div><p>{{ $order->billing_address }}</p>
                <div class="text-muted">Shipping Address</div><p>{{ $order->shipping_address }}</p>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-body">
                <h6 class="fw-bold mb-3">Update Status</h6>
                <form method="POST" action="{{ route('admin.orders.updateStatus', $order) }}">
                    @csrf @method('PATCH')
                    <select name="status" class="form-select mb-2">
                        @foreach (['PENDING','CONFIRMED','PROCESSING','PACKED','SHIPPED','DELIVERED','CANCELLED','REJECTED'] as $s)
                            <option value="{{ $s }}" @selected($order->status === $s)>{{ $s }}</option>
                        @endforeach
                    </select>
                    <input name="note" class="form-control mb-2" placeholder="Note (optional)">
                    <button class="btn btn-primary w-100">Update Order</button>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <h6 class="fw-bold mb-3">Timeline</h6>
                @foreach ($order->statusHistory as $h)
                <div class="mb-2 small">
                    <x-status-badge :status="$h->status" />
                    <span class="text-muted ms-1">{{ $h->created_at->format('d M Y H:i') }}</span>
                    @if ($h->note)<div class="text-muted">{{ $h->note }}</div>@endif
                </div>
                @endforeach
            </div>
        </div>
    </div>
</div>
@endsection