@extends('layouts.admin')

@section('title', 'Activity Logs — Admin DaisyRisk')
@section('page-title', 'Activity Logs')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="h3 mb-0 text-gray-800">Activity Logs</h1>
        <p class="text-muted">Track user activities and system events</p>
    </div>
    <div class="d-flex gap-2">
        <button class="btn btn-sm btn-outline-secondary" onclick="window.location.reload()">
            <i class="fas fa-sync-alt"></i> Refresh
        </button>
    </div>
</div>

{{-- Activity Stats --}}
<div class="row mb-4">
    <div class="col-md-3">
        <div class="card border-left-primary">
            <div class="card-body py-3">
                <div class="d-flex align-items-center">
                    <div class="mr-3">
                        <i class="fas fa-users fa-2x text-primary"></i>
                    </div>
                    <div>
                        <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Total Today</div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $stats['total_today'] ?? 0 }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-left-success">
            <div class="card-body py-3">
                <div class="d-flex align-items-center">
                    <div class="mr-3">
                        <i class="fas fa-cog fa-2x text-success"></i>
                    </div>
                    <div>
                        <div class="text-xs font-weight-bold text-success text-uppercase mb-1">Active Users</div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $stats['active_users_today'] ?? 0 }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-left-warning">
            <div class="card-body py-3">
                <div class="d-flex align-items-center">
                    <div class="mr-3">
                        <i class="fas fa-sign-in-alt fa-2x text-warning"></i>
                    </div>
                    <div>
                        <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">Logins Today</div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $stats['logins_today'] ?? 0 }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-left-info">
            <div class="card-body py-3">
                <div class="d-flex align-items-center">
                    <div class="mr-3">
                        <i class="fas fa-calendar fa-2x text-info"></i>
                    </div>
                    <div>
                        <div class="text-xs font-weight-bold text-info text-uppercase mb-1">Updates Today</div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $stats['updates_today'] ?? 0 }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Activity Logs Table --}}
