@extends('site_builder.layouts.app')

@section('title', 'Resumen · Asistente')

@section('content')
    <h1 class="font-display text-2xl font-semibold text-ink-900">Özet</h1>
    <p class="mt-2 text-sm text-ink-700">Yayına almadan önce her şeyi bir kez daha gözden geçir.</p>

    <div class="mt-8 space-y-6">
        <section class="rounded-xl border border-brand-100 bg-white p-5 shadow-sm">
            <h2 class="font-display text-lg font-semibold text-ink-900">Marka &amp; Astrolog</h2>
            <dl class="mt-3 space-y-2 text-sm">
                <div class="flex justify-between gap-4">
                    <dt class="text-ink-700">Marka Adı</dt>
                    <dd class="font-medium text-ink-900">{{ $site->brand_name ?: '—' }}</dd>
                </div>
                <div class="flex justify-between gap-4">
                    <dt class="text-ink-700">Astrolog</dt>
                    <dd class="font-medium text-ink-900">{{ $site->astrologer_name ?: '—' }}</dd>
                </div>
                <div class="flex justify-between gap-4">
                    <dt class="text-ink-700">Unvan</dt>
                    <dd class="font-medium text-ink-900">{{ $site->astrologer_title ?: '—' }}</dd>
                </div>
            </dl>
        </section>

        <section class="rounded-xl border border-brand-100 bg-white p-5 shadow-sm">
            <h2 class="font-display text-lg font-semibold text-ink-900">Domain</h2>
            <p class="mt-3 text-sm font-medium text-ink-900">
                {{ $domain->domain ?? 'henüz seçilmedi' }}
            </p>
        </section>

        <section class="rounded-xl border border-brand-100 bg-white p-5 shadow-sm">
            <h2 class="font-display text-lg font-semibold text-ink-900">Hizmetler</h2>

            @if ($services->isEmpty())
                <p class="mt-3 text-sm text-ink-700">Henüz hizmet eklenmedi.</p>
            @else
                <ul class="mt-3 divide-y divide-brand-100">
                    @foreach ($services as $service)
                        <li class="flex items-center justify-between gap-4 py-2 text-sm">
                            <span class="text-ink-900">{{ $service->title }}</span>
                            <span class="font-semibold text-brand-700">{{ number_format((float) $service->price, 0, ',', '.') }} ₺</span>
                        </li>
                    @endforeach
                </ul>
            @endif
        </section>
    </div>

    <a
        href="{{ route('sitebuilder.checkout.start') }}"
        class="mt-8 inline-block rounded-lg bg-brand-600 px-6 py-3 text-sm font-semibold text-white shadow-glow transition hover:bg-brand-700"
    >
        Öde ve Siteni Yayına Al
    </a>
@endsection