@extends('layouts.app')

@section('title', 'Privacy Policy - CHEER MEDICS FOUNDATION')

@section('content')
<!-- PRIVACY POLICY PAGE -->
<div class="pt-20">
    <section class="relative py-32 animated-bg text-white overflow-hidden"><div class="absolute inset-0 bg-black/30"></div><div class="relative max-w-7xl mx-auto px-4 text-center"><h1 class="text-6xl md:text-7xl font-black mb-6">Privacy Policy</h1><p class="text-2xl max-w-4xl mx-auto">How we collect, use, and protect your information</p></div></section>
    <section class="py-20 bg-white">
        <div class="max-w-5xl mx-auto px-4">
            <div class="flex flex-col lg:flex-row gap-8">
                <!-- Sidebar TOC -->
                <aside class="lg:w-64 flex-shrink-0">
                    <div class="lg:sticky lg:top-24 bg-white rounded-2xl shadow-xl p-6 border border-gray-100">
                        <h3 class="text-lg font-black text-gray-900 mb-4">Contents</h3>
                        <nav class="space-y-1 text-sm" id="toc-nav">
                            <a href="#introduction" class="toc-link block px-3 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Introduction</a>
                            <a href="#information-collection" class="toc-link block px-3 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Information We Collect</a>
                            <a href="#use-of-information" class="toc-link block px-3 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Use of Information</a>
                            <a href="#data-sharing" class="toc-link block px-3 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Data Sharing</a>
                            <a href="#data-security" class="toc-link block px-3 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Data Security</a>
                            <a href="#cookies" class="toc-link block px-3 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Cookies</a>
                            <a href="#your-rights" class="toc-link block px-3 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Your Rights</a>
                            <a href="#children-privacy" class="toc-link block px-3 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Children's Privacy</a>
                            <a href="#changes" class="toc-link block px-3 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Policy Changes</a>
                            <a href="#contact" class="toc-link block px-3 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Contact Us</a>
                        </nav>
                    </div>
                </aside>
                <!-- Main Content -->
                <main class="flex-1 legal-content">
                    <p class="text-gray-600 mb-8"><strong>Last Updated:</strong> January 1, 2024</p>
                    
                    <section id="introduction" class="legal-section mb-12">
                        <h2 class="text-2xl font-black text-gray-900 mb-4">1. Introduction</h2>
                        <p class="text-gray-600 mb-4">CHEER MEDICS FOUNDATION ("we," "our," or "us") is committed to protecting your privacy. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you visit our website, make a donation, or interact with our services.</p>
                        <p class="text-gray-600">By using our website and services, you consent to the data practices described in this policy.</p>
                    </section>

                    <section id="information-collection" class="legal-section mb-12">
                        <h2 class="text-2xl font-black text-gray-900 mb-4">2. Information We Collect</h2>
                        <h3 class="text-xl font-bold text-gray-800 mb-3">Personal Information</h3>
                        <p class="text-gray-600 mb-4">We may collect personal information that you voluntarily provide, including:</p>
                        <ul class="list-disc list-inside text-gray-600 mb-4 space-y-2">
                            <li>Name, email address, and phone number</li>
                            <li>Mailing address</li>
                            <li>Payment information (for donations)</li>
                            <li>Volunteer application details</li>
                            <li>Communication preferences</li>
                        </ul>
                        <h3 class="text-xl font-bold text-gray-800 mb-3">Automatically Collected Information</h3>
                        <p class="text-gray-600 mb-4">When you visit our website, we may automatically collect:</p>
                        <ul class="list-disc list-inside text-gray-600 space-y-2">
                            <li>IP address and browser type</li>
                            <li>Device information</li>
                            <li>Pages visited and time spent</li>
                            <li>Referring website information</li>
                        </ul>
                    </section>

                    <section id="use-of-information" class="legal-section mb-12">
                        <h2 class="text-2xl font-black text-gray-900 mb-4">3. Use of Information</h2>
                        <p class="text-gray-600 mb-4">We use the information we collect to:</p>
                        <ul class="list-disc list-inside text-gray-600 space-y-2">
                            <li>Process donations and send tax receipts</li>
                            <li>Communicate about our programs and impact</li>
                            <li>Process volunteer applications</li>
                            <li>Improve our website and services</li>
                            <li>Respond to inquiries and provide support</li>
                            <li>Comply with legal obligations</li>
                        </ul>
                    </section>

                    <section id="data-sharing" class="legal-section mb-12">
                        <h2 class="text-2xl font-black text-gray-900 mb-4">4. Data Sharing</h2>
                        <p class="text-gray-600 mb-4">We do not sell, trade, or rent your personal information. We may share information with:</p>
                        <ul class="list-disc list-inside text-gray-600 space-y-2">
                            <li>Payment processors for secure donation processing</li>
                            <li>Service providers who assist our operations</li>
                            <li>Legal authorities when required by law</li>
                            <li>With your consent for specific purposes</li>
                        </ul>
                    </section>

                    <section id="data-security" class="legal-section mb-12">
                        <h2 class="text-2xl font-black text-gray-900 mb-4">5. Data Security</h2>
                        <p class="text-gray-600 mb-4">We implement appropriate security measures to protect your information, including:</p>
                        <ul class="list-disc list-inside text-gray-600 space-y-2">
                            <li>SSL encryption for data transmission</li>
                            <li>Secure payment processing (PCI compliant)</li>
                            <li>Regular security assessments</li>
                            <li>Limited access to personal information</li>
                        </ul>
                    </section>

                    <section id="cookies" class="legal-section mb-12">
                        <h2 class="text-2xl font-black text-gray-900 mb-4">6. Cookies and Tracking</h2>
                        <p class="text-gray-600 mb-4">We use cookies and similar technologies to enhance your experience. You can control cookies through your browser settings. Types of cookies we use:</p>
                        <ul class="list-disc list-inside text-gray-600 space-y-2">
                            <li>Essential cookies for website functionality</li>
                            <li>Analytics cookies to understand usage</li>
                            <li>Preference cookies to remember your choices</li>
                        </ul>
                    </section>

                    <section id="your-rights" class="legal-section mb-12">
                        <h2 class="text-2xl font-black text-gray-900 mb-4">7. Your Rights</h2>
                        <p class="text-gray-600 mb-4">You have the right to:</p>
                        <ul class="list-disc list-inside text-gray-600 space-y-2">
                            <li>Access your personal information</li>
                            <li>Request correction of inaccurate data</li>
                            <li>Request deletion of your data</li>
                            <li>Opt-out of marketing communications</li>
                            <li>Withdraw consent at any time</li>
                        </ul>
                    </section>

                    <section id="children-privacy" class="legal-section mb-12">
                        <h2 class="text-2xl font-black text-gray-900 mb-4">8. Children's Privacy</h2>
                        <p class="text-gray-600">Our services are not directed to individuals under 13 years of age. We do not knowingly collect personal information from children. If you believe we have collected information from a child, please contact us immediately.</p>
                    </section>

                    <section id="changes" class="legal-section mb-12">
                        <h2 class="text-2xl font-black text-gray-900 mb-4">9. Changes to This Policy</h2>
                        <p class="text-gray-600">We may update this Privacy Policy periodically. Changes will be posted on this page with an updated revision date. We encourage you to review this policy regularly.</p>
                    </section>

                    <section id="contact" class="legal-section mb-12">
                        <h2 class="text-2xl font-black text-gray-900 mb-4">10. Contact Us</h2>
                        <p class="text-gray-600 mb-4">If you have questions about this Privacy Policy, please contact us:</p>
                        <div class="bg-gray-50 rounded-xl p-6">
                            <p class="text-gray-600 mb-2"><strong>Email:</strong> privacy@cheermed.org</p>
                            <p class="text-gray-600 mb-2"><strong>Phone:</strong> +234 816 673 8051</p>
                            <p class="text-gray-600"><strong>Address:</strong> Lagos, Nigeria</p>
                        </div>
                    </section>
                </main>
            </div>
        </div>
    </section>
</div>
@endsection

@push('scripts')
<script>
document.querySelectorAll('.toc-link').forEach(link => {
    link.addEventListener('click', function(e) {
        e.preventDefault();
        const target = document.querySelector(this.getAttribute('href'));
        if (target) { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
    });
});
window.addEventListener('scroll', () => {
    const sections = document.querySelectorAll('.legal-section');
    const tocLinks = document.querySelectorAll('.toc-link');
    let current = '';
    sections.forEach(section => {
        const sectionTop = section.offsetTop - 150;
        if (window.scrollY >= sectionTop) { current = section.getAttribute('id'); }
    });
    tocLinks.forEach(link => {
        link.classList.remove('bg-cyan-50', 'text-cyan-600', 'font-semibold');
        if (link.getAttribute('href') === '#' + current) {
            link.classList.add('bg-cyan-50', 'text-cyan-600', 'font-semibold');
        }
    });
});
</script>
@endpush