@extends('layouts.app')

@section('title', 'Profil ringkas — '.$u->name)

@section('content')
    <div style="margin-bottom:16px;">
        <a href="{{ route('admin.approvals') }}" style="color:#1d4ed8; font-weight:600; font-size:14px; text-decoration:none;">← Kembali ke daftar</a>
    </div>

    <div style="background:#fff; border-radius:12px; padding:20px; box-shadow:0 1px 3px rgba(0,0,0,0.08); max-width:560px;">
        <h1 style="margin:0 0 8px; font-size:20px;">{{ $u->name }}</h1>
        <p style="margin:0 0 16px; color:#6b7280;">{{ $u->email }}</p>
        @if ($u->phone)
            <p style="margin:0 0 8px;"><strong>Telepon:</strong> {{ $u->phone }}</p>
        @endif
        <p style="margin:0 0 8px;"><strong>Peran:</strong> {{ $u->role }}</p>
        <p style="margin:0 0 8px;"><strong>Status akun:</strong> {{ $u->approval_status }}</p>
        @if ($u->requested_role)
            <p style="margin:0 0 8px;"><strong>Permintaan upgrade:</strong> {{ $u->requested_role }}</p>
        @endif
        <p style="margin:0 0 16px;"><strong>Terakhir login:</strong> {{ $u->last_login_at?->format('d/m/Y H:i') ?? '—' }}</p>

        <h3 style="margin:16px 0 8px; font-size:14px; color:#6b7280;">Aktivitas (ringkas)</h3>
        <ul style="margin:0; padding-left:18px; color:#374151; font-size:14px;">
            <li>Alat sebagai operator: {{ $u->equipments_as_operator_count }}</li>
            <li>Servis diajukan (operator): {{ $u->repairs_as_operator_count }}</li>
            <li>Servis sebagai mekanik: {{ $u->repairs_as_mechanic_count }}</li>
            <li>Dokumen unggahan: {{ $u->documents_count }}</li>
            <li>Total jam (hour meter tercatat): {{ $u->hour_meter_total }} jam</li>
            <li>Total kilometer: {{ number_format($u->km_total ?? 0, 0) }} km</li>
        </ul>
    </div>
@endsection