@extends('storefront.layout')

@section('title', 'Parcel Booked - '.config('app.name', 'FreshMart'))
@section('body_class', 'sf-no-bottom-nav')

@section('content')
@include('services.parcel._flow-style')
@php
    $parcel = $order->parcelOrder;
    $currency = \App\Support\StorefrontPresenter::currencySymbol();
@endphp

<div class="fm-parcel-flow">
    <div class="fm-container">
        <section class="fm-parcel-hero-panel is-center">
            <span class="fm-parcel-eyebrow" style="margin:auto;background:#dcfce7;color:#166534;">Success</span>
            <div class="fm-parcel-success-ring">OK</div>
            <h1>Your parcel is booked</h1>
            <p>Booking #{{ $order->order_number ?? $order->id }} is ready for driver assignment.</p>
        </section>

        <section class="fm-parcel-card">
            <h2>Receipt</h2>
            <div class="fm-parcel-review">
                <div class="fm-parcel-review-row"><span>Parcel</span><strong>{{ $parcel->content ?? $parcel->package_type ?? 'Parcel' }}</strong></div>
                <div class="fm-parcel-review-row"><span>Pickup</span><strong>{{ data_get($parcel, 'pickup_address.city', 'Pickup') }}</strong></div>
                <div class="fm-parcel-review-row"><span>Drop</span><strong>{{ data_get($parcel, 'drop_address.city', 'Drop') }}</strong></div>
                <div class="fm-parcel-review-row"><span>Total</span><strong>{{ $currency }}{{ number_format((float) $order->total, 2) }}</strong></div>
            </div>
        </section>

        <div class="fm-parcel-actions">
            <a href="{{ route('pwa.parcel.create') }}" class="fm-parcel-btn fm-parcel-btn--secondary">Book Again</a>
            <a href="{{ route('pwa.parcel.track', $order) }}" class="fm-parcel-btn fm-parcel-btn--primary">Track Parcel</a>
        </div>
    </div>
</div>
@endsection