@extends('sistema.layout')
@section('titulo', 'Relatório de Auditoria')
@section('conteudo')

<div class="container-fluid py-4">
    <div class="row mb-4">
        <div class="col-12">
            <h1 class="h3">
                <i class="fa-solid fa-shield me-2"></i>
                Relatório de Auditoria do Sistema
            </h1>
        </div>
    </div>

    <!-- Filtros -->
    <div class="row mb-3">
        <div class="col-12">
            <form method="GET" class="row g-3">
                <div class="col-md-2">
                    <input type="text" name="acao" class="form-control form-control-sm" placeholder="Ação" value="{{ request('acao') }}">
                </div>
                <div class="col-md-2">
                    <input type="text" name="tabela" class="form-control form-control-sm" placeholder="Tabela" value="{{ request('tabela') }}">
                </div>
                <div class="col-md-2">
                    <input type="date" name="data_inicio" class="form-control form-control-sm" value="{{ request('data_inicio') }}">
                </div>
                <div class="col-md-2">
                    <input type="date" name="data_fim" class="form-control form-control-sm" value="{{ request('data_fim') }}">
                </div>
                <div class="col-md-4">
                    <button type="submit" class="btn btn-primary btn-sm">Pesquisar</button>
                    <a href="{{ route('relatorios.auditoria') }}" class="btn btn-outline-secondary btn-sm">Limpar</a>
                </div>
            </form>
        </div>
    </div>

    <!-- Tabela -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="table-responsive">
                    <table class="table table-sm table-hover mb-0">
                        <thead class="table-light">
                            <tr>
                                <th style="width: 12%">Data/Hora</th>
                                <th style="width: 10%">Usuário</th>
                                <th style="width: 10%">Ação</th>
                                <th style="width: 10%">Tabela</th>
                                <th style="width: 8%">ID</th>
                                <th>Descrição</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($auditorias as $audit)
                                <tr>
                                    <td class="small">{{ $audit->created_at->format('d/m/Y H:i:s') }}</td>
                                    <td class="small">{{ $audit->usuario?->name ?? '—' }}</td>
                                    <td>
                                        <span class="badge bg-info">{{ $audit->acao }}</span>
                                    </td>
                                    <td class="small"><code>{{ $audit->tabela }}</code></td>
                                    <td class="small">{{ $audit->registro_id }}</td>
                                    <td class="small">{{ Str::limit($audit->descricao, 80) }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center text-muted py-4">Nenhum registro de auditoria</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                <div class="card-footer">
                    {{ $auditorias->links() }}
                </div>
            </div>
        </div>
    </div>
</div>

@endsection