@extends('layouts.admin')
@section('title', 'Active Sessions')
@section('role-label', 'Super Admin')
@section('page-title', 'Active Sessions')
@section('page-subtitle', 'Devices currently signed in to your admin account')
@section('sidebar-nav')@include('super-admin.partials.sidebar')@endsection

@section('content')
<div class="max-w-3xl">
    <div class="card p-6">
        <table class="w-full text-sm">
            <thead>
                <tr class="text-left text-slate-400 border-b border-white/5">
                    <th class="pb-3 font-medium">Device / Browser</th>
                    <th class="pb-3 font-medium">IP Address</th>
                    <th class="pb-3 font-medium">Last Active</th>
                    <th class="pb-3 font-medium text-right">Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($sessions as $session)
                <tr class="border-b border-white/5 last:border-0">
                    <td class="py-3">
                        {{ \Illuminate\Support\Str::limit($session->user_agent ?? 'Unknown device', 60) }}
                        @if($session->is_current)
                            <span class="badge badge-success ml-2" style="font-size:10px;">This device</span>
                        @endif
                    </td>
                    <td class="py-3 font-mono text-slate-300">{{ $session->ip_address ?? '—' }}</td>
                    <td class="py-3 text-slate-300">{{ $session->last_active->diffForHumans() }}</td>
                    <td class="py-3 text-right">
                        @unless($session->is_current)
                        <form method="POST" action="{{ route('super-admin.sessions.destroy', $session->id) }}" onsubmit="return confirm('Revoke this session? That device will be signed out immediately.');">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-secondary btn-sm">Revoke</button>
                        </form>
                        @endunless
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection