@extends('layouts.admin')

@section('content')
<h1 class="h3 mb-3 text-gray-800">Rejestr Logowań</h1>

<div class="card shadow my-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Lista Zarejestrowanych Logowań</h6>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered" id="loginLogsTable" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>Typ użytkownika</th>
                        <th>Nazwa użytkownika/pracownika</th>
                        <th>Adres IP</th>
                        <th>Przeglądarka/Urządzenie</th>
                        <th>Czas logowania</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($loginLogs as $log)
                        <tr>
                            <td>
                                @if($log->user_type == 'user')
                                    <span class="badge badge-secondary">Administrator</span>
                                @elseif($log->user_type == 'employee')
                                    <span class="badge badge-primary">Pracownik</span>
                                @else
                                    <span class="badge badge-info">{{ $log->user_type }}</span>
                                @endif
                            </td>
                            <td>
                                @if($log->authenticatable)
                                    @if($log->user_type == 'user')
                                        {{ $log->authenticatable->name }}
                                    @elseif($log->user_type == 'employee')
                                        {{ $log->authenticatable->name }} {{ $log->authenticatable->surname }}
                                    @else
                                        ID: {{ $log->user_id }}
                                    @endif
                                @else
                                    Brak danych (ID: {{ $log->user_id }})
                                @endif
                            </td>
                            <td>{{ $log->ip_address ?? 'N/A' }}</td>
                            <td>{{ Str::limit($log->user_agent, 80) ?? 'N/A' }}</td> {{-- Ogranicz długość user agent --}}
                            <td>{{ $log->login_at }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

@endsection

@push('scripts')
<script>
$(document).ready(function() {
    console.log('Inicjalizacja DataTables dla rejestru logowań.');

    // Inicjalizacja DataTables z opcją destroy: true
    // Dodano warunek, aby uniknąć błędu "Cannot reinitialise DataTable"
    if ($.fn.DataTable.isDataTable('#loginLogsTable')) {
        $('#loginLogsTable').DataTable().destroy();
        console.log('Istniejąca instancja DataTables dla #loginLogsTable zniszczona.');
    }

    $('#loginLogsTable').DataTable({
        destroy: true, // Zawsze niszcz poprzednią instancję przed inicjalizacją
        "order": [[ 4, "desc" ]], // Domyślne sortowanie po kolumnie 'Czas logowania' (indeks 4) malejąco
        // Możesz dodać inne opcje DataTables, np. paginację, wyszukiwanie itp.
        // "paging": true,
        // "searching": true,
        // "info": true,
    });
    console.log('DataTables dla #loginLogsTable zainicjalizowany.');
});
</script>
@endpush