@extends('layouts.admin')

@section('title', $order->order_number)
@section('page_title', 'Order '.$order->order_number)

@section('content')
<div class="grid grid-cols-1 xl:grid-cols-3 gap-5">
    <div class="kt-card xl:col-span-2">
        <div class="kt-card-header"><h3 class="kt-card-title">Items</h3></div>
        <div class="kt-card-content p-0">
            <table class="kt-table table-auto">
                <thead>
                    <tr>
                        <th>Product</th>
                        <th>Price</th>
                        <th>Qty</th>
                        <th>Total</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($order->items as $item)
                        <tr>
                            <td>{{ $item->product_name }}</td>
                            <td>₹{{ number_format($item->price, 0) }}</td>
                            <td>{{ $item->quantity }}</td>
                            <td>₹{{ number_format($item->total, 0) }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="flex flex-col gap-5">
        <div class="kt-card">
            <div class="kt-card-header"><h3 class="kt-card-title">Customer</h3></div>
            <div class="kt-card-content text-sm flex flex-col gap-2">
                <div>
                    <strong>{{ $order->customer_name }}</strong>
                    @if($order->user_id)
                        <a class="text-primary text-xs ms-1" href="{{ route('admin.customers.show', $order->user_id) }}">View account</a>
                    @else
                        <div class="text-xs text-secondary-foreground">Guest checkout</div>
                    @endif
                </div>
                <div>{{ $order->customer_email }}</div>
                <div>{{ $order->customer_phone }}</div>
                <div class="pt-2 border-t border-border">
                    {{ $order->shipping_address }}<br>
                    {{ $order->city }} — {{ $order->pincode }}
                </div>
                @if($order->notes)
                    <div class="pt-2 border-t border-border"><em>{{ $order->notes }}</em></div>
                @endif
            </div>
        </div>

        <div class="kt-card">
            <div class="kt-card-header"><h3 class="kt-card-title">Update Status</h3></div>
            <form class="kt-card-content flex flex-col gap-3" method="POST" action="{{ route('admin.orders.update', $order) }}">
                @csrf @method('PUT')
                <select class="kt-select" name="status">
                    @foreach(['pending','processing','shipped','delivered','cancelled'] as $status)
                        <option value="{{ $status }}" @selected($order->status===$status)>{{ ucfirst($status) }}</option>
                    @endforeach
                </select>
                <div class="text-sm">Payment: {{ strtoupper($order->payment_method) }}</div>
                <div class="text-sm">Subtotal: ₹{{ number_format($order->subtotal, 0) }}</div>
                @if($order->discount_amount > 0)
                    <div class="text-sm">Discount{{ $order->coupon_code ? ' ('.$order->coupon_code.')' : '' }}: −₹{{ number_format($order->discount_amount, 0) }}</div>
                @endif
                <div class="text-lg font-semibold">Total: ₹{{ number_format($order->total, 0) }}</div>
                <button class="kt-btn kt-btn-primary" type="submit">Save Status</button>
            </form>
        </div>
    </div>
</div>
@endsection