@extends('layouts.app')

@section('title', 'Edit User')

@section('content')
<x-page-header :title="'Edit '.$user->name" subtitle="Update admin access and status" icon="user" icon-color="violet">
    <x-slot:actions>
        <a href="{{ route('super-admin.users.index') }}" class="btn-ghost btn-sm">Back</a>
    </x-slot:actions>
</x-page-header>

<form method="POST" action="{{ route('super-admin.users.update', $user) }}" class="glass-card p-6 max-w-2xl space-y-5">
    @csrf
    @method('PUT')

    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="field-label">Name</label>
            <input type="text" name="name" value="{{ old('name', $user->name) }}" required class="field-input">
        </div>
        <div>
            <label class="field-label">Username</label>
            <input type="text" name="username" value="{{ old('username', $user->username) }}" required class="field-input">
        </div>
    </div>
    <div>
        <label class="field-label">Email</label>
        <input type="email" name="email" value="{{ old('email', $user->email) }}" required class="field-input">
    </div>

    @unless ($user->is_super_admin)
        <div>
            <label class="field-label">Role</label>
            <select name="role" class="field-select">
                @foreach (['admin', 'manager', 'viewer'] as $role)
                    <option value="{{ $role }}" @selected(old('role', $user->role) === $role)>{{ ucfirst($role) }}</option>
                @endforeach
            </select>
            <p class="text-xs text-themed-muted mt-1">Company: {{ $user->company?->name ?? '—' }}</p>
        </div>
        <label class="flex items-center gap-2 text-sm text-themed-muted">
            <input type="checkbox" name="make_owner" value="1" class="rounded border-themed">
            Make company owner
        </label>
    @endunless

    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="field-label">New password (optional)</label>
            <input type="password" name="password" class="field-input">
        </div>
        <div>
            <label class="field-label">Confirm password</label>
            <input type="password" name="password_confirmation" class="field-input">
        </div>
    </div>

    <label class="flex items-center gap-2 text-sm text-themed-muted">
        <input type="checkbox" name="is_active" value="1" class="rounded border-themed" @checked(old('is_active', $user->is_active))>
        Active
    </label>

    <button type="submit" class="btn-primary">Save changes</button>
</form>

<div class="glass-card p-6 max-w-2xl mt-6 space-y-3">
    <h3 class="font-semibold">Account recovery</h3>
    <p class="text-sm text-themed-muted">
        If this admin forgot their username, password, or cannot complete 2FA, send a one-time secret recovery code to their email.
        The email includes their username and a password-reset link. The code works on the login verification screen and expires in 48 hours.
    </p>
    <form method="POST" action="{{ route('super-admin.users.send-recovery-code', $user) }}"
          onsubmit="return confirm('Email a one-time recovery code to {{ $user->email }}?')">
        @csrf
        <button type="submit" class="btn-secondary">Email recovery code</button>
    </form>
</div>
@endsection