@extends('layouts.app')

@section('title', 'Kebijakan Privasi')

@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="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
                    </svg>
                </div>
                <h1 class="text-2xl font-bold">Kebijakan Privasi</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. Informasi yang Kami Kumpulkan</h2>
                        <p class="text-gray-600 text-sm leading-relaxed mb-3">
                            Kami mengumpulkan informasi yang Anda berikan secara langsung kepada kami, seperti:
                        </p>
                        <ul class="list-disc list-inside text-gray-600 text-sm space-y-1 ml-4">
                            <li>Informasi akun (nama, email, username, password)</li>
                            <li>Informasi profil (avatar, bio)</li>
                            <li>Riwayat pembacaan dan unduhan buku</li>
                            <li>Preferensi dan pengaturan Anda</li>
                        </ul>
                    </div>

                    <div class="mb-6">
                        <h2 class="text-lg font-bold text-gray-800 mb-3">2. Penggunaan Informasi</h2>
                        <p class="text-gray-600 text-sm leading-relaxed mb-3">
                            Informasi yang kami kumpulkan digunakan untuk:
                        </p>
                        <ul class="list-disc list-inside text-gray-600 text-sm space-y-1 ml-4">
                            <li>Menyediakan dan meningkatkan layanan BCDP</li>
                            <li>Menyimpan riwayat bacaan dan pustaka Anda</li>
                            <li>Memberikan rekomendasi buku yang sesuai</li>
                            <li>Mengirimkan notifikasi dan pembaruan penting</li>
                            <li>Menganalisis penggunaan layanan untuk perbaikan</li>
                        </ul>
                    </div>

                    <div class="mb-6">
                        <h2 class="text-lg font-bold text-gray-800 mb-3">3. Perlindungan Data</h2>
                        <p class="text-gray-600 text-sm leading-relaxed">
                            Kami mengambil langkah-langkah keamanan yang tepat untuk melindungi informasi Anda 
                            dari akses tidak sah, perubahan, pengungkapan, atau penghancuran. Data Anda disimpan 
                            dengan aman dan hanya diakses oleh personel yang berwenang.
                        </p>
                    </div>

                    <div class="mb-6">
                        <h2 class="text-lg font-bold text-gray-800 mb-3">4. Cookies</h2>
                        <p class="text-gray-600 text-sm leading-relaxed">
                            Kami menggunakan cookies untuk meningkatkan pengalaman Anda di platform kami. 
                            Cookies membantu kami mengingat preferensi Anda dan memahami bagaimana Anda 
                            berinteraksi dengan layanan kami.
                        </p>
                    </div>

                    <div class="mb-6">
                        <h2 class="text-lg font-bold text-gray-800 mb-3">5. Hak Anda</h2>
                        <p class="text-gray-600 text-sm leading-relaxed mb-3">
                            Anda memiliki hak untuk:
                        </p>
                        <ul class="list-disc list-inside text-gray-600 text-sm space-y-1 ml-4">
                            <li>Mengakses data pribadi Anda</li>
                            <li>Memperbaiki data yang tidak akurat</li>
                            <li>Menghapus akun dan data Anda</li>
                            <li>Menarik persetujuan penggunaan data</li>
                        </ul>
                    </div>

                    <div class="mb-6">
                        <h2 class="text-lg font-bold text-gray-800 mb-3">6. Perubahan Kebijakan</h2>
                        <p class="text-gray-600 text-sm leading-relaxed">
                            Kami dapat memperbarui kebijakan privasi ini dari waktu ke waktu. 
                            Perubahan signifikan akan kami informasikan melalui email atau pemberitahuan 
                            di platform kami.
                        </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 kebijakan privasi 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