@extends('admin.layouts.app')

@section('title', 'Kullanıcı: ' . $promo_user->name . ' | Admin')

@section('content')
    <div class="mx-auto max-w-screen-2xl p-4 md:p-6 2xl:p-10">
        <div class="mb-4">
            <a href="{{ route('admin.users.index') }}" class="text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300">← Kullanıcı listesine dön</a>
        </div>
        <div class="rounded-2xl border border-gray-200 bg-white p-6 dark:border-gray-800 dark:bg-white/[0.03]">
            <h3 class="text-lg font-medium text-black dark:text-white">{{ $promo_user->name }}</h3>
            <dl class="mt-4 grid gap-3 sm:grid-cols-2">
                <div>
                    <dt class="text-xs text-gray-500 dark:text-gray-400">E-posta</dt>
                    <dd class="text-sm font-medium text-gray-900 dark:text-white">{{ $promo_user->email }}</dd>
                </div>
                <div>
                    <dt class="text-xs text-gray-500 dark:text-gray-400">Durum</dt>
                    <dd class="text-sm font-medium text-gray-900 dark:text-white">{{ $promo_user->status_badge }}</dd>
                </div>
                <div>
                    <dt class="text-xs text-gray-500 dark:text-gray-400">Son giriş</dt>
                    <dd class="text-sm font-medium text-gray-900 dark:text-white">{{ $promo_user->last_login_at?->format('d.m.Y H:i') ?? '—' }}</dd>
                </div>
                <div>
                    <dt class="text-xs text-gray-500 dark:text-gray-400">Son giriş IP</dt>
                    <dd class="text-sm font-medium text-gray-900 dark:text-white">{{ $promo_user->last_login_ip ?? '—' }}</dd>
                </div>
            </dl>
            <div class="mt-6 flex gap-2">
                <a href="{{ route('admin.users.edit', $promo_user) }}" class="rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700">Düzenle</a>
                <a href="{{ route('admin.users.index') }}" class="rounded-lg border border-gray-300 px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800">Listeye dön</a>
            </div>
        </div>
    </div>
@endsection