<div class="card">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Recent Activity</h6>
    </div>
    
    <div class="card-body">
        @if($logs && $logs->count() > 0)
            <div class="table-responsive">
                <table class="table table-bordered table-hover" width="100%" cellspacing="0">
                    <thead class="thead-light">
                        <tr>
                            <th>User</th>
                            <th>Action</th>
                            <th>Description</th>
                            <th>IP Address</th>
                            <th>Timestamp</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($logs as $activity)
                            <tr>
                                <td>
                                    <div class="d-flex align-items-center">
                                        @if($activity->user_id)
                                            <div class="avatar avatar-sm rounded-circle bg-primary text-white mr-2">
                                                {{ strtoupper(substr($activity->user->name ?? 'U', 0, 1)) }}
                                            </div>
                                            <div>
                                                <div class="font-weight-bold">{{ $activity->user->name ?? 'User' }}</div>
                                                <div class="text-xs text-muted">{{ $activity->user->email ?? 'N/A' }}</div>
                                            </div>
                                        @else
                                            <div class="avatar avatar-sm rounded-circle bg-secondary text-white mr-2">
                                                <i class="fas fa-robot"></i>
                                            </div>
                                            <div>
                                                <div class="font-weight-bold">System</div>
                                                <div class="text-xs text-muted">Automated</div>
                                            </div>
                                        @endif
                                    </div>
                                </td>
                                <td>
                                    @php
                                        $action = strtolower($activity->action ?? '');
                                        if (str_contains($action, 'login')) {
                                            $badgeClass = 'badge-act-green';
                                            $icon = 'sign-in-alt';
                                            $label = 'Login';
                                        } elseif (str_contains($action, 'logout')) {
                                            $badgeClass = 'badge-act-gray';
                                            $icon = 'sign-out-alt';
                                            $label = 'Logout';
                                        } elseif (str_contains($action, 'register')) {
                                            $badgeClass = 'badge-act-blue';
                                            $icon = 'user-plus';
                                            $label = 'Register';
                                        } elseif (str_contains($action, 'create') || str_contains($action, 'add')) {
                                            $badgeClass = 'badge-act-green';
                                            $icon = 'plus';
                                            $label = 'Create';
                                        } elseif (str_contains($action, 'update') || str_contains($action, 'edit') || str_contains($action, 'reset') || str_contains($action, 'change') || str_contains($action, 'toggle')) {
                                            $badgeClass = 'badge-act-yellow';
                                            $icon = 'edit';
                                            $label = 'Update';
                                        } elseif (str_contains($action, 'delete') || str_contains($action, 'destroy') || str_contains($action, 'remove')) {
                                            $badgeClass = 'badge-act-red';
                                            $icon = 'trash';
                                            $label = 'Delete';
                                        } elseif (str_contains($action, 'publish')) {
                                            $badgeClass = 'badge-act-purple';
                                            $icon = 'paper-plane';
                                            $label = 'Publish';
                                        } elseif (str_contains($action, 'import')) {
                                            $badgeClass = 'badge-act-blue';
                                            $icon = 'file-import';
                                            $label = 'Import';
                                        } elseif (str_contains($action, 'sync') || str_contains($action, 'analyze') || str_contains($action, 'generate') || str_contains($action, 'recalculate')) {
                                            $badgeClass = 'badge-act-cyan';
                                            $icon = 'sync-alt';
                                            $label = 'API Sync';
                                        } elseif (str_contains($action, 'reply') || str_contains($action, 'respond')) {
                                            $badgeClass = 'badge-act-orange';
                                            $icon = 'reply';
                                            $label = 'Reply';
                                        } else {
                                            $badgeClass = 'badge-act-gray';
                                            $icon = 'cog';
                                            $label = ucfirst($activity->action);
                                        }
                                    @endphp
                                    <span class="badge-act {{ $badgeClass }}">
                                        <i class="fas fa-{{ $icon }} fa-sm mr-1"></i>{{ $label }}
                                    </span>
                                </td>
                                <td>
                                    {{ $activity->description ?? 'No description' }}
                                    @if($activity->model_type)
                                        <div class="text-xs text-muted">{{ class_basename($activity->model_type) }}</div>
                                    @endif
                                </td>
                                <td>
                                    <code>{{ $activity->ip_address ?? 'Unknown' }}</code>
                                </td>
                                <td>
                                    <div class="text-sm font-medium text-gray-900" style="white-space: nowrap;">
                                        {{ $activity->created_at ? $activity->created_at->timezone('Asia/Jakarta')->format('d M Y • H:i') : 'N/A' }}
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            @if(method_exists($logs, 'links'))
                <div class="d-flex justify-content-center mt-3">
                    {{ $logs->links() }}
                </div>
            @endif

        @else
            <div class="text-center py-5">
                <i class="fas fa-list-alt fa-3x text-gray-300 mb-3"></i>
                <h5 class="text-gray-500">No Activity Logs Found</h5>
                <p class="text-gray-400">No user activities have been logged yet.</p>
            </div>
        @endif
    </div>
</div>

@endsection

@push('styles')
<style>
.avatar {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
}

.border-left-primary {
    border-left: 0.25rem solid #4e73df !important;
}

.border-left-success {
    border-left: 0.25rem solid #1cc88a !important;
}

.border-left-warning {
    border-left: 0.25rem solid #f6c23e !important;
}

.border-left-info {
    border-left: 0.25rem solid #36b9cc !important;
}

code {
    font-size: 0.875rem;
}

/* Custom Activity Badge Styling */
.badge-act {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    border-radius: 6px;
    white-space: nowrap;
}

.badge-act-green {
    background-color: #d1e7dd !important;
    color: #0f5132 !important;
    border: 1px solid #badbcc;
}

.badge-act-gray {
    background-color: #e2e3e5 !important;
    color: #41464b !important;
    border: 1px solid #d3d6d8;
}

.badge-act-blue {
    background-color: #cff4fc !important;
    color: #055160 !important;
    border: 1px solid #b6effb;
}

.badge-act-yellow {
    background-color: #fff3cd !important;
    color: #664d03 !important;
    border: 1px solid #ffecb5;
}

.badge-act-red {
    background-color: #f8d7da !important;
    color: #842029 !important;
    border: 1px solid #f5c2c7;
}

.badge-act-purple {
    background-color: #f3e8ff !important;
    color: #6b21a8 !important;
    border: 1px solid #e9d5ff;
}

.badge-act-cyan {
    background-color: #e0f2fe !important;
    color: #0369a1 !important;
    border: 1px solid #bae6fd;
}

.badge-act-orange {
    background-color: #ffedd5 !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa;
}
</style>
@endpush