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

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

@section('content')
<h1 class="text-2xl font-bold text-ink-900 mb-6">Your orders</h1>

@isset($orderGroups)
    @if($orderGroups->isEmpty())
        <div class="border border-dashed border-ink-200 rounded p-8 text-center text-ink-500">
            No orders yet.
            <a href="{{ url('/b2bportal/shop/'.$apiToken) }}" class="b2b-btn mt-4 inline-flex">Browse products</a>
        </div>
    @else
        <div class="space-y-4">
            @foreach($orderGroups as $uid => $shipments)
                @php $first = $shipments->first(); @endphp
                <a href="{{ url('/b2bportal/shop/'.$apiToken.'/orders/'.$uid) }}"
                   class="block border border-ink-100 rounded p-4 hover:border-brand-500 hover:bg-brand-50/40 transition">
                    <div class="flex flex-wrap justify-between gap-4">
                        <div>
                            <div class="font-semibold text-ink-800">Order #{{ $first->order_number ?? substr($uid, 0, 8) }}</div>
                            <div class="text-xs text-ink-500">
                                {{ optional($first->placed_at)->format('d M Y, H:i') }}
                                @if($shipments->count() > 1)
                                    · {{ $shipments->count() }} shipments
                                @endif
                            </div>
                        </div>
                        <div class="text-right">
                            <div class="text-lg font-semibold text-brand-700">
                                {{ config('constants.currency_symbol','₹') }}{{ number_format($shipments->sum('grand_total'), 2) }}
                            </div>
                            <div class="text-xs uppercase tracking-wide text-ink-500">
                                {{ $first->status }} · {{ $first->payment_method_used }}
                            </div>
                        </div>
                    </div>
                </a>
            @endforeach
        </div>

        @if($paginator->hasPages())
            <div class="mt-6">{{ $paginator->onEachSide(1)->links() }}</div>
        @endif
    @endif
@else
    <div class="border border-dashed border-ink-200 rounded p-8 text-center">
        <p class="text-lg text-ink-700 font-medium">Sign in to see your orders</p>
        <p class="text-sm text-ink-500 mt-2">
            Log in with your WhatsApp OTP from the checkout screen; your history appears here.
        </p>
        <a href="{{ url('/b2bportal/shop/'.$apiToken.'/checkout') }}" class="b2b-btn mt-4 inline-flex">Sign in via checkout</a>
    </div>
@endisset
@endsection