@extends('layouts.app')
@section('title', 'Edit ' . $user->name)
@section('breadcrumb')
    <a href="{{ route('admin.index') }}" style="color:var(--text-secondary);">Admin</a>
    <span class="topbar-breadcrumb-sep">/</span>
    <a href="{{ route('admin.users') }}" style="color:var(--text-secondary);">Users</a>
    <span class="topbar-breadcrumb-sep">/</span>
    <span style="font-weight:600;color:var(--text-primary);">{{ $user->name }}</span>
@endsection

@section('content')
    <div class="page-header"><h1>Edit User</h1></div>

    <div style="display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;">
        {{-- Profile Info --}}
        <div class="card">
            <div class="card-header"><span class="card-header-title">Profile Information</span></div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.users.update', $user) }}">
                    @csrf @method('PUT')

                    <div class="form-group">
                        <label class="form-label">Full Name *</label>
                        <input type="text" name="name" class="form-control" value="{{ old('name', $user->name) }}" required>
                    </div>

                    <div class="form-group">
                        <label class="form-label">Email Address *</label>
                        <input type="email" name="email" class="form-control" value="{{ old('email', $user->email) }}" required>
                    </div>

                    <div class="grid grid-2">
                        <div class="form-group">
                            <label class="form-label">Job Title</label>
                            <input type="text" name="job_title" class="form-control" value="{{ old('job_title', $user->job_title) }}">
                        </div>
                        <div class="form-group">
                            <label class="form-label">Department</label>
                            <input type="text" name="department" class="form-control" value="{{ old('department', $user->department) }}">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="form-label">Phone</label>
                        <input type="text" name="phone" class="form-control" value="{{ old('phone', $user->phone) }}">
                    </div>

                    <div class="form-group">
                        <label class="form-label">Company</label>
                        <select name="company_id" class="form-control">
                            @foreach($companies as $company)
                                <option value="{{ $company->id }}" {{ $user->company_id == $company->id ? 'selected' : '' }}>{{ $company->name }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group">
                        <label class="form-label">Role *</label>
                        <select name="role" class="form-control" required>
                            @foreach($roles as $role)
                                <option value="{{ $role->name }}" {{ $user->roles->first()?->name == $role->name ? 'selected' : '' }}>{{ $role->name }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group">
                        <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:0.9rem;color:var(--text-secondary);">
                            <input type="hidden" name="is_active" value="0">
                            <input type="checkbox" name="is_active" value="1" {{ $user->is_active ? 'checked' : '' }} style="accent-color:var(--accent-primary);">
                            User is active
                        </label>
                    </div>

                    <div class="flex gap-3 mt-4">
                        <button type="submit" class="btn btn-primary">Save Changes</button>
                        <a href="{{ route('admin.users') }}" class="btn btn-secondary">Cancel</a>
                    </div>
                </form>
            </div>
        </div>

        {{-- Password & Info --}}
        <div>
            <div class="card mb-4">
                <div class="card-header"><span class="card-header-title">Reset Password</span></div>
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.users.update', $user) }}">
                        @csrf @method('PUT')
                        <input type="hidden" name="name" value="{{ $user->name }}">
                        <input type="hidden" name="email" value="{{ $user->email }}">
                        <input type="hidden" name="role" value="{{ $user->roles->first()?->name ?? 'Employee' }}">
                        <input type="hidden" name="is_active" value="{{ $user->is_active ? '1' : '0' }}">
                        <input type="hidden" name="company_id" value="{{ $user->company_id }}">

                        <div class="form-group">
                            <label class="form-label">New Password</label>
                            <input type="password" name="password" class="form-control" minlength="8" placeholder="Enter new password">
                        </div>

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

            <div class="card">
                <div class="card-header"><span class="card-header-title">User Stats</span></div>
                <div class="card-body">
                    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
                        <div class="stat-card" style="padding:12px;">
                            <div class="stat-card-value" style="font-size:1.5rem;">{{ $user->assignedTasks()->count() }}</div>
                            <div class="stat-card-label">Assigned Tasks</div>
                        </div>
                        <div class="stat-card" style="padding:12px;">
                            <div class="stat-card-value" style="font-size:1.5rem;">{{ $user->assignedTasks()->where('is_completed', true)->count() }}</div>
                            <div class="stat-card-label">Completed</div>
                        </div>
                        <div class="stat-card" style="padding:12px;">
                            <div class="stat-card-value" style="font-size:1.5rem;">{{ $user->projects()->count() + $user->ownedProjects()->count() }}</div>
                            <div class="stat-card-label">Projects</div>
                        </div>
                        <div class="stat-card" style="padding:12px;">
                            <div class="stat-card-value" style="font-size:1.5rem;">{{ $user->teams()->count() }}</div>
                            <div class="stat-card-label">Teams</div>
                        </div>
                    </div>
                    <div style="margin-top:16px;font-size:0.8rem;color:var(--text-tertiary);">
                        <div>Created: {{ $user->created_at->format('M d, Y') }}</div>
                        <div>Last updated: {{ $user->updated_at->diffForHumans() }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection