@extends('admin.layouts.app')
@section('content')<div><a href="{{ route('admin.users.index') }}" class="text-sm font-semibold text-teal-700">← Users</a><div class="mt-5 flex flex-col justify-between gap-4 sm:flex-row sm:items-center"><div class="flex items-center gap-4">@if($user->avatar)<img src="{{ $user->avatar }}" class="h-16 w-16 rounded-3xl" alt="" referrerpolicy="no-referrer">@else<span class="flex h-16 w-16 items-center justify-center rounded-3xl bg-teal-100 text-2xl font-black text-teal-700">{{ str($user->name)->substr(0,1)->upper() }}</span>@endif<div><div class="flex flex-wrap items-center gap-3"><h1 class="text-3xl font-black tracking-tight">{{ $user->name }}</h1><x-status-pill :status="$user->status" /></div><p class="mt-1 text-sm text-slate-500">{{ $user->email }}</p></div></div><form method="POST" action="{{ route('admin.users.status',$user) }}">@csrf @method('PATCH')<input type="hidden" name="status" value="{{ $user->status === 'active' ? 'suspended' : 'active' }}"><button class="{{ $user->status === 'active' ? 'rounded-2xl border border-rose-200 bg-white px-5 py-3 text-sm font-bold text-rose-700 hover:bg-rose-50' : 'btn-primary' }}">{{ $user->status === 'active' ? 'Suspend user' : 'Activate user' }}</button></form></div></div><div class="mt-7 grid gap-6 xl:grid-cols-[1fr_360px]"><section class="app-card overflow-hidden"><div class="flex items-center justify-between border-b border-slate-100 px-5 py-5"><div><h2 class="font-black">Connected bots</h2><p class="mt-1 text-xs text-slate-400">{{ $user->bots->count() }} total instances</p></div></div><div class="divide-y divide-slate-100">@forelse($user->bots as $bot)<div class="flex items-center gap-4 px-5 py-4"><span class="premium-icon-tile orange h-10 w-10 shrink-0"><x-icon name="bots" size="18" /></span><div class="min-w-0 flex-1"><p class="truncate font-bold">{{ $bot->internal_name }}</p><p class="truncate text-xs text-slate-400">{{ $bot->telegram_username ? '@'.$bot->telegram_username : $bot->telegram_first_name }} · {{ $bot->template->name }}</p></div><x-status-pill :status="$bot->status" /></div>@empty<div class="px-5 py-12 text-center text-sm text-slate-500">No bots connected.</div>@endforelse</div></section><aside class="space-y-6"><section class="app-card p-5"><p class="eyebrow">Google identity</p><dl class="mt-4 space-y-4 text-sm"><div><dt class="text-xs text-slate-400">Google ID</dt><dd class="mt-1 break-all font-mono text-xs font-bold">{{ $user->google_id }}</dd></div><div><dt class="text-xs text-slate-400">Created</dt><dd class="mt-1 font-bold">{{ $user->created_at->format('M j, Y') }}</dd></div><div><dt class="text-xs text-slate-400">Last login</dt><dd class="mt-1 font-bold">{{ $user->last_login_at?->format('M j, Y H:i') ?? 'Never' }}</dd></div></dl><p class="mt-5 border-t border-slate-100 pt-4 text-xs leading-5 text-slate-400">No Google password is stored by BOTz Cloner.</p></section><section class="app-card overflow-hidden"><div class="border-b border-slate-100 px-5 py-4"><p class="font-black">User activity</p></div><div class="divide-y divide-slate-100">@forelse($activity as $item)<div class="px-5 py-3"><p class="text-sm font-semibold">{{ $item->description }}</p><p class="mt-1 text-xs text-slate-400">{{ $item->created_at->diffForHumans() }}</p></div>@empty<div class="px-5 py-8 text-center text-sm text-slate-500">No activity.</div>@endforelse</div></section></aside></div>@endsection