@extends('public.layout')
@section('title', 'Order Status')
@section('body')
<div class="card shadow-sm">
    <div class="card-body p-4">
        <h4 class="card-title mb-4">Order {{ $order->order_number }}</h4>
        <dl class="row mb-0">
            <dt class="col-sm-3">Status</dt>
            <dd class="col-sm-9">
                <span class="badge bg-{{ $order->status === 'completed' ? 'success' : ($order->status === 'cancelled' ? 'danger' : 'primary') }}">
                    {{ ucfirst(str_replace('_', ' ', $order->status)) }}
                </span>
            </dd>
            @if($order->vehicle_make || $order->vehicle_model)
            <dt class="col-sm-3">Vehicle</dt>
            <dd class="col-sm-9">{{ trim(($order->vehicle_make ?? '') . ' ' . ($order->vehicle_model ?? '') . ' ' . ($order->vehicle_year ?? '')) }}</dd>
            @endif
            <dt class="col-sm-3">Customer</dt>
            <dd class="col-sm-9">{{ $order->customer_name }}</dd>
        </dl>
        <hr>
        <p class="text-muted small mb-0">Use the link we sent you to leave a review when your order is complete.</p>
    </div>
</div>
@endsection