@extends('admin.master_layout')
@section('title')
    <title>{{ __('translate.User Activity Logs') }}</title>
@endsection

@section('body-header')
    <h3 class="crancy-header__title m-0">{{ __('translate.User Activity Logs') }}</h3>
    <p class="crancy-header__text">{{ __('translate.Manage User') }} >> {{ __('translate.User Activity Logs') }}</p>
@endsection

@section('body-content')
    @push('style_section')
    <style>
        .activity-log-table-wrap {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        .activity-log-table {
            min-width: 980px;
        }

        .activity-log-table .crancy-table__product-title {
            font-size: 13px;
            line-height: 1.35;
            margin-bottom: 0;
            word-break: break-word;
        }

        .activity-log-table .activity-log-actions {
            display: flex;
            flex-direction: column;
            gap: 6px;
            min-width: 88px;
        }

        .activity-log-table .activity-log-actions .crancy-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            padding: 6px 10px;
            font-size: 12px;
            line-height: 1.2;
            white-space: nowrap;
        }

        .activity-log-table .activity-log-col-check {
            width: 36px;
        }

        .activity-log-table .activity-log-col-serial {
            width: 48px;
        }

        .activity-log-table .activity-log-col-time {
            width: 118px;
            white-space: nowrap;
        }

        .activity-log-table .activity-log-col-event {
            width: 110px;
        }

        .activity-log-table .activity-log-col-risk .badge {
            margin: 0 2px 2px 0;
            font-size: 10px;
        }

        .activity-log-pagination {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
            padding: 16px;
            border-top: 1px solid #eef2f7;
        }
    </style>
    @endpush
    <section class="crancy-adashboard crancy-show">
        <div class="container container__bscreen">
            <div class="row">
                <div class="col-12">
                    <div class="crancy-body">
                        <div class="crancy-dsinner">

                            <div class="row g-3 mg-top-20">
                                <div class="col-xxl-3 col-md-6 col-12">
                                    <div class="crancy-ecom-card">
                                        <div class="crancy-ecom-card__heading">
                                            <h4 class="crancy-ecom-card__title">{{ __('translate.Total activity logs') }}</h4>
                                        </div>
                                        <div class="crancy-ecom-card__content">
                                            <h3 class="crancy-ecom-card__amount">{{ number_format($stats['total']) }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-3 col-md-6 col-12">
                                    <div class="crancy-ecom-card">
                                        <div class="crancy-ecom-card__heading">
                                            <h4 class="crancy-ecom-card__title">{{ __('translate.Activity today') }}</h4>
                                        </div>
                                        <div class="crancy-ecom-card__content">
                                            <h3 class="crancy-ecom-card__amount">{{ number_format($stats['today']) }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-3 col-md-6 col-12">
                                    <div class="crancy-ecom-card">
                                        <div class="crancy-ecom-card__heading">
                                            <h4 class="crancy-ecom-card__title">{{ __('translate.Logins today') }}</h4>
                                        </div>
                                        <div class="crancy-ecom-card__content">
                                            <h3 class="crancy-ecom-card__amount">{{ number_format($stats['logins_today']) }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-3 col-md-6 col-12">
                                    <div class="crancy-ecom-card">
                                        <div class="crancy-ecom-card__heading">
                                            <h4 class="crancy-ecom-card__title">{{ __('translate.Registrations today') }}</h4>
                                        </div>
                                        <div class="crancy-ecom-card__content">
                                            <h3 class="crancy-ecom-card__amount">{{ number_format($stats['registers_today']) }}</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row g-3 mg-top-20">
                                <div class="col-xxl-3 col-md-6 col-12">
                                    <div class="crancy-ecom-card">
                                        <div class="crancy-ecom-card__heading">
                                            <h4 class="crancy-ecom-card__title">{{ __('translate.Total visits') }}</h4>
                                        </div>
                                        <div class="crancy-ecom-card__content">
                                            <h3 class="crancy-ecom-card__amount">{{ number_format($stats['total_visits']) }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-3 col-md-6 col-12">
                                    <div class="crancy-ecom-card">
                                        <div class="crancy-ecom-card__heading">
                                            <h4 class="crancy-ecom-card__title">{{ __('translate.Unique visitors total') }}</h4>
                                        </div>
                                        <div class="crancy-ecom-card__content">
                                            <h3 class="crancy-ecom-card__amount">{{ number_format($stats['unique_visitors_total']) }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-3 col-md-6 col-12">
                                    <div class="crancy-ecom-card">
                                        <div class="crancy-ecom-card__heading">
                                            <h4 class="crancy-ecom-card__title">{{ __('translate.Unique visitors today') }}</h4>
                                        </div>
                                        <div class="crancy-ecom-card__content">
                                            <h3 class="crancy-ecom-card__amount">{{ number_format($stats['unique_visitors_today']) }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-3 col-md-6 col-12">
                                    <div class="crancy-ecom-card">
                                        <div class="crancy-ecom-card__heading">
                                            <h4 class="crancy-ecom-card__title">{{ __('translate.Visits today') }}</h4>
                                        </div>
                                        <div class="crancy-ecom-card__content">
                                            <h3 class="crancy-ecom-card__amount">{{ number_format($stats['visits_today']) }}</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row g-3 mg-top-20">
                                <div class="col-xxl-3 col-md-6 col-12">
                                    <div class="crancy-ecom-card">
                                        <div class="crancy-ecom-card__heading">
                                            <h4 class="crancy-ecom-card__title">{{ __('translate.Monitored users total') }}</h4>
                                        </div>
                                        <div class="crancy-ecom-card__content">
                                            <h3 class="crancy-ecom-card__amount">{{ number_format($stats['monitored_users_total']) }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-3 col-md-6 col-12">
                                    <div class="crancy-ecom-card">
                                        <div class="crancy-ecom-card__heading">
                                            <h4 class="crancy-ecom-card__title">{{ __('translate.Unique IPs total') }}</h4>
                                        </div>
                                        <div class="crancy-ecom-card__content">
                                            <h3 class="crancy-ecom-card__amount">{{ number_format($stats['unique_ips_total']) }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-3 col-md-6 col-12">
                                    <div class="crancy-ecom-card">
                                        <div class="crancy-ecom-card__heading">
                                            <h4 class="crancy-ecom-card__title">{{ __('translate.Unique IPs today') }}</h4>
                                        </div>
                                        <div class="crancy-ecom-card__content">
                                            <h3 class="crancy-ecom-card__amount">{{ number_format($stats['unique_ips_today']) }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-3 col-md-6 col-12">
                                    <div class="crancy-ecom-card">
                                        <div class="crancy-ecom-card__heading">
                                            <h4 class="crancy-ecom-card__title">{{ __('translate.Logs with location') }}</h4>
                                        </div>
                                        <div class="crancy-ecom-card__content">
                                            <h3 class="crancy-ecom-card__amount">{{ number_format($stats['with_location']) }}</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="crancy-product-card mg-top-30">
                                <h4 class="crancy-product-card__title">{{ __('translate.Filter activity logs') }}</h4>
                                <form method="GET" action="{{ route('admin.user-ip-logs') }}" class="row g-3 mg-top-20">
                                    <div class="col-md-2">
                                        <label class="crancy__item-label">{{ __('translate.User ID') }}</label>
                                        <input type="number" name="user_id" class="crancy__item-input" value="{{ $filters['user_id'] ?? '' }}" min="1">
                                    </div>
                                    <div class="col-md-3">
                                        <label class="crancy__item-label">{{ __('translate.Email') }}</label>
                                        <input type="text" name="email" class="crancy__item-input" value="{{ $filters['email'] ?? '' }}" placeholder="exemplu@email.com">
                                    </div>
                                    <div class="col-md-2">
                                        <label class="crancy__item-label">{{ __('translate.IP Address') }}</label>
                                        <input type="text" name="ip" class="crancy__item-input" value="{{ $filters['ip'] ?? '' }}">
                                    </div>
                                    <div class="col-md-2">
                                        <label class="crancy__item-label">{{ __('translate.Event') }}</label>
                                        <select name="event" class="crancy__item-input">
                                            <option value="">{{ __('translate.All') }}</option>
                                            @foreach ($events as $event)
                                                <option value="{{ $event }}" @selected(($filters['event'] ?? '') === $event)>
                                                    {{ user_ip_log_event_label($event) }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <label class="crancy__item-label">{{ __('translate.Risk flags') }}</label>
                                        <select name="risk" class="crancy__item-input">
                                            <option value="">{{ __('translate.All') }}</option>
                                            <option value="yes" @selected(($filters['risk'] ?? '') === 'yes')>{{ __('translate.With risk flags only') }}</option>
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <label class="crancy__item-label">{{ __('translate.Date from') }}</label>
                                        <input type="date" name="date_from" class="crancy__item-input" value="{{ $filters['date_from'] ?? '' }}">
                                    </div>
                                    <div class="col-md-2">
                                        <label class="crancy__item-label">{{ __('translate.Date to') }}</label>
                                        <input type="date" name="date_to" class="crancy__item-input" value="{{ $filters['date_to'] ?? '' }}">
                                    </div>
                                    <div class="col-md-12 d-flex gap-2 flex-wrap">
                                        <button type="submit" class="crancy-btn">{{ __('translate.Filter') }}</button>
                                        <a href="{{ route('admin.user-ip-logs') }}" class="crancy-btn" style="background:#6c757d;">{{ __('translate.Reset') }}</a>
                                    </div>
                                </form>
                                <p class="text-muted small mg-top-10 mb-0">
                                    {{ __('translate.User IP logs help') }}
                                    @if ($stats['risk_total'] > 0)
                                        — {{ __('translate.Risk flagged entries') }}: <strong>{{ number_format($stats['risk_total']) }}</strong>
                                    @endif
                                </p>
                            </div>

                            <div class="crancy-table crancy-table--v3 mg-top-30">
                                <div class="crancy-customer-filter">
                                    <div class="crancy-customer-filter__single crancy-customer-filter__single--csearch d-flex justify-content-between align-items-center flex-wrap gap-2">
                                        <div class="crancy-header__form crancy-header__form--customer">
                                            <h4 class="crancy-product-card__title mb-0">{{ __('translate.User Activity Logs') }}</h4>
                                        </div>
                                        @include('admin.user.partials.activity-log-bulk-actions')
                                    </div>
                                </div>

                                <div class="activity-log-table-wrap">
                                <table class="crancy-table__main crancy-table__main-v3 activity-log-table">
                                    <thead class="crancy-table__head">
                                        <tr>
                                            <th class="crancy-table__column-2 crancy-table__h2 activity-log-col-check">
                                                <input type="checkbox" id="activity-log-bulk-select-all"
                                                    title="{{ __('translate.Select All') }}" aria-label="{{ __('translate.Select All') }}">
                                            </th>
                                            <th class="crancy-table__column-2 crancy-table__h2 activity-log-col-serial">{{ __('translate.Serial') }}</th>
                                            <th class="crancy-table__column-2 crancy-table__h2 activity-log-col-time">{{ __('translate.Time') }}</th>
                                            <th class="crancy-table__column-2 crancy-table__h2">{{ __('translate.User') }}</th>
                                            <th class="crancy-table__column-2 crancy-table__h2 activity-log-col-event">{{ __('translate.Event') }}</th>
                                            <th class="crancy-table__column-2 crancy-table__h2">{{ __('translate.IP Address') }}</th>
                                            <th class="crancy-table__column-2 crancy-table__h2">{{ __('translate.Page') }}</th>
                                            <th class="crancy-table__column-2 crancy-table__h2 activity-log-col-risk">{{ __('translate.Risk flags') }}</th>
                                            <th class="crancy-table__column-3 crancy-table__h3">{{ __('translate.Action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody class="crancy-table__body">
                                        @forelse ($logs as $index => $log)
                                            <tr class="odd">
                                                <td class="crancy-table__column-2 crancy-table__data-2 activity-log-col-check">
                                                    <input type="checkbox" class="activity-log-bulk-checkbox" value="{{ $log->id }}" aria-label="{{ __('translate.Select') }} #{{ $log->id }}">
                                                </td>
                                                <td class="crancy-table__column-2 crancy-table__data-2 activity-log-col-serial">
                                                    <h4 class="crancy-table__product-title">{{ $logs->firstItem() + $index }}</h4>
                                                </td>
                                                <td class="crancy-table__column-2 crancy-table__data-2 activity-log-col-time">
                                                    <h4 class="crancy-table__product-title">{{ $log->created_at?->format('Y-m-d H:i') }}</h4>
                                                </td>
                                                <td class="crancy-table__column-2 crancy-table__data-2">
                                                    @if ($log->user)
                                                        <h4 class="crancy-table__product-title">{{ html_decode($log->user->name) }}</h4>
                                                        <small class="text-muted d-block">{{ Str::limit(html_decode($log->user->email), 28) }}</small>
                                                    @else
                                                        <span class="text-muted">{{ __('translate.Guest visitor') }}</span>
                                                    @endif
                                                    @if ($log->user_agent)
                                                        <small class="text-muted d-block" title="{{ $log->user_agent }}">{{ Str::limit($log->user_agent, 36) }}</small>
                                                    @endif
                                                </td>
                                                <td class="crancy-table__column-2 crancy-table__data-2 activity-log-col-event">
                                                    @php
                                                        $eventClass = match ($log->event) {
                                                            'login' => 'bg-primary',
                                                            'register' => 'bg-info text-dark',
                                                            'visit' => 'bg-secondary',
                                                            default => 'bg-light text-dark',
                                                        };
                                                    @endphp
                                                    <span class="badge {{ $eventClass }}">
                                                        {{ user_ip_log_event_label($log->event) }}
                                                    </span>
                                                </td>
                                                <td class="crancy-table__column-2 crancy-table__data-2">
                                                    <h4 class="crancy-table__product-title">{{ $log->ip ?: '—' }}</h4>
                                                    <small class="text-muted d-block">{{ user_ip_log_location_label($log) }}</small>
                                                    @if ($log->lookup_source)
                                                        <small class="text-muted d-block">{{ $log->lookup_source }}</small>
                                                    @endif
                                                </td>
                                                <td class="crancy-table__column-2 crancy-table__data-2">
                                                    <small title="{{ $log->path }}">{{ Str::limit($log->path, 32) ?: '—' }}</small>
                                                </td>
                                                <td class="crancy-table__column-2 crancy-table__data-2 activity-log-col-risk">
                                                    @include('admin.user.partials.ip_log_risk_badges', ['log' => $log])
                                                </td>
                                                <td class="crancy-table__column-2 crancy-table__data-2">
                                                    @if ($log->user_id)
                                                        <div class="activity-log-actions">
                                                            <a href="{{ route('admin.user-show', $log->user_id) }}" class="crancy-btn" title="{{ __('translate.Show') }}">
                                                                <i class="fas fa-user"></i> {{ __('translate.Show') }}
                                                            </a>
                                                            <a href="{{ route('admin.user-ip-logs', ['user_id' => $log->user_id]) }}" class="crancy-btn" style="background:#6c757d;" title="{{ __('translate.Filter') }}">
                                                                <i class="fas fa-filter"></i> {{ __('translate.Filter') }}
                                                            </a>
                                                        </div>
                                                    @else
                                                        <span class="text-muted">—</span>
                                                    @endif
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="9" class="crancy-table__column-2 crancy-table__data-2 text-center py-4">
                                                    {{ __('translate.No activity logs yet') }}
                                                </td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>

                                </div>

                                <div class="activity-log-pagination">
                                    <p class="text-muted small mb-0">
                                        @if ($logs->total() > 0)
                                            {{ __('translate.Showing') }}
                                            {{ $logs->firstItem() }}–{{ $logs->lastItem() }}
                                            {{ __('translate.of') }}
                                            {{ number_format($logs->total()) }}
                                        @else
                                            {{ __('translate.No activity logs yet') }}
                                        @endif
                                    </p>
                                    {{ $logs->onEachSide(1)->links('pagination::bootstrap-5') }}
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection