@extends('site_builder.layouts.app')

@section('title', 'Önizleme · Sihirbaz')

@section('content')
    @include('site_builder.wizard._steps', ['current' => 5])

    <h1 class="font-display text-2xl font-semibold text-ink-900">Önizleme</h1>
    <p class="mt-2 text-sm text-ink-700">İşte sitenin şu anki hali.</p>

    <div class="mt-6">
        <iframe
            src="{{ route('sitebuilder.preview.home') }}"
            class="h-[70vh] w-full rounded-xl border border-brand-200"
            title="Site Önizleme"
        ></iframe>
    </div>

    <p class="mt-4 text-sm text-ink-700">
        Bu senin sitenin nasıl görüneceğinin bir önizlemesi — şu an sadece ana sayfa gösteriliyor, diğer sayfalar site yayına alındığında aktif olacak.
    </p>

    <a
        href="{{ route('sitebuilder.wizard.summary') }}"
        class="mt-6 inline-block rounded-lg bg-brand-600 px-4 py-2.5 text-sm font-semibold text-white shadow-glow transition hover:bg-brand-700"
    >
        Devam Et: Özet ve Ödeme
    </a>
@endsection