@extends('layouts.app')

@section('content')
<div style="padding: 30px 20px 60px; max-width: 800px; margin: 0 auto;">
    <div style="margin-bottom: 30px;">
        <div style="color: white; font-size: 2rem; font-weight: 800;">✏️ Editar Usuário</div>
        <div style="color: rgba(255,255,255,0.7); font-size: 0.95rem;">Atualize as informações do usuário.</div>
    </div>

    <form method="POST" action="{{ route('admin.users.update', $user) }}" style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 30px;">
        @csrf
        @method('PUT')

        <div style="margin-bottom: 20px;">
            <label for="name" style="display: block; color: rgba(255,255,255,0.85); font-weight: 600; margin-bottom: 8px;">Nome Completo *</label>
            <input type="text" id="name" name="name" value="{{ old('name', $user->name) }}" required style="width: 100%; padding: 12px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 8px; color: white;">
            @error('name')
                <div style="color: #ff6b7a; font-size: 0.85rem; margin-top: 6px;">{{ $message }}</div>
            @enderror
        </div>

        <div style="margin-bottom: 20px;">
            <label for="email" style="display: block; color: rgba(255,255,255,0.85); font-weight: 600; margin-bottom: 8px;">Email *</label>
            <input type="email" id="email" name="email" value="{{ old('email', $user->email) }}" required style="width: 100%; padding: 12px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 8px; color: white;">
            @error('email')
                <div style="color: #ff6b7a; font-size: 0.85rem; margin-top: 6px;">{{ $message }}</div>
            @enderror
        </div>

        <div style="margin-bottom: 20px;">
            <label for="phone" style="display: block; color: rgba(255,255,255,0.85); font-weight: 600; margin-bottom: 8px;">Telefone</label>
            <input type="text" id="phone" name="phone" value="{{ old('phone', $user->phone) }}" style="width: 100%; padding: 12px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 8px; color: white;">
            @error('phone')
                <div style="color: #ff6b7a; font-size: 0.85rem; margin-top: 6px;">{{ $message }}</div>
            @enderror
        </div>

        <div style="margin-bottom: 20px;">
            <label for="is_admin" style="display: block; color: rgba(255,255,255,0.85); font-weight: 600; margin-bottom: 8px;">Tipo de Usuário *</label>
            <select id="is_admin" name="is_admin" required style="width: 100%; padding: 12px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 8px; color: white;">
                <option value="0" {{ old('is_admin', $user->is_admin) == 0 ? 'selected' : '' }} style="color: #111;">Cliente</option>
                <option value="1" {{ old('is_admin', $user->is_admin) == 1 ? 'selected' : '' }} style="color: #111;">Administrador</option>
            </select>
            @error('is_admin')
                <div style="color: #ff6b7a; font-size: 0.85rem; margin-top: 6px;">{{ $message }}</div>
            @enderror
        </div>

        <div style="border-top: 1px solid rgba(255,255,255,0.08); margin: 30px 0; padding-top: 30px;">
            <div style="color: rgba(255,255,255,0.85); font-weight: 700; font-size: 1.1rem; margin-bottom: 15px;">🔒 Redefinir Senha</div>
            <div style="color: rgba(255,255,255,0.6); font-size: 0.85rem; margin-bottom: 15px;">Deixe os campos vazios se não desejar alterar a senha.</div>

            <div style="margin-bottom: 20px;">
                <label for="password" style="display: block; color: rgba(255,255,255,0.85); font-weight: 600; margin-bottom: 8px;">Nova Senha</label>
                <input type="password" id="password" name="password" style="width: 100%; padding: 12px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 8px; color: white;">
                @error('password')
                    <div style="color: #ff6b7a; font-size: 0.85rem; margin-top: 6px;">{{ $message }}</div>
                @enderror
            </div>

            <div style="margin-bottom: 20px;">
                <label for="password_confirmation" style="display: block; color: rgba(255,255,255,0.85); font-weight: 600; margin-bottom: 8px;">Confirmar Nova Senha</label>
                <input type="password" id="password_confirmation" name="password_confirmation" style="width: 100%; padding: 12px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 8px; color: white;">
            </div>
        </div>

        <div style="display: flex; gap: 10px;">
            <button type="submit" style="padding: 12px 24px; background: linear-gradient(135deg, #1aa860, #16d97a); color: white; border: 0; border-radius: 8px; font-weight: 800; cursor: pointer;">
                ✓ Salvar Alterações
            </button>
            <a href="{{ route('admin.users.index') }}" style="padding: 12px 24px; background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.85); text-decoration: none; border-radius: 8px; font-weight: 600; display: inline-flex; align-items: center;">
                ← Voltar
            </a>
        </div>
    </form>
</div>
@endsection