@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Login Details'))
@section('content')
    @include('admin.Activity.partials.styles')

    <div class="container-fluid act-wrap">
        <div class="row mt-3">
            <div class="col-12 d-flex flex-wrap justify-content-between align-items-center mb-3">
                <div>
                    <h4 class="page-title mb-0">{{ __('Login Details') }}</h4>
                    <p class="text-muted mb-0">{{ __('Review user login history with device, browser, and location metadata.') }}</p>
                </div>
                <ul class="nav nav-tabs act-nav-tabs border-0">
                    <li class="nav-item">
                        <a class="nav-link" href="{{ route('activity.log') }}">{{ __('Log') }}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" href="{{ route('activity.login') }}">{{ __('Login Details') }}</a>
                    </li>
                </ul>
            </div>

            <div class="col-12 mb-3">
                <div class="form-row">
                    <div class="col-6 col-md-3 mb-2">
                        <div class="act-stat"><div class="num text-primary">{{ (int) ($stats['total'] ?? 0) }}</div><div class="lbl">{{ __('Total Logins') }}</div></div>
                    </div>
                    <div class="col-6 col-md-3 mb-2">
                        <div class="act-stat"><div class="num text-success">{{ (int) ($stats['today'] ?? 0) }}</div><div class="lbl">{{ __('Today') }}</div></div>
                    </div>
                    <div class="col-6 col-md-3 mb-2">
                        <div class="act-stat"><div class="num text-info">{{ (int) ($stats['users'] ?? 0) }}</div><div class="lbl">{{ __('Unique Users') }}</div></div>
                    </div>
                    <div class="col-6 col-md-3 mb-2">
                        <div class="act-stat"><div class="num text-warning">{{ (int) ($stats['success'] ?? 0) }}</div><div class="lbl">{{ __('Successful') }}</div></div>
                    </div>
                </div>
            </div>

            <div class="col-12">
                <div class="card">
                    <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
                        <span>{{ __('Login History') }}</span>
                        <a href="{{ route('activity.login') }}" class="btn btn-sm btn-outline-secondary">{{ __('Clear Filters') }}</a>
                    </div>

                    <form action="{{ route('activity.login') }}" method="GET">
                        <div class="act-filters">
                            <div class="form-row align-items-end">
                                <div class="form-group col-md-3 mb-md-0">
                                    <label>{{ __('Search') }}</label>
                                    <input type="text" name="search" class="form-control" value="{{ request('search') }}" placeholder="{{ __('User name or IP') }}">
                                </div>
                                <div class="form-group col-md-2 mb-md-0">
                                    <label>{{ __('Date From') }}</label>
                                    <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
                                </div>
                                <div class="form-group col-md-2 mb-md-0">
                                    <label>{{ __('Date To') }}</label>
                                    <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
                                </div>
                                @if(auth()->user()->user_type === 'admin')
                                    <div class="form-group col-md-2 mb-md-0">
                                        <label>{{ __('Branch') }}</label>
                                        <select name="warehouse_id" class="form-control select2">
                                            <option value="">{{ __('All Branches') }}</option>
                                            @foreach($branches as $branch)
                                                <option value="{{ $branch->id }}" @selected((string) request('warehouse_id') === (string) $branch->id)>{{ $branch->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                @endif
                                <div class="form-group col-md-2 mb-md-0">
                                    <label>{{ __('Device Type') }}</label>
                                    <select name="device" class="form-control select2">
                                        <option value="">{{ __('All Devices') }}</option>
                                        @foreach(['desktop' => __('Desktop'), 'tablet' => __('Tablet'), 'mobile' => __('Mobile')] as $deviceValue => $deviceLabel)
                                            <option value="{{ $deviceValue }}" @selected(request('device') === $deviceValue)>{{ $deviceLabel }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2 mb-0">
                                    <button type="submit" class="btn btn-primary btn-block"><i class="fas fa-filter"></i> {{ __('Filter') }}</button>
                                </div>
                            </div>
                        </div>
                    </form>

                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table act-table mb-0">
                                <thead>
                                <tr>
                                    <th style="width: 50px;">#</th>
                                    <th>{{ __('Employee') }}</th>
                                    <th>{{ __('Date & Time') }}</th>
                                    <th>{{ __('Status') }}</th>
                                    <th>{{ __('Country') }}</th>
                                    <th>{{ __('Browser') }}</th>
                                    <th>{{ __('Device') }}</th>
                                    <th>{{ __('OS') }}</th>
                                    <th>{{ __('IP') }}</th>
                                    <th class="text-right">{{ __('Action') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($activities as $activity)
                                    <tr>
                                        <td>{{ $activities->firstItem() + $loop->index }}</td>
                                        <td>
                                            @include('admin.Activity.partials.employee_cell', [
                                                'name' => $activity->user?->name ?? '—',
                                                'empCode' => $activity->emp_code ?? null,
                                                'branch' => $activity->branch_name ?? null,
                                            ])
                                        </td>
                                        <td class="act-date">{{ $activity->formatted_at }}</td>
                                        <td>
                                            @if($activity->is_success)
                                                <span class="act-badge success">{{ __('Success') }}</span>
                                            @else
                                                <span class="act-badge fail">{{ __('Unknown') }}</span>
                                            @endif
                                        </td>
                                        <td>{{ $activity->country }}</td>
                                        <td>{{ $activity->browser_name }}</td>
                                        <td>{{ $activity->device_type }}</td>
                                        <td>{{ $activity->os_name }}</td>
                                        <td>{{ $activity->ip ?: '—' }}</td>
                                        <td class="text-right">
                                            @if($activity->ip)
                                                <a class="btn btn-sm btn-outline-info act-action-btns" target="_blank" rel="noopener"
                                                   href="https://ip-api.com/#{{ $activity->ip }}" title="{{ __('Lookup IP') }}">
                                                    <i class="fas fa-map-marker-alt"></i>
                                                </a>
                                            @else
                                                —
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10" class="text-center py-5 text-muted">{{ __('No login records found.') }}</td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>

                    @if($activities->hasPages())
                        <div class="card-footer bg-white border-top">
                            {{ $activities->links() }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function () {
            $('.select2').select2();
        });
    </script>
@endsection