@extends('admin.layout')

@section('title', 'Auditoría')
@section('page_title', 'Bitácora de auditoría')
@section('container_class', 'container-fluid py-3')

@section('content')
    <form method="GET" class="card card-body mb-3">
        <div class="row g-2 align-items-end">
            <div class="col-12 col-md-2">
                <label class="form-label small mb-1">Tipo entidad</label>
                <select name="entity_type" class="form-select form-select-sm">
                    <option value="">Todos</option>
                    @foreach($entityTypes as $type)
                        <option value="{{ $type }}" @selected($filters['entity_type'] === $type)>{{ $type }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-12 col-md-3">
                <label class="form-label small mb-1">Acción (contiene)</label>
                <input type="text" name="action" value="{{ $filters['action'] }}" list="actions" class="form-control form-control-sm">
                <datalist id="actions">
                    @foreach($distinctActions as $action)
                        <option value="{{ $action }}"></option>
                    @endforeach
                </datalist>
            </div>
            <div class="col-12 col-md-2">
                <label class="form-label small mb-1">Actor ID</label>
                <input type="number" name="actor_id" value="{{ $filters['actor_id'] }}" class="form-control form-control-sm">
            </div>
            <div class="col-6 col-md-2">
                <label class="form-label small mb-1">Desde</label>
                <input type="date" name="from" value="{{ $filters['from'] }}" class="form-control form-control-sm">
            </div>
            <div class="col-6 col-md-2">
                <label class="form-label small mb-1">Hasta</label>
                <input type="date" name="to" value="{{ $filters['to'] }}" class="form-control form-control-sm">
            </div>
            <div class="col-12 col-md-1 d-grid">
                <button type="submit" class="btn btn-primary btn-sm">Filtrar</button>
            </div>
        </div>
    </form>

    <div class="card">
        <div class="table-responsive">
            <table class="table table-sm mb-0 align-middle">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Fecha</th>
                        <th>Actor</th>
                        <th>Acción</th>
                        <th>Entidad</th>
                        <th>Metadata</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($logs as $log)
                        <tr>
                            <td>{{ $log->id }}</td>
                            <td class="small">{{ $log->created_at }}</td>
                            <td class="small">{{ $log->actor?->name ?? 'system' }}</td>
                            <td><code class="small">{{ $log->action }}</code></td>
                            <td class="small">{{ $log->entity_type }}#{{ $log->entity_id }}</td>
                            <td class="small text-secondary" style="max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="{{ json_encode($log->metadata) }}">
                                {{ json_encode($log->metadata) }}
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="text-secondary text-center small p-3">Sin registros</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="card-footer">
            {{ $logs->links() }}
        </div>
    </div>
@endsection