@extends('layouts.admin')

@section('admin-content')
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem;">
    <h2 style="font-size: 1.5rem; font-weight: 800;">Registro de Auditoría e IPs</h2>
    
    <!-- Filter search -->
    <form action="{{ route('admin.audit-logs.index') }}" method="GET" style="display: flex; gap: 0.5rem; max-width: 350px; width: 100%;">
        <input type="text" name="search" placeholder="Buscar por acción, detalle o IP..." value="{{ request('search') }}" class="form-control" style="padding: 0.5rem 0.75rem;">
        <button type="submit" class="btn btn-primary btn-sm">
            Filtrar
        </button>
        @if(request('search'))
            <a href="{{ route('admin.audit-logs.index') }}" class="btn btn-outline btn-sm">
                Limpiar
            </a>
        @endif
    </form>
</div>

<div class="table-responsive">
    @if($logs->isEmpty())
        <p style="color: var(--text-muted); text-align: center; padding: 2rem;">No se encontraron registros de auditoría.</p>
    @else
        <table class="table">
            <thead>
                <tr>
                    <th>Fecha &amp; Hora</th>
                    <th>Usuario</th>
                    <th>Acción</th>
                    <th>Detalles</th>
                    <th>Dirección IP</th>
                </tr>
            </thead>
            <tbody>
                @foreach($logs as $log)
                    <tr>
                        <td style="font-size: 0.85rem; white-space: nowrap;">
                            {{ $log->created_at->format('d/m/Y H:i:s') }}
                        </td>
                        <td>
                            @if($log->user)
                                <strong>{{ $log->user->name }}</strong>
                                <span style="display:block; font-size:0.75rem; color:var(--text-muted);">{{ $log->user->role }}</span>
                            @else
                                <span style="color: var(--text-muted); font-style: italic;">Visitante Anónimo</span>
                            @endif
                        </td>
                        <td>
                            @php
                                $badgeClass = 'badge-info';
                                if (str_contains(strtolower($log->action), 'creación') || str_contains(strtolower($log->action), 'registro')) {
                                    $badgeClass = 'badge-success';
                                } elseif (str_contains(strtolower($log->action), 'eliminación') || str_contains(strtolower($log->action), 'fallido')) {
                                    $badgeClass = 'badge-warning';
                                }
                            @endphp
                            <span class="badge {{ $badgeClass }}">{{ $log->action }}</span>
                        </td>
                        <td>
                            <div class="audit-details">{{ $log->details }}</div>
                        </td>
                        <td>
                            <code style="font-weight: 600; background: rgba(0,0,0,0.05); padding: 0.2rem 0.4rem; border-radius: 4px; font-size: 0.85rem;">
                                {{ $log->ip_address }}
                            </code>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <!-- Custom Pagination Links -->
        <div style="margin-top: 1.5rem;">
            {{ $logs->appends(request()->input())->links('pagination::bootstrap-4') }}
        </div>
    @endif
</div>
@endsection