@extends('sitebuilder.layouts.site')

@section('title', 'Randevun Alındı')

@section('content')

<section class="mx-auto max-w-2xl px-6 py-24 text-center lg:px-8">
    <span class="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-emerald-100 text-3xl">✓</span>
    <h1 class="mt-6 font-display text-3xl font-semibold text-ink-900">Randevun alındı!</h1>
    <p class="mt-4 text-ink-800/70">
        {{ $order->item_title }} randevun <strong>{{ $order->scheduled_at->translatedFormat('d F Y, H:i') }}</strong> için
        oluşturuldu. Onay e-postası {{ $order->customer_email }} adresine gönderilecek.
    </p>

    <div class="mt-10 rounded-2xl border border-ink-900/10 bg-white p-6 text-left">
        <p class="text-xs uppercase tracking-wide text-ink-800/40">Sipariş No</p>
        <p class="mt-1 font-mono text-sm text-ink-900">{{ $order->order_number }}</p>
    </div>

    <div class="mt-10 flex flex-wrap justify-center gap-4">
        <a href="{{ route('sitebuilder.home') }}" class="rounded-full bg-gradient-to-r from-brand-500 to-brand-600 px-6 py-3 text-sm font-semibold text-white hover:opacity-90">
            Anasayfaya Dön
        </a>
    </div>
</section>

@endsection