@extends('layouts.app')

@section('title', 'Syarat & Ketentuan')

@section('content')
<div class="bg-gray-50/50 py-8">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
            <div class="bg-gradient-to-r from-primary to-primary-dark text-white py-8 px-6 text-center">
                <div class="inline-flex items-center justify-center w-14 h-14 bg-white/20 rounded-xl mb-3">
                    <svg class="w-7 h-7 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                    </svg>
                </div>
                <h1 class="text-2xl font-bold">Syarat & Ketentuan</h1>
                <p class="text-sm text-blue-100 mt-1">Terakhir diperbarui: 9 Juni 2026</p>
            </div>
            
            <div class="p-6 md:p-8">
                <div class="prose prose-sm max-w-none">
                    <div class="mb-6">
                        <h2 class="text-lg font-bold text-gray-800 mb-3">1. Penerimaan Syarat</h2>
                        <p class="text-gray-600 text-sm leading-relaxed">
                            Dengan mengakses dan menggunakan platform BCDP (Buku Digital), Anda menyetujui 
                            untuk terikat oleh Syarat dan Ketentuan ini. Jika Anda tidak setuju dengan 
                            bagian mana pun dari syarat ini, Anda tidak dapat mengakses layanan kami.
                        </p>
                    </div>

                    <div class="mb-6">
                        <h2 class="text-lg font-bold text-gray-800 mb-3">2. Akun Pengguna</h2>
                        <p class="text-gray-600 text-sm leading-relaxed mb-3">
                            Untuk menggunakan layanan kami sepenuhnya, Anda perlu membuat akun. Anda bertanggung jawab untuk:
                        </p>
                        <ul class="list-disc list-inside text-gray-600 text-sm space-y-1 ml-4">
                            <li>Memberikan informasi yang akurat dan lengkap</li>
                            <li>Menjaga kerahasiaan kredensial akun Anda</li>
                            <li>Memberitahu kami segera jika terjadi akses tidak sah</li>
                            <li>Bertanggung jawab atas semua aktivitas yang terjadi di akun Anda</li>
                        </ul>
                    </div>

                    <div class="mb-6">
                        <h2 class="text-lg font-bold text-gray-800 mb-3">3. Penggunaan Layanan</h2>
                        <p class="text-gray-600 text-sm leading-relaxed mb-3">
                            Anda setuju untuk menggunakan layanan BCDP hanya untuk tujuan yang sah dan tidak untuk:
                        </p>
                        <ul class="list-disc list-inside text-gray-600 text-sm space-y-1 ml-4">
                            <li>Melanggar hukum yang berlaku</li>
                            <li>Mengganggu atau merusak platform kami</li>
                            <li>Mengunggah konten yang melanggar hak cipta</li>
                            <li>Menyalahgunakan fitur atau layanan yang tersedia</li>
                        </ul>
                    </div>

                    <div class="mb-6">
                        <h2 class="text-lg font-bold text-gray-800 mb-3">4. Hak Kekayaan Intelektual</h2>
                        <p class="text-gray-600 text-sm leading-relaxed">
                            Semua konten dalam platform BCDP, termasuk buku, ilustrasi, teks, logo, dan 
                            elemen desain lainnya, dilindungi oleh hak cipta dan hak kekayaan intelektual lainnya. 
                            Anda tidak diperbolehkan menyalin, mendistribusikan, atau memodifikasi konten tanpa izin.
                        </p>
                    </div>

                    <div class="mb-6">
                        <h2 class="text-lg font-bold text-gray-800 mb-3">5. Pembatasan Tanggung Jawab</h2>
                        <p class="text-gray-600 text-sm leading-relaxed">
                            BCDP disediakan "sebagaimana adanya" tanpa jaminan apapun. Kami tidak bertanggung jawab 
                            atas kerugian langsung, tidak langsung, insidental, atau konsekuensial yang timbul dari 
                            penggunaan atau ketidakmampuan menggunakan layanan kami.
                        </p>
                    </div>

                    <div class="mb-6">
                        <h2 class="text-lg font-bold text-gray-800 mb-3">6. Pengakhiran Akun</h2>
                        <p class="text-gray-600 text-sm leading-relaxed">
                            Kami berhak untuk menangguhkan atau mengakhiri akun Anda jika kami menemukan pelanggaran 
                            terhadap Syarat dan Ketentuan ini. Anda juga dapat menghapus akun Anda kapan saja melalui 
                            pengaturan profil.
                        </p>
                    </div>

                    <div class="mb-6">
                        <h2 class="text-lg font-bold text-gray-800 mb-3">7. Perubahan Syarat</h2>
                        <p class="text-gray-600 text-sm leading-relaxed">
                            Kami dapat memperbarui Syarat dan Ketentuan ini dari waktu ke waktu. Perubahan akan 
                            diumumkan melalui platform kami atau melalui email. Penggunaan layanan yang berkelanjutan 
                            setelah perubahan dianggap sebagai penerimaan syarat yang baru.
                        </p>
                    </div>

                    <div class="bg-gray-50 rounded-lg p-4 mt-6">
                        <p class="text-sm text-gray-600">
                            <span class="font-semibold">📧 Kontak:</span> Jika Anda memiliki pertanyaan tentang syarat dan ketentuan ini, 
                            silakan hubungi kami di <a href="mailto:layanan.bcdp@kemdikbud.go.id" class="text-primary hover:underline">layanan.bcdp@kemdikbud.go.id</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection