@extends('layouts.app')

@php
    use App\Helpers\MarketContent;
    use App\Helpers\SeoHelper;

    $locale = app()->getLocale();
    $legalContent = $legalContent ?? MarketContent::legal($locale);
    $privacyText = static fn (string $path, mixed $default = '') => data_get($legalContent, 'privacy_policy.' . $path, $default);
    $legalText = static fn (string $path, mixed $default = '') => data_get($legalContent, $path, $default);

    // Helper function to generate localized routes
    $localizedRoute = function($routeName, $params = []) use ($locale) {
        return SeoHelper::localizedRoute($routeName, $params, $locale);
    };
@endphp

@section('title', $privacyText('meta_title'))
@section('meta_description', $privacyText('meta_description'))
@section('meta_keywords', $privacyText('meta_keywords'))
@section('og_image', asset($legalText('metadata.og_image')))

@push('schema')
{{-- WebPage Schema --}}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "@id": "{{ \App\Helpers\SeoHelper::getCanonicalUrl() }}/#webpage",
  "url": "{{ \App\Helpers\SeoHelper::getCanonicalUrl() }}",
  "name": "{{ $privacyText('meta_title') }}",
  "description": "{{ $privacyText('meta_description') }}",
  "isPartOf": {
    "@id": "{{ config('seo.site_url') }}/#website"
  },
  "inLanguage": "{{ SeoHelper::getCurrentLanguageCode() }}",
  "breadcrumb": {
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "{{ __('messages.nav.home') }}",
        "item": "{{ $localizedRoute('home') }}"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "{{ $legalText('footer.privacy_policy') }}",
        "item": "{{ \App\Helpers\SeoHelper::getCanonicalUrl() }}"
      }
    ]
  }
}
</script>
@endpush

@section('content')

<!-- Hero Section -->
<section class="relative py-16 bg-gradient-to-b from-neutral-50 to-white">
    <div class="site-container max-w-4xl">
        <h1 class="section-intro__title mb-4">
            {{ $privacyText('title') }}
        </h1>
        <p class="text-lg text-neutral-600">
            {{ $privacyText('last_updated') }}: {{ $privacyText('last_updated_date') }}
        </p>
    </div>
</section>

