<x-layouts.site>
    <x-slot:title>Privacy Policy</x-slot:title>
    <x-slot:description>How Money-Wise collects, uses and safeguards the personal information you share with us.</x-slot:description>

    {{-- Header --}}
    <section class="relative overflow-hidden bg-navy-950 text-white">
        <div class="blob -right-24 -top-24 h-72 w-72 bg-wise-500/20" aria-hidden="true"></div>
        <div class="container-site relative py-16 md:py-20" data-hero>
            <p class="eyebrow text-wise-300" data-hero-item>Legal</p>
            <h1 class="mt-3 font-display text-display-sm font-bold md:text-display" data-hero-item>Privacy Policy</h1>
            <p class="mt-4 max-w-2xl text-lg text-navy-200" data-hero-item>
                Money-Wise is committed to protecting the privacy and security of your personal information. This policy
                explains what we collect, how we use it, and the choices you have.
            </p>
            <p class="mt-4 text-sm font-semibold text-navy-300" data-hero-item>Effective date: 1 January 2024</p>
        </div>
    </section>

    {{-- Body --}}
    <section class="section bg-white">
        <div class="container-site">
            <div class="mx-auto max-w-3xl space-y-10">
                @php
                    $sections = [
                        [
                            'title' => 'Information we collect',
                            'intro' => null,
                            'items' => [
                                ['Personal information', 'When you register for our events or services, we may collect personal information such as your name, email address, phone number, and any other information you voluntarily provide.'],
                                ['Event & service preferences', 'We may also collect information about your preferences and interests to tailor our offerings to better suit your needs.'],
                                ['Communication preferences', 'We may collect information about your communication preferences to ensure that we only contact you with relevant updates and promotional materials.'],
                            ],
                        ],
                        [
                            'title' => 'How we use your information',
                            'intro' => null,
                            'items' => [
                                ['Registration', 'We use the information provided during registration to process your registration and provide you with access to our events and services.'],
                                ['Communication', 'We may use your contact information to communicate with you about logistics, updates, and related promotional materials.'],
                                ['Personalization', 'We may use the information collected to personalize your experience and tailor our offerings to your interests.'],
                                ['Analytics', 'We may use aggregated and anonymized information for analytical purposes to improve our offerings and better understand our audience.'],
                                ['Legal compliance', 'We may use your information to comply with applicable legal obligations, such as tax or regulatory requirements.'],
                            ],
                        ],
                    ];
                    $prose = [
                        ['Data security', 'We implement appropriate technical and organizational measures to safeguard the security and confidentiality of your personal information. We use industry-standard encryption and security protocols to protect your data from unauthorized access, disclosure, alteration, or destruction.'],
                        ['Data retention', 'We retain your personal information only for as long as necessary to fulfil the purposes outlined in this Privacy Policy unless a longer retention period is required or permitted by law.'],
                        ['Third-party disclosure', 'We do not sell, trade, or otherwise transfer your personal information to third parties without your consent, except as necessary to provide you with our services or as required by law.'],
                        ['Your rights', 'You have the right to access, update, or delete your personal information at any time. You may also opt out of receiving promotional communications from us by following the instructions provided in our communications or by contacting us directly.'],
                        ['Changes to this policy', 'We reserve the right to update or modify this Privacy Policy at any time. Any changes will be reflected on this page, and we encourage you to review this Privacy Policy periodically for updates.'],
                    ];
                @endphp

                @foreach ($sections as $section)
                    <div>
                        <h2 class="font-display text-2xl font-bold text-navy-900">{{ $section['title'] }}</h2>
                        <ul class="mt-4 space-y-3">
                            @foreach ($section['items'] as [$label, $body])
                                <li class="flex gap-3">
                                    <span class="mt-2 h-1.5 w-1.5 shrink-0 rounded-full bg-wise-400"></span>
                                    <span class="text-navy-600"><strong class="font-semibold text-navy-900">{{ $label }}:</strong> {{ $body }}</span>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                @endforeach

                @foreach ($prose as [$title, $body])
                    <div>
                        <h2 class="font-display text-2xl font-bold text-navy-900">{{ $title }}</h2>
                        <p class="mt-3 leading-relaxed text-navy-600">{{ $body }}</p>
                    </div>
                @endforeach

                <div class="rounded-brand bg-navy-50 p-7">
                    <h2 class="font-display text-2xl font-bold text-navy-900">Contact us</h2>
                    <p class="mt-3 leading-relaxed text-navy-600">
                        If you have any questions or concerns about this Privacy Policy or our data practices, please contact us at
                        <a href="mailto:sema@moneywise.co.ke" class="font-semibold text-wise-700 underline-offset-2 hover:underline">sema@moneywise.co.ke</a>.
                    </p>
                    <p class="mt-4 text-sm text-navy-500">By registering for our events and services, you agree to the terms outlined in this Privacy Policy.</p>
                </div>
            </div>
        </div>
    </section>
</x-layouts.site>
