@extends('layouts.app')

@section('content')
<div class="max-w-4xl mx-auto">
    <h1 class="text-3xl font-bold text-gray-900 mb-8">Syarat dan Ketentuan</h1>

    <div class="bg-white rounded-2xl p-8 shadow-sm border border-gray-100 space-y-6">
        <section>
            <h2 class="text-xl font-bold text-gray-900 mb-3">1. Ketentuan Umum</h2>
            <p class="text-gray-600 leading-relaxed">
                Dengan mengakses dan menggunakan layanan RISTOPUP, Anda menyetujui untuk terikat dengan syarat dan ketentuan yang berlaku. 
                Jika Anda tidak setuju dengan syarat dan ketentuan ini, mohon untuk tidak menggunakan layanan kami.
            </p>
        </section>

        <section>
            <h2 class="text-xl font-bold text-gray-900 mb-3">2. Layanan</h2>
            <p class="text-gray-600 leading-relaxed mb-3">
                RISTOPUP menyediakan layanan top up untuk berbagai game dan voucher digital. Kami berkomitmen untuk:
            </p>
            <ul class="list-disc list-inside space-y-2 text-gray-600 ml-4">
                <li>Memberikan layanan yang cepat dan terpercaya</li>
                <li>Menjaga keamanan data pelanggan</li>
                <li>Memberikan harga yang kompetitif</li>
                <li>Memberikan layanan customer support yang responsif</li>
            </ul>
        </section>

        <section>
            <h2 class="text-xl font-bold text-gray-900 mb-3">3. Proses Pembelian</h2>
            <p class="text-gray-600 leading-relaxed mb-3">
                Proses pembelian di RISTOPUP meliputi:
            </p>
            <ol class="list-decimal list-inside space-y-2 text-gray-600 ml-4">
                <li>Memilih produk yang diinginkan</li>
                <li>Mengisi data yang diperlukan dengan benar dan lengkap</li>
                <li>Memilih metode pembayaran</li>
                <li>Melakukan pembayaran sesuai instruksi</li>
                <li>Menunggu proses pengiriman produk</li>
            </ol>
        </section>

        <section>
            <h2 class="text-xl font-bold text-gray-900 mb-3">4. Pembayaran</h2>
            <p class="text-gray-600 leading-relaxed">
                Kami menerima berbagai metode pembayaran termasuk transfer bank, e-wallet, dan QRIS. 
                Pembayaran harus dilakukan sesuai dengan nominal yang tertera. 
                Pesanan akan diproses setelah pembayaran terkonfirmasi.
            </p>
        </section>

        <section>
            <h2 class="text-xl font-bold text-gray-900 mb-3">5. Pengiriman</h2>
            <p class="text-gray-600 leading-relaxed">
                Proses pengiriman akan dilakukan secara otomatis setelah pembayaran terkonfirmasi. 
                Waktu pengiriman bervariasi tergantung provider dan kondisi sistem. 
                Umumnya pengiriman selesai dalam waktu 1-5 menit untuk transaksi normal.
            </p>
        </section>

        <section>
            <h2 class="text-xl font-bold text-gray-900 mb-3">6. Refund dan Pembatalan</h2>
            <p class="text-gray-600 leading-relaxed mb-3">
                Pembatalan dan refund dapat dilakukan dalam kondisi berikut:
            </p>
            <ul class="list-disc list-inside space-y-2 text-gray-600 ml-4">
                <li>Produk tidak terkirim dalam waktu 24 jam</li>
                <li>Terjadi kesalahan sistem yang bukan disebabkan oleh kesalahan data pelanggan</li>
                <li>Double payment atau kesalahan pembayaran</li>
            </ul>
            <p class="text-gray-600 leading-relaxed mt-3">
                Refund tidak dapat dilakukan jika kesalahan disebabkan oleh data yang salah dari pelanggan atau jika produk sudah berhasil dikirim.
            </p>
        </section>

        <section>
            <h2 class="text-xl font-bold text-gray-900 mb-3">7. Tanggung Jawab Pelanggan</h2>
            <p class="text-gray-600 leading-relaxed">
                Pelanggan bertanggung jawab untuk memastikan data yang diinput sudah benar sebelum melakukan pembayaran. 
                Kami tidak bertanggung jawab atas kesalahan pengiriman yang disebabkan oleh data yang salah dari pelanggan.
            </p>
        </section>

        <section>
            <h2 class="text-xl font-bold text-gray-900 mb-3">8. Privasi</h2>
            <p class="text-gray-600 leading-relaxed">
                Kami berkomitmen untuk melindungi privasi pelanggan. Data pribadi yang dikumpulkan hanya akan digunakan 
                untuk keperluan transaksi dan tidak akan dibagikan kepada pihak ketiga tanpa persetujuan pelanggan.
            </p>
        </section>

        <section>
            <h2 class="text-xl font-bold text-gray-900 mb-3">9. Perubahan Syarat dan Ketentuan</h2>
            <p class="text-gray-600 leading-relaxed">
                RISTOPUP berhak untuk mengubah syarat dan ketentuan ini sewaktu-waktu. 
                Perubahan akan diinformasikan melalui website dan akan berlaku segera setelah dipublikasikan.
            </p>
        </section>

        <section>
            <h2 class="text-xl font-bold text-gray-900 mb-3">10. Kontak</h2>
            <p class="text-gray-600 leading-relaxed">
                Jika Anda memiliki pertanyaan mengenai syarat dan ketentuan ini, silakan hubungi customer support kami 
                melalui WhatsApp atau email yang tertera di website.
            </p>
        </section>

        <div class="pt-6 border-t border-gray-200">
            <p class="text-sm text-gray-500 italic">
                Terakhir diperbarui: {{ date('d F Y') }}
            </p>
        </div>
    </div>

    <div class="mt-8 text-center">
        <a href="{{ route('home') }}" class="inline-flex items-center gap-2 text-[#0C951E] hover:underline font-medium">
            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
            </svg>
            Kembali ke Home
        </a>
    </div>
</div>
@endsection