@php
  use Illuminate\Support\Carbon;
@endphp
<div class="dp">
  <p class="font-bold text-slate-900 mb-1"><i class="fa-solid fa-laptop text-blue-600 mr-2"></i>Active sessions</p>
  @if(!$sessionDriverOk)
    <p class="text-slate-500 text-[12px]">Advanced session management is not configured for this installation (session driver is not <code class="text-[11px] bg-slate-100 px-1 rounded">database</code>).</p>
  @elseif($sessions->isEmpty())
    <p class="text-slate-500 text-[12px]">No additional sessions found.</p>
  @else
    <p class="text-slate-500 text-[12px] mb-4">Devices currently signed in to your account.</p>
    <div class="space-y-2">
      @foreach($sessions as $s)
        @php
          $isCurrent = $s->id === $currentSessionId;
          $when = Carbon::createFromTimestamp($s->last_activity);
        @endphp
        <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 p-3 rounded-xl border border-slate-100 bg-slate-50/80">
          <div class="min-w-0">
            @if($isCurrent)
              <span class="badge g text-[10px]">This device</span>
            @endif
            <p class="text-[12px] text-slate-700 font-mono truncate" title="{{ $s->user_agent }}">{{ \Illuminate\Support\Str::limit($s->user_agent, 64) }}</p>
            <p class="text-[11px] text-slate-500">{{ $s->ip_address }} · {{ $when->diffForHumans() }}</p>
          </div>
          @if(!$isCurrent)
            <form action="{{ route('profile.sessions.destroy', ['session' => $s->id]) }}" method="post" onsubmit="return confirm('End this session?');">@csrf @method('DELETE')
              <button type="submit" class="bs text-[12px] text-red-700 bg-red-50 border border-red-100">Revoke</button>
            </form>
          @endif
        </div>
      @endforeach
    </div>
  @endif
</div>