@extends('layouts.admin')

@section('title', 'Admin — '.$admin->name)

@push('styles')
<style>
    .asv-wrap { max-width:860px; }
    .asv-header { display:flex; align-items:center; gap:1rem; margin-bottom:1.25rem; }
    .asv-avatar { width:72px;height:72px;border-radius:50%;background:var(--accent,#10BFFF);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.6rem; }
    .asv-name { font-size:1.35rem;font-weight:700; margin:0; }
    .asv-email { color:var(--text-secondary,#6b7280); font-size:0.88rem; margin-top:0.25rem; }
    .asv-card { background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:1.25rem; margin-bottom:1rem; }
    .asv-row { display:flex; justify-content:space-between; align-items:center; padding:0.55rem 0; border-bottom:1px solid rgba(229,231,235,0.15); font-size:0.88rem; }
    .asv-row:last-child { border-bottom:none; }
    .asv-row .lbl { color:var(--text-muted,#9CA3AF); font-size:0.82rem; }
    .asv-row .val { font-weight:600; color:var(--text-primary); }
    .asv-actions { display:flex; flex-wrap:wrap; gap:0.5rem; }
    .asv-btn { display:inline-flex; align-items:center; gap:0.45rem; padding:0.55rem 0.95rem; border-radius:8px; font-weight:600; font-size:0.85rem; border:1px solid var(--border); background:var(--bg-card); color:var(--text-primary); cursor:pointer; text-decoration:none; }
    .asv-btn-primary { background:var(--accent,#10BFFF); color:#fff; border-color:var(--accent,#10BFFF); }
    .asv-btn-danger { background:var(--danger,#FF4757); color:#fff; border-color:var(--danger,#FF4757); }
    .asv-role-pill { display:inline-block; padding:3px 10px; border-radius:999px; font-size:0.72rem; font-weight:600; text-transform:uppercase; letter-spacing:0.04em; margin-top:0.35rem; }
    .asv-role-super_admin { background:rgba(176,132,255,0.16); color:#B084FF; }
    .asv-role-admin { background:rgba(16,191,255,0.16); color:#10BFFF; }
    .asv-role-support_admin { background:rgba(0,212,170,0.16); color:#00D4AA; }
    .asv-role-data_admin { background:rgba(255,176,32,0.16); color:#FFB020; }
</style>
@endpush

@section('content')
<div class="asv-wrap">
    <a href="{{ route('admin.admin-users.index') }}" style="display:inline-flex;align-items:center;gap:0.35rem;color:var(--text-secondary,#6b7280);text-decoration:none;font-size:0.85rem;margin-bottom:1rem;">
        <i class="fas fa-arrow-left"></i> Back to admin team
    </a>

    @if(session('success'))
        <div style="background:rgba(0,212,170,0.1);color:#00D4AA;border:1px solid rgba(0,212,170,0.3);padding:0.75rem 1rem;border-radius:8px;margin-bottom:1rem;">{{ session('success') }}</div>
    @endif
    @if($errors->any())
        <div style="background:rgba(255,71,87,0.1);color:#FF4757;border:1px solid rgba(255,71,87,0.3);padding:0.75rem 1rem;border-radius:8px;margin-bottom:1rem;">{{ $errors->first() }}</div>
    @endif

    <div class="asv-header">
        <div class="asv-avatar">{{ strtoupper(substr($admin->name, 0, 1)) }}</div>
        <div>
            <h1 class="asv-name">{{ $admin->name }}</h1>
            <div class="asv-email">{{ $admin->email }}</div>
            <span class="asv-role-pill asv-role-{{ $admin->role }}">{{ $roles[$admin->role]['label'] ?? $admin->role }}</span>
        </div>
    </div>

    <div class="asv-card">
        <h2 style="font-size:1rem;font-weight:700;margin:0 0 0.75rem;"><i class="fas fa-id-card"></i> Details</h2>
        <div class="asv-row"><span class="lbl">Phone</span><span class="val">{{ $admin->phone ?? '—' }}</span></div>
        <div class="asv-row"><span class="lbl">Role</span><span class="val">{{ $roles[$admin->role]['label'] ?? $admin->role }}</span></div>
        <div class="asv-row"><span class="lbl">Status</span><span class="val" style="color:{{ $admin->is_active ? '#00D4AA' : '#FF4757' }};">{{ $admin->is_active ? 'Active' : 'Inactive' }}</span></div>
        <div class="asv-row"><span class="lbl">Joined</span><span class="val">{{ $admin->created_at->format('M d, Y g:i A') }}</span></div>
        <div class="asv-row"><span class="lbl">Last login</span><span class="val">{{ $admin->last_login_at ? \Carbon\Carbon::parse($admin->last_login_at)->format('M d, Y g:i A') : 'Never' }}</span></div>
        <div class="asv-row"><span class="lbl">2FA</span><span class="val">{{ $admin->two_factor_enabled ? 'Enabled' : 'Not enabled' }}</span></div>
    </div>

    @if(auth()->user() && auth()->user()->role === 'super_admin')
    <div class="asv-card">
        <h2 style="font-size:1rem;font-weight:700;margin:0 0 0.75rem;"><i class="fas fa-cog"></i> Actions</h2>
        <div class="asv-actions">
            <a href="{{ route('admin.admin-users.edit', $admin->id) }}" class="asv-btn"><i class="fas fa-pen"></i> Edit</a>

            <form method="POST" action="{{ route('admin.admin-users.toggle-status', $admin->id) }}" style="display:inline;">
                @csrf
                <button class="asv-btn" {{ $admin->id === auth()->id() ? 'disabled title="You can\'t deactivate your own account"' : '' }}>
                    <i class="fas fa-{{ $admin->is_active ? 'ban' : 'check' }}"></i>
                    {{ $admin->is_active ? 'Deactivate' : 'Reactivate' }}
                </button>
            </form>

            <form method="POST" action="{{ route('admin.admin-users.reset-password', $admin->id) }}" style="display:inline;"
                  data-confirm="A new password will be generated and emailed to {{ $admin->email }}. The current password will stop working immediately."
                  data-confirm-type="warning"
                  data-confirm-title="Reset admin password?"
                  data-confirm-button="Reset & Email">
                @csrf
                <button class="asv-btn"><i class="fas fa-key"></i> Reset password</button>
            </form>

            <form method="POST" action="{{ route('admin.admin-users.destroy', $admin->id) }}" style="display:inline;"
                  data-confirm="This permanently removes {{ $admin->email }} from the admin team. They will lose all access immediately."
                  data-confirm-type="danger"
                  data-confirm-title="Remove admin?"
                  data-confirm-button="Remove admin">
                @csrf @method('DELETE')
                <button class="asv-btn asv-btn-danger" {{ $admin->id === auth()->id() ? 'disabled' : '' }}>
                    <i class="fas fa-trash"></i> Remove
                </button>
            </form>
        </div>
    </div>
    @endif
</div>
@endsection