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

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

@section('content')
<div class="flex flex-col md:flex-row gap-6">
    @include('b2bportal::storefront.components.account-nav')

    <div class="grow">
        <h1 class="text-2xl font-bold text-ink-900 mb-6">Your orders</h1>

        @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-3 inline-flex">Browse products</a>
            </div>
        @else
            <div class="space-y-3">
                @foreach($orderGroups as $uid => $shipments)
                    @php $first = $shipments->first(); @endphp
                    <a href="{{ url('/b2bportal/shop/'.$apiToken.'/account/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 mt-1">
                                    {{ optional($first->placed_at)->format('d M Y · H:i') }}
                                    @if($shipments->count() > 1) · {{ $shipments->count() }} shipments @endif
                                </div>
                                @if($first->tracking_number)
                                    <div class="text-xs text-blue-700 mt-1">📦 {{ $first->carrier ?? 'Tracking' }}: {{ $first->tracking_number }}</div>
                                @endif
                            </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>
                                @php
                                    $badge = ['pending'=>'bg-yellow-100 text-yellow-800','confirmed'=>'bg-blue-100 text-blue-800','processing'=>'bg-blue-100 text-blue-800','shipped'=>'bg-indigo-100 text-indigo-800','delivered'=>'bg-green-100 text-green-800','cancelled'=>'bg-red-100 text-red-700','refunded'=>'bg-gray-100 text-gray-700'][$first->status] ?? 'bg-gray-100 text-gray-700';
                                @endphp
                                <div class="mt-1"><span class="text-xs uppercase px-2 py-0.5 rounded-full {{ $badge }}">{{ $first->status }}</span></div>
                                <div class="text-xs text-ink-500 mt-1">{{ strtoupper($first->payment_method_used) }}</div>
                            </div>
                        </div>
                    </a>
                @endforeach
            </div>

            @if($paginator->hasPages())
                <div class="mt-6">{{ $paginator->onEachSide(1)->links() }}</div>
            @endif
        @endif
    </div>
</div>
@endsection