@extends('admin.layouts.app')

@section('title', 'History Login')
@section('page-title', 'HISTORY LOGIN')

@section('content')
<div class="container-fluid">
    <div class="card mb-4">
        <div class="card-header bg-white py-3">
            <h5 class="mb-0 text-primary">
                <i class="fas fa-clock-rotate-left me-2"></i>History Login Anggota & Admin
            </h5>
        </div>
        <div class="card-body">
            @if(!empty($tableMissing))
                <div class="alert alert-warning">
                    <i class="fas fa-triangle-exclamation me-2"></i>
                    Tabel <code>login_histories</code> belum tersedia. Jalankan <code>php artisan migrate</code> agar data history login bisa tampil.
                </div>
            @endif

            <form method="GET" action="{{ route('admin.login-history.index') }}" class="row g-3">
                <div class="col-md-3">
                    <label class="form-label">Tipe User</label>
                    <select name="actor_type" class="form-select">
                        <option value="">Semua</option>
                        <option value="admin" {{ request('actor_type') === 'admin' ? 'selected' : '' }}>Admin</option>
                        <option value="anggota" {{ request('actor_type') === 'anggota' ? 'selected' : '' }}>Anggota</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Dari Tanggal</label>
                    <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Sampai Tanggal</label>
                    <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Cari</label>
                    <input type="text" name="q" class="form-control" value="{{ request('q') }}" placeholder="Nama, email, IP...">
                </div>
                <div class="col-12 d-flex gap-2">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-filter me-1"></i>Filter
                    </button>
                    <a href="{{ route('admin.login-history.index') }}" class="btn btn-light border">
                        <i class="fas fa-rotate-left me-1"></i>Reset
                    </a>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead>
                        <tr>
                            <th>Waktu Login</th>
                            <th>Tipe</th>
                            <th>Nama</th>
                            <th>Email</th>
                            <th>Identifier</th>
                            <th>Role</th>
                            <th>IP Address</th>
                            <th>User Agent</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($histories as $history)
                            <tr>
                                <td>{{ optional($history->login_at)->timezone('Asia/Jakarta')->format('d/m/Y H:i:s') }}</td>
                                <td>
                                    <span class="badge {{ $history->actor_type === 'admin' ? 'bg-primary' : 'bg-success' }}">
                                        {{ strtoupper($history->actor_type) }}
                                    </span>
                                </td>
                                <td>{{ $history->nama }}</td>
                                <td>{{ $history->email ?? '-' }}</td>
                                <td>{{ $history->login_identifier ?? '-' }}</td>
                                <td>{{ $history->role ?? '-' }}</td>
                                <td>{{ $history->ip_address ?? '-' }}</td>
                                <td style="max-width: 320px;" class="text-truncate" title="{{ $history->user_agent }}">
                                    {{ $history->user_agent ?? '-' }}
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center text-muted py-4">Belum ada history login.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="mt-3">
                {{ $histories->links() }}
            </div>
        </div>
    </div>
</div>
@endsection