@extends('layouts.admin')
@section('title', 'Detail User')

@section('content')
<div class="max-w-3xl space-y-4">
    <div class="bg-white rounded-xl border border-slate-200 p-6">
        <div class="flex justify-between items-start">
            <div>
                <div class="text-xs text-slate-500 uppercase">User</div>
                <h2 class="text-xl font-bold">{{ $user->name }}</h2>
                <div class="text-sm text-slate-500">{{ $user->email }}</div>
            </div>
            <span class="text-xs px-2 py-1 rounded-full {{ $user->role==='admin' ? 'bg-red-100 text-red-700 border border-red-200' : 'bg-blue-100 text-blue-700 border border-blue-200' }}">{{ strtoupper($user->role) }}</span>
        </div>

        <div class="mt-4 grid grid-cols-2 gap-3 text-sm">
            <div><div class="text-slate-500 text-xs">Status</div><div class="font-semibold">{{ $user->is_active ? 'Aktif' : 'Nonaktif' }}</div></div>
            <div><div class="text-slate-500 text-xs">Perusahaan</div><div class="font-semibold">{{ $user->tenant->nama_perusahaan ?? '—' }}</div></div>
            <div><div class="text-slate-500 text-xs">Login Terakhir</div><div>{{ $user->last_login_at?->format('d/m/Y H:i') ?? '—' }}</div></div>
            <div><div class="text-slate-500 text-xs">IP Terakhir</div><div class="font-mono text-xs">{{ $user->last_login_ip ?? '—' }}</div></div>
        </div>

        <div class="mt-4 pt-4 border-t border-slate-200 flex gap-2 flex-wrap">
            <a href="{{ route('admin.users.edit', $user) }}" class="bg-amber-500 hover:bg-amber-600 text-white px-3 py-2 rounded-lg text-sm">Edit</a>
            @if(!$user->isAdmin())
                <form action="{{ route('admin.users.impersonate', $user) }}" method="POST" class="inline">@csrf
                    <button class="bg-purple-600 hover:bg-purple-700 text-white px-3 py-2 rounded-lg text-sm">Login Sebagai User</button>
                </form>
            @endif
            <form action="{{ route('admin.users.reset-password', $user) }}" method="POST" class="inline" onsubmit="const p = prompt('Password baru (min 8 char):'); if(!p) return false; this.querySelector('[name=password]').value = p;">
                @csrf
                <input type="hidden" name="password">
                <button class="bg-slate-700 hover:bg-slate-800 text-white px-3 py-2 rounded-lg text-sm">Reset Password</button>
            </form>
            @if($user->id !== auth()->id())
                <form action="{{ route('admin.users.destroy', $user) }}" method="POST" class="inline" onsubmit="return confirm('Hapus user ini?')">
                    @csrf @method('DELETE')
                    <button class="bg-red-600 hover:bg-red-700 text-white px-3 py-2 rounded-lg text-sm">Hapus User</button>
                </form>
            @endif
        </div>
    </div>
</div>
@endsection