@extends('layouts.app')

@section('title', 'Chính Sách Bảo Mật - Truyện Hay')
@section('description', 'Chính sách bảo mật thông tin người dùng tại Truyện Hay')

@section('content')
<div class="bg-gradient-to-br from-green-500/10 via-emerald-500/5 to-background-dark border-b border-gray-800">
    <div class="container mx-auto px-4 lg:px-8 max-w-4xl py-16 text-center">
        <div class="inline-flex items-center justify-center w-20 h-20 rounded-full bg-green-500/20 mb-6">
            <span class="material-symbols-outlined text-5xl text-green-500">shield</span>
        </div>
        <h1 class="text-4xl md:text-5xl font-extrabold text-white mb-4">Chính Sách Bảo Mật</h1>
        <p class="text-gray-400 text-lg">Cập nhật lần cuối: {{ date('d/m/Y') }}</p>
    </div>
</div>

<div class="container mx-auto px-4 lg:px-8 max-w-4xl py-12">
    <div class="bg-surface-dark rounded-2xl border border-gray-800 overflow-hidden">
        <div class="p-8 md:p-12 prose prose-invert max-w-none">

            <div class="bg-green-500/10 border-l-4 border-green-500 rounded-r-lg p-6 mb-8">
                <p class="text-gray-300 text-sm leading-relaxed m-0">
                    Tại <strong class="text-white">Truyện Hay</strong>, chúng tôi cam kết bảo vệ quyền riêng tư và thông tin cá nhân của người dùng. Chính sách này giải thích cách chúng tôi thu thập, sử dụng và bảo vệ thông tin của bạn.
                </p>
            </div>

            <section class="mb-10">
                <h2 class="text-2xl font-bold text-white mb-4 flex items-center gap-3">
                    <span class="flex items-center justify-center w-10 h-10 rounded-full bg-green-500/20 text-green-500">1</span>
                    Thông Tin Thu Thập
                </h2>
                <div class="pl-13 space-y-4 text-gray-300">
                    <p class="font-semibold text-white">Thông tin bạn cung cấp:</p>
                    <ul class="list-disc list-inside space-y-2 text-gray-400">
                        <li>Tên người dùng, email khi đăng ký tài khoản</li>
                        <li>Ảnh đại diện, thông tin cá nhân tùy chọn</li>
                        <li>Bình luận, đánh giá và nội dung tương tác</li>
                    </ul>

                    <p class="font-semibold text-white mt-6">Thông tin tự động thu thập:</p>
                    <ul class="list-disc list-inside space-y-2 text-gray-400">
                        <li>Địa chỉ IP, loại trình duyệt và thiết bị</li>
                        <li>Lịch sử đọc truyện, trang đã xem và thời gian truy cập</li>
                        <li>Cookie và công nghệ theo dõi tương tự</li>
                        <li>Dữ liệu phân tích và thống kê sử dụng</li>
                    </ul>
                </div>
            </section>

            <section class="mb-10">
                <h2 class="text-2xl font-bold text-white mb-4 flex items-center gap-3">
                    <span class="flex items-center justify-center w-10 h-10 rounded-full bg-green-500/20 text-green-500">2</span>
                    Mục Đích Sử Dụng
                </h2>
                <div class="pl-13 space-y-4 text-gray-300">
                    <p>Chúng tôi sử dụng thông tin để:</p>
                    <ul class="list-disc list-inside space-y-2 text-gray-400">
                        <li>Cung cấp, duy trì và cải thiện dịch vụ</li>
                        <li>Cá nhân hóa trải nghiệm người dùng</li>
                        <li>Gửi thông báo về cập nhật, chương mới</li>
                        <li>Phân tích hành vi người dùng để tối ưu hóa</li>
                        <li>Phát hiện và ngăn chặn gian lận, lạm dụng</li>
                        <li>Tuân thủ nghĩa vụ pháp lý</li>
                    </ul>
                </div>
            </section>

            <section class="mb-10">
                <h2 class="text-2xl font-bold text-white mb-4 flex items-center gap-3">
                    <span class="flex items-center justify-center w-10 h-10 rounded-full bg-green-500/20 text-green-500">3</span>
                    Chia Sẻ Thông Tin
                </h2>
                <div class="pl-13 space-y-4 text-gray-300">
                    <p>Truyện Hay KHÔNG bán thông tin cá nhân của bạn. Chúng tôi chỉ chia sẻ khi:</p>
                    <ul class="list-disc list-inside space-y-2 text-gray-400">
                        <li>Có sự đồng ý của bạn</li>
                        <li>Với đối tác dịch vụ (hosting, analytics, CDN) tuân thủ bảo mật</li>
                        <li>Theo yêu cầu pháp luật hoặc cơ quan có thẩm quyền</li>
                        <li>Bảo vệ quyền lợi và an toàn của Truyện Hay và người dùng</li>
                    </ul>
                </div>
            </section>

            <section class="mb-10">
                <h2 class="text-2xl font-bold text-white mb-4 flex items-center gap-3">
                    <span class="flex items-center justify-center w-10 h-10 rounded-full bg-green-500/20 text-green-500">4</span>
                    Cookie và Công Nghệ Theo Dõi
                </h2>
                <div class="pl-13 space-y-4 text-gray-300">
                    <p>Chúng tôi sử dụng cookie để:</p>
                    <ul class="list-disc list-inside space-y-2 text-gray-400">
                        <li>Duy trì phiên đăng nhập của bạn</li>
                        <li>Ghi nhớ tùy chọn và cài đặt</li>
                        <li>Phân tích lưu lượng truy cập</li>
                        <li>Hiển thị quảng cáo phù hợp</li>
                    </ul>
                    <p class="mt-4">Bạn có thể quản lý cookie qua cài đặt trình duyệt, nhưng việc vô hiệu hóa có thể ảnh hưởng đến trải nghiệm.</p>
                </div>
            </section>

            <section class="mb-10">
                <h2 class="text-2xl font-bold text-white mb-4 flex items-center gap-3">
                    <span class="flex items-center justify-center w-10 h-10 rounded-full bg-green-500/20 text-green-500">5</span>
                    Bảo Mật Thông Tin
                </h2>
                <div class="pl-13 space-y-4 text-gray-300">
                    <p>Chúng tôi áp dụng các biện pháp bảo mật:</p>
                    <ul class="list-disc list-inside space-y-2 text-gray-400">
                        <li>Mã hóa SSL/TLS cho truyền tải dữ liệu</li>
                        <li>Mã hóa mật khẩu với thuật toán an toàn</li>
                        <li>Tường lửa và hệ thống phát hiện xâm nhập</li>
                        <li>Kiểm tra bảo mật định kỳ</li>
                        <li>Hạn chế quyền truy cập dữ liệu nhạy cảm</li>
                    </ul>
                    <p class="mt-4 text-sm text-gray-500">Tuy nhiên, không có hệ thống nào an toàn tuyệt đối. Bạn cũng cần bảo vệ thông tin đăng nhập của mình.</p>
                </div>
            </section>

            <section class="mb-10">
                <h2 class="text-2xl font-bold text-white mb-4 flex items-center gap-3">
                    <span class="flex items-center justify-center w-10 h-10 rounded-full bg-green-500/20 text-green-500">6</span>
                    Quyền Của Người Dùng
                </h2>
                <div class="pl-13 space-y-4 text-gray-300">
                    <p>Bạn có quyền:</p>
                    <ul class="list-disc list-inside space-y-2 text-gray-400">
                        <li>Truy cập và xem thông tin cá nhân</li>
                        <li>Chỉnh sửa, cập nhật thông tin</li>
                        <li>Xóa tài khoản và dữ liệu liên quan</li>
                        <li>Từ chối nhận email marketing</li>
                        <li>Yêu cầu sao lưu dữ liệu cá nhân</li>
                    </ul>
                    <p class="mt-4">Để thực hiện các quyền này, vui lòng liên hệ support@truyenhay.com</p>
                </div>
            </section>

            <section class="mb-10">
                <h2 class="text-2xl font-bold text-white mb-4 flex items-center gap-3">
                    <span class="flex items-center justify-center w-10 h-10 rounded-full bg-green-500/20 text-green-500">7</span>
                    Trẻ Em
                </h2>
                <div class="pl-13 space-y-4 text-gray-300">
                    <p>Dịch vụ không dành cho trẻ em dưới 13 tuổi. Chúng tôi không cố ý thu thập thông tin từ trẻ em. Nếu bạn là phụ huynh và phát hiện con bạn cung cấp thông tin, vui lòng liên hệ để xóa.</p>
                </div>
            </section>

            <div class="bg-gradient-to-r from-green-500/10 to-emerald-500/10 border border-green-500/20 rounded-xl p-6 mt-12">
                <h3 class="text-xl font-bold text-white mb-3 flex items-center gap-2">
                    <span class="material-symbols-outlined text-green-500">help</span>
                    Câu Hỏi Về Bảo Mật?
                </h3>
                <p class="text-gray-300 mb-4">Nếu bạn có bất kỳ thắc mắc nào về Chính Sách Bảo Mật:</p>
                <div class="space-y-2 text-gray-400">
                    <p class="flex items-center gap-2">
                        <span class="material-symbols-outlined text-sm text-green-500">mail</span>
                        Email: <a href="mailto:privacy@truyenhay.com" class="text-green-500 hover:underline">privacy@truyenhay.com</a>
                    </p>
                </div>
            </div>

        </div>
    </div>

    <div class="mt-8 text-center">
        <a href="{{ route('home') }}" class="inline-flex items-center gap-2 px-6 py-3 bg-green-500 hover:bg-green-600 text-white font-bold rounded-lg transition-all">
            <span class="material-symbols-outlined">arrow_back</span>
            Quay lại trang chủ
        </a>
    </div>
</div>
@endsection