@extends('admin.layout')

@section('title', 'Login Logs')

@section('content')
    <h2 style="font-size: 20px; margin-bottom: 24px;">📊 Login History</h2>

    <a href="{{ route('admin.settings.index') }}" class="btn btn-secondary" style="margin-bottom: 20px;">← Kembali ke Settings</a>

    @if($logs->count() > 0)
        <table>
            <thead>
                <tr>
                    <th>Waktu Login</th>
                    <th>IP Address</th>
                    <th>User Agent</th>
                </tr>
            </thead>
            <tbody>
                @foreach($logs as $log)
                    <tr>
                        <td>
                            <strong>{{ $log->logged_in_at->format('d M Y H:i:s') }}</strong>
                            <br>
                            <span class="text-muted" style="font-size: 12px;">{{ $log->logged_in_at->diffForHumans() }}</span>
                        </td>
                        <td>{{ $log->ip_address ?? 'Unknown' }}</td>
                        <td>
                            <span class="text-muted" style="font-size: 12px; max-width: 400px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
                                {{ $log->user_agent ?? 'Unknown' }}
                            </span>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <!-- Pagination -->
        <div class="pagination" style="margin-top: 20px;">
            @if($logs->onFirstPage())
                <span style="color: #555;">← Prev</span>
            @else
                <a href="{{ $logs->previousPageUrl() }}" style="color: #e50914;">← Prev</a>
            @endif

            @foreach($logs->getUrlRange(1, $logs->lastPage()) as $page => $url)
                @if($page == $logs->currentPage())
                    <span style="background: #e50914; color: #fff; padding: 5px 10px; border-radius: 3px;">{{ $page }}</span>
                @else
                    <a href="{{ $url }}" style="background: #222; color: #888; padding: 5px 10px; border-radius: 3px; text-decoration: none;">{{ $page }}</a>
                @endif
            @endforeach

            @if($logs->hasMorePages())
                <a href="{{ $logs->nextPageUrl() }}" style="color: #e50914;">Next →</a>
            @else
                <span style="color: #555;">Next →</span>
            @endif
        </div>
    @else
        <div class="empty-state">
            <p>Belum ada riwayat login.</p>
        </div>
    @endif
@endsection