@extends('layouts.app')
@section('title', $user->name . ' - Admin')
@section('content')
<div class="max-w-4xl mx-auto">
    <div style="display:flex;align-items:center;gap:6px;font-size:.875rem;color:#64748B;margin-bottom:1.5rem">
        <a href="{{ route('admin.users.index') }}" style="color:#1A56DB;text-decoration:none">Kelola User</a>
        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"/></svg>
        <span>{{ $user->name }}</span>
    </div>

    {{-- Header --}}
    <div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem">
        <div style="display:flex;align-items:center;gap:12px">
            <div style="width:52px;height:52px;border-radius:12px;background:{{ $user->isAdmin()?'linear-gradient(135deg,#7C3AED,#A855F7)':'linear-gradient(135deg,#1A56DB,#06B6D4)' }};display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:1.25rem">
                {{ strtoupper(substr($user->name,0,1)) }}
            </div>
            <div>
                <div style="display:flex;align-items:center;gap:8px;margin-bottom:2px">
                    <h1 class="page-title" style="margin:0">{{ $user->name }}</h1>
                    @if($user->isAdmin())<span style="background:#EDE9FE;color:#7C3AED;padding:3px 10px;border-radius:6px;font-size:.75rem;font-weight:700">Admin</span>@endif
                    @if($user->isBanned())<span style="background:#FEE2E2;color:#991B1B;padding:3px 10px;border-radius:6px;font-size:.75rem;font-weight:700">Dinonaktifkan</span>@endif
                </div>
                <p class="page-subtitle" style="margin:0">{{ $user->email }}</p>
            </div>
        </div>
        @if($user->id !== Auth::id())
        <div style="display:flex;gap:.625rem;flex-wrap:wrap">
            <a href="{{ route('admin.users.edit',$user->id) }}" class="btn btn-secondary btn-sm">Edit</a>
            @if($user->isBanned())
            <form action="{{ route('admin.users.unban',$user->id) }}" method="POST">@csrf
                <button type="submit" class="btn btn-primary btn-sm">Aktifkan Kembali</button>
            </form>
            @else
            @if(!$user->isAdmin())
            <form action="{{ route('admin.users.make-admin',$user->id) }}" method="POST">@csrf
                <button type="submit" class="btn btn-secondary btn-sm">Jadikan Admin</button>
            </form>
            @else
            <form action="{{ route('admin.users.revoke-admin',$user->id) }}" method="POST">@csrf
                <button type="submit" class="btn btn-secondary btn-sm">Cabut Admin</button>
            </form>
            @endif
            <button onclick="document.getElementById('ban-modal').style.display='flex'" class="btn btn-danger btn-sm">Nonaktifkan</button>
            @endif
        </div>
        @endif
    </div>

    {{-- Stats --}}
    <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem">
        @foreach([['Total Analisis',$stats['total'],'#DBEAFE','#1A56DB'],['Zona Aman',$stats['safe'],'#D1FAE5','#059669'],['Zona Waspada',$stats['grey'],'#FEF3C7','#D97706'],['Zona Berbahaya',$stats['distress'],'#FEE2E2','#DC2626']] as [$l,$v,$bg,$c])
        <div class="card" style="padding:1rem;text-align:center">
            <div style="font-size:.75rem;color:#64748B;margin-bottom:4px">{{ $l }}</div>
            <div style="font-size:1.5rem;font-weight:800;color:{{ $c }}">{{ $v }}</div>
        </div>
        @endforeach
    </div>

    {{-- Info --}}
    <div class="card" style="margin-bottom:1.5rem;padding:1.25rem">
        <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem">
            @foreach([['Bergabung',$user->created_at->format('d F Y')],['Rata-rata Z-Score',number_format($stats['avg_z'],3)],['Status',$user->isBanned()?'Dinonaktifkan':'Aktif']] as [$l,$v])
            <div><div style="font-size:.75rem;color:#64748B;margin-bottom:3px">{{ $l }}</div><div style="font-weight:700;color:#1E293B">{{ $v }}</div></div>
            @endforeach
        </div>
        @if($user->isBanned())
        <div style="margin-top:1rem;padding:.75rem;background:#FEE2E2;border-radius:8px;font-size:.8125rem;color:#991B1B">
            <strong>Alasan:</strong> {{ $user->ban_reason ?? 'Tidak ada keterangan' }} · {{ $user->banned_at?->format('d/m/Y H:i') }}
        </div>
        @endif
    </div>

    {{-- Analisis Terbaru --}}
    <div class="card">
        <div style="font-size:.8125rem;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1.25rem">Riwayat Analisis Terbaru</div>
        <div class="table-wrapper">
            <table class="table">
                <thead><tr><th>Perusahaan</th><th>Periode</th><th style="text-align:right">Z-Score</th><th style="text-align:center">Kategori</th><th>Tanggal</th></tr></thead>
                <tbody>
                    @forelse($analyses as $a)
                    @php $bc=match($a->z_category){'safe'=>['#D1FAE5','#065F46','Aman'],'grey'=>['#FEF3C7','#92400E','Waspada'],'distress'=>['#FEE2E2','#991B1B','Berbahaya'],default=>['#F1F5F9','#64748B','-']}; @endphp
                    <tr>
                        <td style="font-weight:600">{{ $a->company_name }}</td>
                        <td style="color:#64748B">{{ $a->period }}</td>
                        <td style="text-align:right;font-weight:700;font-family:monospace;color:{{ $a->z_category==='safe'?'#059669':($a->z_category==='grey'?'#D97706':'#DC2626') }}">{{ number_format($a->z_score,4) }}</td>
                        <td style="text-align:center"><span style="background:{{ $bc[0] }};color:{{ $bc[1] }};padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700">{{ $bc[2] }}</span></td>
                        <td style="font-size:.8125rem;color:#64748B">{{ $a->created_at->format('d/m/Y H:i') }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="5" style="text-align:center;padding:2rem;color:#94A3B8">Belum ada analisis</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

{{-- Ban Modal --}}
<div id="ban-modal" style="display:none;position:fixed;inset:0;z-index:200;align-items:center;justify-content:center;background:rgba(0,0,0,.5)">
    <div style="background:white;border-radius:16px;padding:2rem;width:100%;max-width:440px;margin:1rem">
        <div style="font-size:1.125rem;font-weight:700;color:#991B1B;margin-bottom:1rem">Nonaktifkan Akun {{ $user->name }}</div>
        <form action="{{ route('admin.users.ban',$user->id) }}" method="POST">
            @csrf
            <div class="form-group">
                <label class="form-label">Alasan <span style="color:#94A3B8;font-weight:400">(opsional)</span></label>
                <textarea name="reason" class="form-control" rows="3" placeholder="Contoh: Melanggar ketentuan penggunaan..."></textarea>
            </div>
            <div style="display:flex;gap:.75rem;margin-top:1rem">
                <button type="button" onclick="document.getElementById('ban-modal').style.display='none'" class="btn btn-secondary" style="flex:1">Batal</button>
                <button type="submit" class="btn btn-danger" style="flex:1">Nonaktifkan</button>
            </div>
        </form>
    </div>
</div>
@endsection