@extends('layouts.app')

@section('titulo', 'Audit Trail — GestionCob')

@section('contenido')

<div class="flex justify-between items-center mb-6">
    <div>
        <h1 class="text-2xl font-bold text-gray-800">Audit Trail</h1>
        <p class="text-sm text-gray-500 mt-1">Registro completo de acciones en el sistema</p>
    </div>
</div>

{{-- FILTROS --}}
<div class="bg-white rounded shadow p-4 mb-6">
    <p class="text-xs text-gray-500 font-medium mb-3">FILTROS</p>
    <form method="GET" action="{{ route('audit.index') }}" class="grid grid-cols-5 gap-4 items-end">
        <div>
            <label class="block text-xs text-gray-500 mb-1">Acci&#243;n</label>
            <select name="accion" class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                <option value="">Todas</option>
                <option value="CREAR"    {{ $filtro_accion == 'CREAR'    ? 'selected' : '' }}>Crear</option>
                <option value="EDITAR"   {{ $filtro_accion == 'EDITAR'   ? 'selected' : '' }}>Editar</option>
                <option value="ELIMINAR" {{ $filtro_accion == 'ELIMINAR' ? 'selected' : '' }}>Eliminar</option>
                <option value="LOGIN"    {{ $filtro_accion == 'LOGIN'    ? 'selected' : '' }}>Login</option>
                <option value="LOGOUT"   {{ $filtro_accion == 'LOGOUT'   ? 'selected' : '' }}>Logout</option>
                <option value="ESCALAR"  {{ $filtro_accion == 'ESCALAR'  ? 'selected' : '' }}>Escalar</option>
            </select>
        </div>
        <div>
            <label class="block text-xs text-gray-500 mb-1">M&#243;dulo</label>
            <select name="modulo" class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                <option value="">Todos</option>
                <option value="DEUDORES"  {{ $filtro_modulo == 'DEUDORES'  ? 'selected' : '' }}>Deudores</option>
                <option value="PROCESOS"  {{ $filtro_modulo == 'PROCESOS'  ? 'selected' : '' }}>Procesos</option>
                <option value="MEDIDAS"   {{ $filtro_modulo == 'MEDIDAS'   ? 'selected' : '' }}>Medidas Cautelares</option>
                <option value="ACUERDOS"  {{ $filtro_modulo == 'ACUERDOS'  ? 'selected' : '' }}>Acuerdos</option>
                <option value="GESTIONES" {{ $filtro_modulo == 'GESTIONES' ? 'selected' : '' }}>Gestiones</option>
                <option value="USUARIOS"  {{ $filtro_modulo == 'USUARIOS'  ? 'selected' : '' }}>Usuarios</option>
                <option value="SESION"    {{ $filtro_modulo == 'SESION'    ? 'selected' : '' }}>Sesi&#243;n</option>
            </select>
        </div>
        <div>
            <label class="block text-xs text-gray-500 mb-1">Usuario</label>
            <input type="text" name="usuario" value="{{ $filtro_usuario }}"
                   placeholder="Nombre del usuario..."
                   class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
        </div>
        <div>
            <label class="block text-xs text-gray-500 mb-1">Fecha</label>
            <input type="date" name="fecha" value="{{ $filtro_fecha }}"
                   class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
        </div>
        <div class="flex gap-2">
            <button type="submit"
                    class="bg-blue-600 text-white px-4 py-2 rounded text-sm hover:bg-blue-700 w-full">
                Filtrar
            </button>
            <a href="{{ route('audit.index') }}"
               class="bg-gray-200 text-gray-700 px-4 py-2 rounded text-sm hover:bg-gray-300 text-center w-full">
                Limpiar
            </a>
        </div>
    </form>
</div>

{{-- TABLA --}}
<div class="bg-white rounded shadow overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-gray-800 text-white">
            <tr>
                <th class="px-4 py-3 text-left">Fecha y hora</th>
                <th class="px-4 py-3 text-left">Usuario</th>
                <th class="px-4 py-3 text-left">Rol</th>
                <th class="px-4 py-3 text-left">Acci&#243;n</th>
                <th class="px-4 py-3 text-left">M&#243;dulo</th>
                <th class="px-4 py-3 text-left">Descripci&#243;n</th>
                <th class="px-4 py-3 text-left">IP</th>
            </tr>
        </thead>
        <tbody>
            @forelse($logs as $log)
            <tr class="border-t hover:bg-gray-50">
                <td class="px-4 py-3 text-xs text-gray-500 whitespace-nowrap">
                    {{ \Carbon\Carbon::parse($log->created_at)->format('d/m/Y H:i:s') }}
                </td>
                <td class="px-4 py-3 font-medium text-xs">
                    {{ $log->user_nombre ?? 'Sistema' }}
                </td>
                <td class="px-4 py-3 text-xs">
                    <span class="bg-blue-100 text-blue-700 px-2 py-1 rounded">
                        {{ $log->user_rol ?? '&#8212;' }}
                    </span>
                </td>
                <td class="px-4 py-3">
                    @php
                        $colores = [
                            'CREAR'    => 'bg-green-100 text-green-700',
                            'EDITAR'   => 'bg-yellow-100 text-yellow-700',
                            'ELIMINAR' => 'bg-red-100 text-red-700',
                            'LOGIN'    => 'bg-blue-100 text-blue-700',
                            'LOGOUT'   => 'bg-gray-100 text-gray-600',
                            'ESCALAR'  => 'bg-purple-100 text-purple-700',
                        ];
                        $color = $colores[$log->accion] ?? 'bg-gray-100 text-gray-600';
                    @endphp
                    <span class="px-2 py-1 rounded text-xs font-medium {{ $color }}">
                        {{ $log->accion }}
                    </span>
                </td>
                <td class="px-4 py-3 text-xs text-gray-600">
                    {{ $log->modulo }}
                </td>
                <td class="px-4 py-3 text-xs text-gray-700">
                    {{ $log->descripcion }}
                    @if($log->registro_id)
                    <span class="text-gray-400 ml-1">#{{ $log->registro_id }}</span>
                    @endif
                </td>
                <td class="px-4 py-3 text-xs text-gray-400">
                    {{ $log->ip_address ?? '&#8212;' }}
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="7" class="px-4 py-8 text-center text-gray-500">
                    No hay registros en el Audit Trail con los filtros seleccionados.
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>

    @if($logs->hasPages())
    <div class="px-4 py-3 border-t bg-gray-50">
        {{ $logs->appends(request()->query())->links() }}
    </div>
    @endif
</div>

@endsection