@extends('layouts.app')

@section('title', 'Aceite dos Termos')

@section('content')
<div style="max-width: 820px; margin: 0 auto;">
    <div class="card">
        <h1 style="margin-top:0; color:#fff;">📄 Aceite dos Termos de Uso e Política de Privacidade</h1>
        <p style="color:var(--muted);">
            Antes de acessar a plataforma, você precisa ler e aceitar os documentos legais abaixo.
            Este registro é auditável (data, hora, versão e endereço IP), conforme a LGPD.
        </p>

        <form method="POST" action="{{ route('terms.accept.store') }}">
            @csrf

            @foreach ($documents as $doc)
                <section style="margin: 1.5rem 0; padding: 1rem; border:1px solid var(--border); border-radius:.8rem; background:#0b1220;">
                    <h3 style="margin:0 0 .75rem; color:#fff;">{{ $doc['title'] }} <span style="color:var(--muted); font-weight:400; font-size:.85rem;">(v{{ $doc['version'] }})</span></h3>

                    <div style="max-height: 260px; overflow-y:auto; padding-right:.5rem; color:var(--text); line-height:1.6; font-size:.92rem;">
                        {!! \Illuminate\Support\Str::markdown($doc['body'], ['html_input' => 'escape', 'allow_unsafe_links' => false]) !!}
                    </div>

                    <label style="display:flex; align-items:flex-start; gap:.6rem; margin-top:.9rem; font-size:.92rem; cursor:pointer;">
                        <input type="checkbox" name="accepted_{{ $doc['type'] }}" value="1" required style="margin-top:.2rem;">
                        <span>Li e aceito o documento <strong>{{ $doc['title'] }}</strong> (versão {{ $doc['version'] }}).</span>
                    </label>
                    @error('accepted_' . $doc['type'])<div class="error">{{ $message }}</div>@enderror
                </section>
            @endforeach

            <button type="submit" class="btn btn-primary" style="padding:.8rem 1.6rem;">Aceitar e Continuar</button>
        </form>
    </div>
</div>
@endsection