<!-- Content Section -->
<section class="py-12 bg-white">
    <div class="site-container max-w-4xl">
        <div class="prose prose-lg max-w-none">

            <!-- Introduction -->
            <div class="mb-12">
                <h2 class="type-heading-sm mb-4">{{ $privacyText('intro_title') }}</h2>
                <p class="text-neutral-700 leading-[1.43] tracking-body mb-4">
                    {{ $privacyText('intro_p1') }}
                </p>
                <p class="text-neutral-700 leading-relaxed">
                    {{ $privacyText('intro_p2') }}
                </p>
            </div>

            <!-- Information We Collect -->
            <div class="mb-12">
                <h2 class="type-heading-sm mb-4">{{ $privacyText('collect_title') }}</h2>
                <p class="text-neutral-700 leading-[1.43] tracking-body mb-4">
                    {{ $privacyText('collect_intro') }}
                </p>

                <h3 class="text-xl font-semibold text-neutral-900 mb-3 mt-6">{{ $privacyText('collect_personal_title') }}</h3>
                <ul class="list-disc list-inside text-neutral-700 space-y-2 mb-4">
                    <li>{{ $privacyText('collect_personal_1') }}</li>
                    <li>{{ $privacyText('collect_personal_2') }}</li>
                    <li>{{ $privacyText('collect_personal_3') }}</li>
                    <li>{{ $privacyText('collect_personal_4') }}</li>
                    <li>{{ $privacyText('collect_personal_5') }}</li>
                </ul>

                <h3 class="text-xl font-semibold text-neutral-900 mb-3 mt-6">{{ $privacyText('collect_technical_title') }}</h3>
                <ul class="list-disc list-inside text-neutral-700 space-y-2 mb-4">
                    <li>{{ $privacyText('collect_technical_1') }}</li>
                    <li>{{ $privacyText('collect_technical_2') }}</li>
                    <li>{{ $privacyText('collect_technical_3') }}</li>
                    <li>{{ $privacyText('collect_technical_4') }}</li>
                </ul>
            </div>

            <!-- How We Use Information -->
            <div class="mb-12">
                <h2 class="type-heading-sm mb-4">{{ $privacyText('use_title') }}</h2>
                <p class="text-neutral-700 leading-[1.43] tracking-body mb-4">
                    {{ $privacyText('use_intro') }}
                </p>
                <ul class="list-disc list-inside text-neutral-700 space-y-2">
                    <li>{{ $privacyText('use_1') }}</li>
                    <li>{{ $privacyText('use_2') }}</li>
                    <li>{{ $privacyText('use_3') }}</li>
                    <li>{{ $privacyText('use_4') }}</li>
                    <li>{{ $privacyText('use_5') }}</li>
                    <li>{{ $privacyText('use_6') }}</li>
                </ul>
            </div>

            <!-- Cookies and Tracking -->
            <div class="mb-12">
                <h2 class="type-heading-sm mb-4">{{ $privacyText('cookies_title') }}</h2>
                <p class="text-neutral-700 leading-[1.43] tracking-body mb-4">
                    {{ $privacyText('cookies_intro') }}
                </p>
                <p class="text-neutral-700 leading-[1.43] tracking-body mb-4">
                    {{ $privacyText('cookies_more') }}
                    <a href="{{ $localizedRoute('cookie-policy.index') }}" class="text-criazo-primary hover:underline">
                        {{ $privacyText('cookie_policy_link') }}
                    </a>.
                </p>
            </div>

            <!-- Data Sharing -->
            <div class="mb-12">
                <h2 class="type-heading-sm mb-4">{{ $privacyText('sharing_title') }}</h2>
                <p class="text-neutral-700 leading-[1.43] tracking-body mb-4">
                    {{ $privacyText('sharing_intro') }}
                </p>
                <ul class="list-disc list-inside text-neutral-700 space-y-2">
                    <li>{{ $privacyText('sharing_1') }}</li>
                    <li>{{ $privacyText('sharing_2') }}</li>
                    <li>{{ $privacyText('sharing_3') }}</li>
                    <li>{{ $privacyText('sharing_4') }}</li>
                </ul>
            </div>

            <!-- Data Security -->
            <div class="mb-12">
                <h2 class="type-heading-sm mb-4">{{ $privacyText('security_title') }}</h2>
                <p class="text-neutral-700 leading-relaxed">
                    {{ $privacyText('security_content') }}
                </p>
            </div>

            <!-- Your Rights -->
            <div class="mb-12">
                <h2 class="type-heading-sm mb-4">{{ $privacyText('rights_title') }}</h2>
                <p class="text-neutral-700 leading-[1.43] tracking-body mb-4">
                    {{ $privacyText('rights_intro') }}
                </p>
                <ul class="list-disc list-inside text-neutral-700 space-y-2">
                    <li>{{ $privacyText('rights_1') }}</li>
                    <li>{{ $privacyText('rights_2') }}</li>
                    <li>{{ $privacyText('rights_3') }}</li>
                    <li>{{ $privacyText('rights_4') }}</li>
                    <li>{{ $privacyText('rights_5') }}</li>
                </ul>
            </div>

            <!-- Data Retention -->
            <div class="mb-12">
                <h2 class="type-heading-sm mb-4">{{ $privacyText('retention_title') }}</h2>
                <p class="text-neutral-700 leading-relaxed">
                    {{ $privacyText('retention_content') }}
                </p>
            </div>

            <!-- Third-Party Services -->
            <div class="mb-12">
                <h2 class="type-heading-sm mb-4">{{ $privacyText('third_party_title') }}</h2>
                <p class="text-neutral-700 leading-[1.43] tracking-body mb-4">
                    {{ $privacyText('third_party_intro') }}
                </p>
                <ul class="list-disc list-inside text-neutral-700 space-y-2">
                    <li><strong>Google Analytics:</strong> {{ $privacyText('third_party_ga') }}</li>
                    <li><strong>Microsoft Clarity:</strong> {{ $privacyText('third_party_clarity') }}</li>
                </ul>
            </div>

            <!-- Children's Privacy -->
            <div class="mb-12">
                <h2 class="type-heading-sm mb-4">{{ $privacyText('children_title') }}</h2>
                <p class="text-neutral-700 leading-relaxed">
                    {{ $privacyText('children_content') }}
                </p>
            </div>

            <!-- Changes to Policy -->
            <div class="mb-12">
                <h2 class="type-heading-sm mb-4">{{ $privacyText('changes_title') }}</h2>
                <p class="text-neutral-700 leading-relaxed">
                    {{ $privacyText('changes_content') }}
                </p>
            </div>

            <!-- Contact -->
            <div class="mb-12 bg-neutral-50 rounded-2xl p-8">
                <h2 class="type-heading-sm mb-4">{{ $privacyText('contact_title') }}</h2>
                <p class="text-neutral-700 leading-[1.43] tracking-body mb-4">
                    {{ $privacyText('contact_intro') }}
                </p>
                <p class="text-neutral-700">
                    <strong>{{ $privacyText('contact_email_label') }}:</strong>
                    <a href="mailto:{{ $privacyText('contact_email') }}" class="text-criazo-primary hover:underline">
                        {{ $privacyText('contact_email') }}
                    </a>
                </p>
            </div>

        </div>
    </div>
</section>

@include('components.explore-site-section')

@endsection