@extends('layouts.public')

@section('title', 'Order Received | Shop')
@section('meta_robots', 'noindex')

@section('content')
<section class="container mx-auto max-w-3xl px-4 py-16 md:px-8">
    <div class="rounded-3xl border border-emerald-200 bg-white p-8 text-center shadow-sm">
        <p class="shop-eyebrow !text-emerald-700">Order received</p>
        <h1 class="mt-3 text-3xl font-extrabold text-zinc-950">Thank you for your order</h1>
        <p class="mt-4 text-zinc-600">Your tracking code is <strong>{{ $order->tracking_code }}</strong>. This order is awaiting payment or fulfillment confirmation; no payment has been charged.</p>
        <p class="mt-3 text-2xl font-extrabold text-emerald-700">${{ number_format((float) $order->total_amount, 2) }}</p>
        <div class="mx-auto mt-6 max-w-md rounded-xl bg-zinc-50 p-4 text-left text-sm text-zinc-600"><strong class="block text-zinc-900">Keep this private access link</strong>It is the secure way to view the order invoice and submit a warranty claim without signing in.<input readonly class="shop-input mt-3 text-xs" value="{{ route('public.invoice', $order->invoice_access_token) }}"></div>
        <div class="mt-7 flex flex-wrap justify-center gap-3"><a class="shop-button" href="{{ route('shop.index') }}">Continue shopping</a><a class="shop-button shop-button-outline" href="{{ route('warranty.check', ['tracking_code' => $order->tracking_code, 'invoice_token' => $order->invoice_access_token]) }}">Warranty &amp; tracking</a></div>
    </div>
    <div class="mt-8 rounded-2xl border bg-white p-6"><h2 class="font-extrabold text-zinc-900">Order items</h2>@foreach($items as $item)<div class="mt-3 flex justify-between gap-4 border-t pt-3 text-sm"><span>{{ $item->service_name }}</span><strong>${{ number_format((float) $item->price, 2) }}</strong></div>@endforeach</div>
</section>
@endsection