@extends('customer.layout')

@section('title','Order Details')

@section('content')
<h4 class="fw-bold mb-4">Order #{{ $order->order_no }}</h4>

<div class="row g-4">

    <div class="col-md-6">
        <div class="card shadow-sm">
            <div class="card-body">
                <h6 class="fw-bold">Order Information</h6>
                <p>Status: <strong>{{ ucfirst($order->status) }}</strong></p>
                <p>Amount: <strong>LKR {{ number_format($order->amount,2) }}</strong></p>
                <p>Date: {{ $order->created_at->format('d M Y') }}</p>
            </div>
        </div>
    </div>

    <div class="col-md-6">
        <div class="card shadow-sm">
            <div class="card-body">
                <h6 class="fw-bold">Delivery Address</h6>
                <p class="mb-0">{{ $order->address }}</p>
            </div>
        </div>
    </div>

</div>

<div class="mt-4">
    <a href="{{ route('customer.orders.track',$order->id) }}"
       class="btn btn-primary">
        Track Order
    </a>
</div>
@endsection