@extends('layouts.app')

@section('title', 'Syarat dan Ketentuan - ' . $siteName)

@section('content')
<div class="py-16 bg-[#FAF7F0]">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        
        <!-- Breadcrumb & Header -->
        <div class="text-center max-w-2xl mx-auto mb-12">
            <span class="text-xs font-semibold text-deepsage uppercase tracking-widest">Ketentuan Penggunaan</span>
            <h1 class="font-heading text-4xl sm:text-5xl font-bold text-charcoal mt-2">Syarat dan Ketentuan</h1>
            <p class="text-xs sm:text-sm text-charcoal/70 mt-3">
                Terakhir diperbarui: {{ date('d F Y') }}. Ketentuan layanan dan kesepakatan penggunaan platform <strong>{{ $siteName }}</strong>.
            </p>
        </div>

        <div class="bg-white p-8 sm:p-12 rounded-3xl border border-[#A8BBA6]/20 shadow-sm space-y-8 text-charcoal/80 text-sm leading-relaxed">
            
            <section class="space-y-3">
                <h2 class="font-heading text-2xl font-bold text-charcoal flex items-center gap-2">
                    <span class="w-7 h-7 rounded-full bg-deepsage text-ivory text-xs flex items-center justify-center font-sans font-bold">1</span>
                    Penerimaan Ketentuan
                </h2>
                <p>
                    Dengan mendaftar, mengakses, atau menggunakan layanan platform <strong>{{ $siteName }}</strong>, Anda menyatakan telah membaca, memahami, dan menyetujui untuk terikat oleh seluruh Syarat dan Ketentuan ini. Jika Anda tidak menyetujui salah satu bagian dari ketentuan ini, Anda dipersilakan untuk tidak melanjutkan penggunaan layanan kami.
                </p>
            </section>

            <section class="space-y-3">
                <h2 class="font-heading text-2xl font-bold text-charcoal flex items-center gap-2">
                    <span class="w-7 h-7 rounded-full bg-deepsage text-ivory text-xs flex items-center justify-center font-sans font-bold">2</span>
                    Layanan & Model Pembuatan Undangan (Freemium)
                </h2>
                <p>
                    {{ $siteName }} menyediakan fasilitas pembuatan draf undangan pernikahan digital secara mandiri (self-service).
                </p>
                <ul class="list-disc pl-6 space-y-1.5 text-xs sm:text-sm">
                    <li><strong>Mode Draf Gratis:</strong> Pengguna dapat menyusun data mempelai, memilih template, dan melakukan uji pratinjau live sebelum melakukan pembayaran. Draf gratis memiliki tanda pratinjau (draft indicator).</li>
                    <li><strong>Aktivasi & Publikasi Resmi:</strong> Untuk menghapus tanda pratinjau, mengaktifkan link publik, serta membuka fitur broadcast WhatsApp tanpa batas, pengguna wajib memilih paket durasi tayang (Simple, Elegant, atau Premium) dan menyelesaikan pembayaran resmi.</li>
                </ul>
            </section>

            <section class="space-y-3">
                <h2 class="font-heading text-2xl font-bold text-charcoal flex items-center gap-2">
                    <span class="w-7 h-7 rounded-full bg-deepsage text-ivory text-xs flex items-center justify-center font-sans font-bold">3</span>
                    Pembayaran, Masa Aktif, dan Refund
                </h2>
                <ul class="list-disc pl-6 space-y-1.5 text-xs sm:text-sm">
                    <li>Pembayaran dapat dilakukan melalui gerbang pembayaran resmi Midtrans (QRIS, Virtual Account, E-Wallet, Kartu Kredit) atau QRIS Nasional.</li>
                    <li>Masa aktif undangan dihitung sejak tanggal transaksi berhasil terkonfirmasi (3 bulan untuk Simple, 6 bulan untuk Elegant, dan 12 bulan untuk Premium).</li>
                    <li>Setelah masa aktif berakhir, halaman undangan dapat beralih ke mode arsip atau tidak dapat diakses publik kecuali diperpanjang oleh pengguna.</li>
                    <li>Mengingat produk berupa akses perangkat lunak dan layanan digital instan (*instant digital goods*), pembayaran yang telah diverifikasi bersifat final dan tidak dapat dikembalikan (*non-refundable*), kecuali terjadi kesalahan penagihan ganda dari pihak sistem.</li>
                </ul>
            </section>

            <section class="space-y-3">
                <h2 class="font-heading text-2xl font-bold text-charcoal flex items-center gap-2">
                    <span class="w-7 h-7 rounded-full bg-deepsage text-ivory text-xs flex items-center justify-center font-sans font-bold">4</span>
                    Tanggung Jawab Konten Pengguna
                </h2>
                <p>
                    Pengguna bertanggung jawab penuh atas segala informasi, teks, foto, link musik, nomor rekening hadiah, dan konten apa pun yang diunggah ke dalam undangan. Pengguna dilarang keras mengunggah konten yang:
                </p>
                <ul class="list-disc pl-6 space-y-1.5 text-xs sm:text-sm">
                    <li>Melanggar hak cipta, merek dagang, atau hak kekayaan intelektual pihak lain tanpa izin yang sah.</li>
                    <li>Mengandung unsur pornografi, ujaran kebencian, diskriminasi SARA, atau konten yang melanggar hukum Republik Indonesia.</li>
                    <li>Mengandung informasi palsu atau penipuan rekening transfer yang merugikan pihak lain.</li>
                </ul>
                <p class="text-xs text-charcoal/70 italic">
                    {{ $siteName }} berhak menonaktifkan atau menurunkan undangan yang terbukti melanggar ketentuan di atas tanpa pengembalian biaya.
                </p>
            </section>

            <section class="space-y-3">
                <h2 class="font-heading text-2xl font-bold text-charcoal flex items-center gap-2">
                    <span class="w-7 h-7 rounded-full bg-deepsage text-ivory text-xs flex items-center justify-center font-sans font-bold">5</span>
                    Hak Cipta & Kekayaan Intelektual
                </h2>
                <p>
                    Seluruh rancangan template undangan, kode pemrograman, layout grafis, logo brand Janoer Koening, serta elemen desain situs web adalah hak kekayaan intelektual milik <strong>{{ $siteName }}</strong>. Pengguna hanya diberikan lisensi non-eksklusif untuk menggunakan template tersebut bagi keperluan acara pernikahan pribadi dan tidak berhak menjual kembali atau menduplikasi sistem perangkat lunak untuk kepentingan komersial lainnya.
                </p>
            </section>

            <section class="space-y-3">
                <h2 class="font-heading text-2xl font-bold text-charcoal flex items-center gap-2">
                    <span class="w-7 h-7 rounded-full bg-deepsage text-ivory text-xs flex items-center justify-center font-sans font-bold">6</span>
                    Perubahan Syarat & Ketentuan
                </h2>
                <p>
                    Kami berhak memperbarui atau memodifikasi Syarat dan Ketentuan ini dari waktu ke waktu demi peningkatan kualitas layanan. Setiap pembaruan akan dipublikasikan pada halaman ini dengan mencantumkan tanggal revisi terbaru.
                </p>
            </section>

        </div>

        <div class="mt-8 text-center">
            <a href="{{ route('home') }}" class="inline-flex items-center gap-2 text-xs font-semibold text-deepsage hover:underline">
                &larr; Kembali ke Halaman Utama
            </a>
        </div>

    </div>
</div>
@endsection