@extends('layouts.public', ['lightBackground' => true])

@section('title', __('legal.cookie_policy'))

@section('content')
<div class="max-w-4xl mx-auto w-full">
    <div class="bg-white shadow-xl rounded-2xl p-8">
        <div class="text-center mb-8">
            <h1 class="text-3xl font-bold text-gray-900 mb-2">{{ __('legal.cookie_policy') }}</h1>
            <p class="text-gray-600">{{ __('legal.last_updated') }}: {{ now()->format('d/m/Y') }} | {{ __('legal.version') }}: {{ $currentVersion }}</p>
        </div>

        <div class="prose max-w-none text-gray-700 space-y-4">
            <h2 class="text-2xl font-semibold mt-6 mb-3">1. {{ __('legal.what_are_cookies') }}</h2>
            <p>{{ __('legal.cookies_definition') }}</p>

            <h2 class="text-2xl font-semibold mt-6 mb-3">2. {{ __('legal.types_of_cookies') }}</h2>

            <h3 class="text-xl font-medium mt-4 mb-2">{{ __('legal.essential_cookies') }}</h3>
            <p>{{ __('legal.essential_text') }}</p>

            <h3 class="text-xl font-medium mt-4 mb-2">{{ __('legal.analytics_cookies') }}</h3>
            <p>{{ __('legal.analytics_text') }}</p>

            <h3 class="text-xl font-medium mt-4 mb-2">{{ __('legal.functional_cookies') }}</h3>
            <p>{{ __('legal.functional_text') }}</p>

            <h2 class="text-2xl font-semibold mt-6 mb-3">3. {{ __('legal.management') }}</h2>
            <p>{{ __('legal.management_text') }}</p>

            <h2 class="text-2xl font-semibold mt-6 mb-3">4. {{ __('legal.third_party') }}</h2>
            <p>{{ __('legal.third_party_text') }}</p>

            <h2 class="text-2xl font-semibold mt-6 mb-3">5. {{ __('legal.consent_withdrawal') }}</h2>
            <p>{{ __('legal.withdrawal_text') }}</p>
        </div>

        @auth
        @php
            $currentTerms = config('legal.terms_version', '1.0.0');
            $currentPrivacy = config('legal.privacy_version', '1.0.0');
            $currentCookies = config('legal.cookie_version', '1.0.0');
        @endphp
        <div class="mt-8 border-t pt-6">
            <form method="POST" action="{{ route('legal.accept') }}">
                @csrf
                <input type="hidden" name="terms_version" value="{{ $currentTerms }}">
                <input type="hidden" name="privacy_version" value="{{ $currentPrivacy }}">
                <input type="hidden" name="cookie_version" value="{{ $currentCookies }}">

                <div class="flex items-center mb-4">
                    <input id="agree" type="checkbox" name="agree" required class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
                    <label for="agree" class="ml-2 block text-sm text-gray-900">
                        {{ __('legal.i_agree') }}
                    </label>
                </div>

                <button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-700 hover:to-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition">
                    {{ __('legal.accept_and_continue') }}
                </button>
            </form>
        </div>
        @endauth
    </div>
</div>
@endsection