@extends('layouts.admin')

@section('title', 'Edit System Profile')
@section('header_title', 'Profile Intelligence Adjustment')

@section('content')
<div class="data-card" style="max-width: 800px; margin: 0 auto;">
    <div class="card-header">
        <h2>Adjust Identity: {{ $user->name }}</h2>
        <a href="{{ route('admin.users.index') }}" class="btn btn-sm btn-outline"><i class="fas fa-arrow-left"></i> Return to Directory</a>
    </div>
    <div style="padding: 3rem;">
        <form action="{{ route('admin.users.toggle', $user) }}" method="POST">
            @csrf
            <div style="display: grid; gap: 2rem; margin-bottom: 3rem;">
                <div>
                    <label style="display: block; font-size: 0.8rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); margin-bottom: 0.8rem;">Full Name Identity</label>
                    <input type="text" value="{{ $user->name }}" style="width: 100%; padding: 1.1rem; border-radius: 14px; border: 1px solid var(--border); background: rgba(255,255,255,0.03); color: #fff; font-family: 'Inter', sans-serif; font-weight: 600;" disabled>
                </div>
                <div>
                    <label style="display: block; font-size: 0.8rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); margin-bottom: 0.8rem;">Platform Email Node</label>
                    <input type="email" value="{{ $user->email }}" style="width: 100%; padding: 1.1rem; border-radius: 14px; border: 1px solid var(--border); background: rgba(255,255,255,0.03); color: #fff; font-family: 'Inter', sans-serif; font-weight: 600;" disabled>
                </div>
                <div>
                    <label style="display: block; font-size: 0.8rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); margin-bottom: 0.8rem;">Platform Role Allocation</label>
                    <select name="role" style="width: 100%; padding: 1.1rem; border-radius: 14px; border: 1px solid var(--border); background: var(--card-bg); color: #fff; font-family: 'Inter', sans-serif; font-weight: 600;">
                        <option value="player" {{ $user->role === 'player' ? 'selected' : '' }}>Standard Player</option>
                        <option value="owner" {{ $user->role === 'owner' ? 'selected' : '' }}>Establishment Owner</option>
                        <option value="admin" {{ $user->role === 'admin' ? 'selected' : '' }}>System Administrator</option>
                    </select>
                </div>
            </div>
            <div style="display: flex; gap: 1rem;">
                <button type="submit" class="btn btn-primary" style="flex: 1; padding: 1.2rem;">CALIBRATE PROFILE INTELLIGENCE</button>
                <button type="button" class="btn btn-outline" style="padding: 1.2rem 2rem; color: #ef4444; border-color: rgba(239, 68, 68, 0.2);">DEACTIVATE ACCOUNT</button>
            </div>
        </form>
    </div>
</div>
@endsection