@extends('storefront.layout')

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

@section('content')
@include('services.parcel._flow-style')
@php
    $parcel = $order->parcelOrder;
    $pricing = $parcel?->pricing_breakdown ?? [];
@endphp

<div class="fm-parcel-flow">
    <div class="fm-container">
        <section class="fm-parcel-hero-panel">
            <div class="fm-parcel-hero-panel__top">
                <div>
                    <span class="fm-parcel-eyebrow">Order Details</span>
                    <h1>#{{ $order->order_number ?? $order->id }}</h1>
                    <p>{{ \Illuminate\Support\Str::headline($order->status) }} - {{ \Illuminate\Support\Str::headline($order->payment_status ?? 'pending') }}</p>
                </div>
                <a href="{{ route('pwa.parcel.bookings') }}" class="fm-parcel-back" aria-label="Back">&larr;</a>
            </div>
        </section>

        <section class="fm-parcel-card">
            <h2>Route</h2>
            <div class="fm-parcel-review">
                <div class="fm-parcel-review-row"><span>Pickup</span><strong>{{ data_get($parcel, 'pickup_address.address', '-') }}</strong></div>
                <div class="fm-parcel-review-row"><span>Drop</span><strong>{{ data_get($parcel, 'drop_address.address', '-') }}</strong></div>
                <div class="fm-parcel-review-row"><span>Receiver</span><strong>{{ $parcel->receiver_name ?? '-' }}</strong></div>
                <div class="fm-parcel-review-row"><span>Phone</span><strong>{{ $parcel->receiver_phone ?? '-' }}</strong></div>
            </div>
        </section>

        <section class="fm-parcel-card">
            <h2>Parcel</h2>
            <div class="fm-parcel-review">
                <div class="fm-parcel-review-row"><span>Category</span><strong>{{ $parcel->package_type ?? '-' }}</strong></div>
                <div class="fm-parcel-review-row"><span>Weight</span><strong>{{ $parcel->weight_kg ?? 0 }} kg</strong></div>
                <div class="fm-parcel-review-row"><span>Delivery</span><strong>{{ \Illuminate\Support\Str::headline($parcel->delivery_option ?? 'standard') }}</strong></div>
                <div class="fm-parcel-review-row"><span>Fragile</span><strong>{{ $parcel?->is_fragile ? 'Yes' : 'No' }}</strong></div>
            </div>
        </section>

        <section class="fm-parcel-card">
            <h2>Fare</h2>
            @include('services.parcel.components.fare-summary', ['pricing' => $pricing ?: ['total' => $order->total]])
        </section>

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