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

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

@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.terms_of_use') }}</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.acceptance_of_terms') }}</h2>
            <p>{{ __('legal.acceptance_text') }}</p>

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

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

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

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

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

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

        @auth
        @php
            $latestConsent = auth()->user()->consents()->orderByDesc('accepted_at')->first();
            $currentTerms = config('legal.terms_version', '1.0.0');
            $currentPrivacy = config('legal.privacy_version', '1.0.0');
            $currentCookies = config('legal.cookie_version', '1.0.0');
            $needsConsent = !$latestConsent ||
                $latestConsent->terms_version !== $currentTerms ||
                $latestConsent->privacy_version !== $currentPrivacy ||
                $latestConsent->cookie_version !== $currentCookies;
        @endphp
        @if($needsConsent)
        <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>
        @endif
        @endauth
    </div>
</div>
@endsection