@extends('b2bportal::storefront.layouts.app')

@php
    $primary = $orders->first();
    $totals = [
        'subtotal' => $orders->sum('subtotal'),
        'discount' => $orders->sum('discount_total'),
        'tax' => $orders->sum('tax_total'),
        'shipping' => $orders->sum('shipping_total'),
        'grand' => $orders->sum('grand_total'),
    ];
@endphp

@section('title', 'Order ' . ($primary->order_number ?? '') . ' — ' . ($business->name ?? 'B2B Portal'))

@section('content')
<div class="max-w-3xl mx-auto">
    <div class="rounded-lg bg-brand-50 border border-brand-200 p-6 mb-6 text-center">
        <div class="text-4xl">✅</div>
        <h1 class="text-2xl font-bold text-brand-800 mt-2">
            Order placed{{ $orders->count() > 1 ? ' — '.$orders->count().' shipments' : '' }}
        </h1>
        <p class="text-ink-700 mt-1">
            Order #{{ $primary->order_number ?? substr($groupUid, 0, 8) }}
        </p>
    </div>

    @foreach($orders as $order)
        <section class="border border-ink-100 rounded mb-4 overflow-hidden">
            <header class="px-4 py-3 bg-ink-50 flex flex-wrap justify-between gap-2">
                <div>
                    <div class="font-semibold">{{ $order->order_number ?? 'Shipment #'.$order->id }}</div>
                    <div class="text-xs text-ink-500">
                        Ships from location #{{ $order->location_id }}
                        · Payment: {{ strtoupper($order->payment_method_used) }}
                        · Status: {{ strtoupper($order->status) }}
                    </div>
                </div>
                <div class="text-right">
                    <div class="font-semibold">{{ config('constants.currency_symbol','₹') }}{{ number_format($order->grand_total, 2) }}</div>
                    @if($order->transaction_id)
                        <a class="text-xs text-brand-700 hover:underline"
                           href="{{ url('/b2bportal/shop/'.$apiToken.'/orders/'.$order->id.'/invoice') }}"
                           target="_blank">Download invoice</a>
                    @endif
                </div>
            </header>
            <div class="p-4">
                <table class="w-full text-sm">
                    <thead class="text-left text-ink-500">
                        <tr>
                            <th class="pb-2">Item</th>
                            <th class="pb-2 text-center">Qty</th>
                            <th class="pb-2 text-right">Unit</th>
                            <th class="pb-2 text-right">Subtotal</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach(($order->cart_snapshot ?? []) as $line)
                            <tr class="border-t border-ink-100">
                                <td class="py-2">{{ $line['name'] ?? '—' }}</td>
                                <td class="py-2 text-center">{{ $line['quantity'] ?? 0 }}</td>
                                <td class="py-2 text-right">{{ config('constants.currency_symbol','₹') }}{{ number_format($line['unit_price'] ?? 0, 2) }}</td>
                                <td class="py-2 text-right">{{ config('constants.currency_symbol','₹') }}{{ number_format($line['subtotal'] ?? 0, 2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="mt-3 text-xs text-ink-500 space-y-1">
                    <div>Subtotal: {{ config('constants.currency_symbol','₹') }}{{ number_format($order->subtotal, 2) }}</div>
                    @if($order->discount_total > 0)<div>Discount: −{{ config('constants.currency_symbol','₹') }}{{ number_format($order->discount_total, 2) }}</div>@endif
                    <div>Tax: {{ config('constants.currency_symbol','₹') }}{{ number_format($order->tax_total, 2) }}</div>
                    <div>Shipping: {{ config('constants.currency_symbol','₹') }}{{ number_format($order->shipping_total, 2) }}</div>
                </div>
            </div>
        </section>
    @endforeach

    <div class="border border-ink-100 rounded p-5 mt-4 flex justify-between items-center">
        <span class="text-sm text-ink-600 uppercase tracking-wide">Order total</span>
        <span class="text-xl font-bold text-ink-900">{{ config('constants.currency_symbol','₹') }}{{ number_format($totals['grand'], 2) }}</span>
    </div>

    <div class="mt-6 text-center">
        <a href="{{ url('/b2bportal/shop/'.$apiToken) }}" class="b2b-btn-outline">← Continue shopping</a>
        <a href="{{ url('/b2bportal/shop/'.$apiToken.'/orders') }}" class="b2b-btn ml-2">All orders</a>
    </div>
</div>
@endsection