@extends('layouts.app')

@section('page_title', 'Edit User')
@section('page_subtitle', 'Update details, role, or reset password for ' . $user->name)

@section('page_actions')
    <a class="btn" href="{{ route('users.index') }}">
        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 5l-7 7 7 7"/></svg>
        Back to Users
    </a>
@endsection

@section('content')
<section class="grid grid-2">

    {{-- Edit form --}}
    <div class="card card-pad">
        <div class="section-head" style="margin:0 0 18px;">
            <div>
                <h2>Account Details</h2>
                <p>Modify the user's information and role.</p>
            </div>
        </div>

        <form method="POST" action="{{ route('users.update', $user) }}" class="form-grid">
            @csrf
            @method('PUT')

            <label>
                <span>Full Name</span>
                <input type="text" name="name" value="{{ old('name', $user->name) }}" required>
                @error('name') <span class="input-error">{{ $message }}</span> @enderror
            </label>

            <label>
                <span>Email Address</span>
                <input type="email" name="email" value="{{ old('email', $user->email) }}" required>
                @error('email') <span class="input-error">{{ $message }}</span> @enderror
            </label>

            <label>
                <span>Phone <span style="font-weight:400;color:var(--color-muted);">(optional)</span></span>
                <input type="text" name="phone" value="{{ old('phone', $user->phone) }}">
                @error('phone') <span class="input-error">{{ $message }}</span> @enderror
            </label>

            <label>
                <span>Role / Permissions</span>
                <select name="role" required>
                    <option value="admin"   {{ old('role', $user->role) === 'admin'   ? 'selected' : '' }}>Admin — full system access</option>
                    <option value="manager" {{ old('role', $user->role) === 'manager' ? 'selected' : '' }}>Manager — manage orders & projects</option>
                    <option value="user"    {{ old('role', $user->role) === 'user'    ? 'selected' : '' }}>User — view & basic actions only</option>
                </select>
                @error('role') <span class="input-error">{{ $message }}</span> @enderror
            </label>

            <div class="toolbar" style="margin-top:4px;">
                <button class="btn btn-primary" type="submit">
                    <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v14a2 2 0 0 1-2 2Z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></svg>
                    Save Changes
                </button>
                <a class="btn" href="{{ route('users.index') }}">Cancel</a>
            </div>
        </form>
    </div>

    {{-- Reset password --}}
    <div class="card card-pad">
        <div class="section-head" style="margin:0 0 18px;">
            <div>
                <h2>Reset Password</h2>
                <p>Leave blank to keep the current password.</p>
            </div>
        </div>

        <form method="POST" action="{{ route('users.update', $user) }}" class="form-grid">
            @csrf
            @method('PUT')
            {{-- Re-send unchanged fields so the main update validation passes --}}
            <input type="hidden" name="name"  value="{{ $user->name }}">
            <input type="hidden" name="email" value="{{ $user->email }}">
            <input type="hidden" name="phone" value="{{ $user->phone }}">
            <input type="hidden" name="role"  value="{{ $user->role }}">

            <label>
                <span>New Password</span>
                <input type="password" name="password" placeholder="Min. 8 characters">
                @error('password') <span class="input-error">{{ $message }}</span> @enderror
            </label>

            <label>
                <span>Confirm New Password</span>
                <input type="password" name="password_confirmation" placeholder="Repeat new password">
            </label>

            <div>
                <button class="btn" type="submit">Update Password</button>
            </div>
        </form>

        {{-- User meta --}}
        <div style="margin-top:28px;padding-top:18px;border-top:1px solid var(--color-border);">
            <div class="muted" style="font-size:.82rem;margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;">Account Info</div>
            <div class="grid" style="gap:8px;font-size:.88rem;">
                <div style="display:flex;justify-content:space-between;"><span class="muted">User ID</span><strong>#{{ $user->id }}</strong></div>
                <div style="display:flex;justify-content:space-between;"><span class="muted">Last Login</span><span>{{ $user->last_login_at ? $user->last_login_at->format('d M Y, H:i') : 'Never' }}</span></div>
                <div style="display:flex;justify-content:space-between;"><span class="muted">Last IP</span><span>{{ $user->last_login_ip ?? '—' }}</span></div>
                <div style="display:flex;justify-content:space-between;"><span class="muted">Created</span><span>{{ $user->created_at->format('d M Y') }}</span></div>
            </div>
        </div>
    </div>

</section>
@endsection