@extends('layouts.admin')
@section('title', $user->name.' — Admin')
@section('heading', 'User')

@section('content')
<div class="app-grid-main">
  <div class="iq-stack" style="gap:24px">
    <div class="iq-card" style="padding:24px;display:flex;gap:16px;align-items:center">
      <x-iq.avatar :name="$user->name" :src="$user->avatar_url" size="lg" />
      <div style="flex:1;min-width:0"><div class="iq-row" style="gap:6px;font-weight:600;font-size:18px">{{ $user->name }}@if($user->is_verified)<x-iq.seal />@endif</div>
        <div class="iq-muted" style="font-size:14px">{{ $user->email }} · {{ $user->username ? '@'.$user->username : 'no handle' }} · joined {{ $user->created_at->format('j M Y') }}</div>
        @if ($user->isSuspended())<div class="iq-banner danger" style="margin-top:12px"><x-iq.icon name="alert" /><div><b>Suspended {{ $user->suspended_at->format('j M Y') }}.</b> {{ $user->suspension_reason }}</div></div>@endif
      </div>
      @if ($user->username && $user->profile?->isPublished())<a class="iq-btn iq-btn-secondary iq-btn-sm" target="_blank" rel="noopener" href="{{ route('profile.show', $user->username) }}"><x-iq.icon name="eye" /> View</a>@endif
    </div>

    <div class="iq-card" style="padding:24px" class="iq-stack">
      <div style="font-weight:600;margin-bottom:12px">Content</div>
      <div class="iq-row" style="gap:8px"><span class="iq-badge">{{ $user->companies->count() }} companies</span><span class="iq-badge">{{ $user->products->count() }} products</span>
        @if ($user->profile)<a class="iq-link" style="font-size:13px" href="{{ route('admin.profiles.show', $user->profile) }}">Inspect profile</a>@endif</div>
    </div>

    <div class="iq-stack" style="gap:12px"><span style="font-weight:600">Verifications</span>
      <div class="iq-table-wrap"><table class="iq-table"><tbody>
        @forelse ($user->verifications as $v)
          <tr><td class="strong"><a class="app-link-reset" href="{{ route('admin.verifications.show', $v) }}">{{ $v->type->label() }}</a></td><td><span class="iq-badge {{ $v->status->badgeClass() }}">{{ $v->status->label() }}</span></td><td class="iq-num r">{{ $v->created_at->format('j M Y') }}</td></tr>
        @empty<tr><td class="iq-muted">None.</td></tr>@endforelse
      </tbody></table></div>
    </div>

    <div class="iq-stack" style="gap:12px"><span style="font-weight:600">Payments</span>
      <div class="iq-table-wrap"><table class="iq-table"><tbody>
        @forelse ($user->payments as $p)
          <tr><td class="iq-num">{{ $p->created_at->format('j M Y') }}</td><td><a class="app-link-reset" href="{{ route('admin.payments.show', $p) }}">{{ $p->reference }}</a></td><td><span class="iq-badge {{ $p->status->badgeClass() }}">{{ $p->status->label() }}</span></td><td class="r iq-num">{{ $p->formattedAmount() }}</td></tr>
        @empty<tr><td class="iq-muted">None.</td></tr>@endforelse
      </tbody></table></div>
    </div>
  </div>

  <div class="iq-stack" style="gap:16px">
    <div class="iq-card" style="padding:20px" ><div style="font-weight:600;margin-bottom:8px">Plan</div>
      @if ($subscription)<div class="iq-row" style="justify-content:space-between"><span>{{ $subscription->plan->displayName() }}</span><span class="iq-badge {{ $subscription->status->badgeClass() }}">{{ $subscription->status->label() }}</span></div>
      @else<span class="iq-muted">Free</span>@endif</div>

    <div class="iq-card iq-stack" style="padding:20px;gap:12px"><div style="font-weight:600">Actions</div>
      @if ($user->isSuspended())
        <form method="POST" action="{{ route('admin.users.restore', $user) }}">@csrf<button class="iq-btn iq-btn-secondary iq-btn-sm">Restore account</button></form>
      @elseif (! $user->is(auth()->user()))
        @include('admin.partials-reason', ['action' => route('admin.users.suspend', $user), 'confirm' => 'Suspend '.$user->name.'?', 'button' => 'Suspend'])
      @endif
      @unless ($user->is_verified)
        @include('admin.partials-reason', ['action' => route('admin.users.verify', $user), 'confirm' => 'Record identity as verified?', 'button' => 'Verify identity', 'field' => 'note', 'placeholder' => 'How was identity checked?', 'class' => 'iq-btn-secondary'])
      @endunless
    </div>
  </div>
</div>
@endsection