@extends('layouts.app')

@section('title', 'Histórico de Consentimentos')

@section('content')
<div style="max-width: 820px; margin: 0 auto;">
    <div class="card">
        <h1 style="margin-top:0; color:#fff;">🗂️ Histórico de Consentimentos</h1>
        <p style="color:var(--muted);">Registro auditável de todas as versões dos documentos legais que você aceitou.</p>

        @if ($history->isEmpty())
            <p style="color:var(--muted);">Nenhum consentimento registrado ainda.</p>
        @else
            <div style="overflow-x:auto;">
                <table style="width:100%; border-collapse:collapse; font-size:.9rem;">
                    <thead>
                        <tr style="text-align:left; color:var(--muted); border-bottom:1px solid var(--border);">
                            <th style="padding:.6rem .4rem;">Documento</th>
                            <th style="padding:.6rem .4rem;">Versão</th>
                            <th style="padding:.6rem .4rem;">Aceito em</th>
                            <th style="padding:.6rem .4rem;">IP</th>
                            <th style="padding:.6rem .4rem;">Canal</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($history as $entry)
                            <tr style="border-bottom:1px solid var(--border);">
                                <td style="padding:.6rem .4rem;">{{ $entry->document?->type }}</td>
                                <td style="padding:.6rem .4rem;">{{ $entry->document?->version }}</td>
                                <td style="padding:.6rem .4rem;">{{ $entry->accepted_at?->format('d/m/Y H:i:s') }}</td>
                                <td style="padding:.6rem .4rem;">{{ $entry->ip_address }}</td>
                                <td style="padding:.6rem .4rem;">{{ $entry->source }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</div>
@endsection