@extends('admin.admin_dashboard')
@section('admin')

<<<<<<< HEAD
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>

<div class="page-content">
				<!--breadcrumb-->
				<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
					<div class="breadcrumb-title pe-3">User Profile</div>
					<div class="ps-3">
						<nav aria-label="breadcrumb">
							<ol class="breadcrumb mb-0 p-0">
								<li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a>
								</li>
								<li class="breadcrumb-item active" aria-current="page">User Profile</li>
							</ol>
						</nav>
					</div>
					<div class="ms-auto">
						
					</div>
				</div>
				<!--end breadcrumb-->
				<div class="container">
					<div class="main-body">
						<div class="row">
							<div class="col-lg-4">
								<div class="card">
									<div class="card-body">
										<div class="d-flex flex-column align-items-center text-center">
											<img src="{{ (!empty($profileData->photo)) ? url('upload/admin_images/'.$profileData->photo) : url('upload/no_image.jpg') }}" alt="Admin" class="rounded-circle p-1 bg-primary" width="110">
											<div class="mt-3">
												<h4>{{ $profileData->name }}</h4>
												<p class="text-secondary mb-1">{{ $profileData->username }}</p>
												<p class="text-muted font-size-sm">{{ $profileData->email }}</p>
											</div>
										</div>
										<hr class="my-4" />
										<ul class="list-group list-group-flush">
											
										
										</ul>
									</div>
								</div>
							</div>
							<div class="col-lg-8">
								<div class="card">
                                 <form method="POST" action="{{ route('admin.profile.store') }}"  enctype="multipart/form-data">
                                  @csrf
									<div class="card-body">
										<div class="row mb-3">
											<div class="col-sm-3">
												<h6 class="mb-0">Name</h6>
											</div>
											<div class="col-sm-9 text-secondary">
												<input type="text" name="name" class="form-control" value="{{ $profileData->name }}" />
											</div>
										</div>
                                        <div class="row mb-3">
											<div class="col-sm-3">
												<h6 class="mb-0">Username</h6>
											</div>
											<div class="col-sm-9 text-secondary">
												<input type="text" name="username" class="form-control" value="{{ $profileData->username }}" />
											</div>
										</div>
										<div class="row mb-3">
											<div class="col-sm-3">
												<h6 class="mb-0">Email</h6>
											</div>
											<div class="col-sm-9 text-secondary">
												<input type="text" name="email" class="form-control" value="{{ $profileData->email }}" readonly/>
											</div>
										</div>
										
										
										

                                        <div class="row mb-3">
											<div class="col-sm-3">
												<h6 class="mb-0">Profile Image</h6>
											</div>
											<div class="col-sm-9 text-secondary">
												<input type="file" name="photo" class="form-control" id="image"  />
											</div>
										</div>

                                         <div class="row mb-3">
											<div class="col-sm-3">
												<h6 class="mb-0">Profile Image</h6>
											</div>
											<div class="col-sm-9 text-secondary">
												<img id="showImage" src="{{ (!empty($profileData->photo)) ? url('upload/admin_images/'.$profileData->photo) : url('upload/no_image.jpg') }}" alt="Admin" class="rounded-circle p-1 bg-primary" width="80">
									
											</div>
										</div>

										<div class="row">
											<div class="col-sm-3"></div>
											<div class="col-sm-9 text-secondary">
												<input type="submit" class="btn btn-primary px-4" value="Save Changes" />
											</div>
										</div>
									</div>
                                    </form>
								</div>
                                
							
							</div>
						</div>
					</div>
				</div>
			</div>


<script type="text/javascript">
    $(document).ready(function(){
        $('#image').change(function(e){
            var reader = new FileReader();
            reader.onload = function(e){
                $('#showImage').attr('src',e.target.result);
            }
            reader.readAsDataURL(e.target.files['0']);
        });
    });
</script>
            
@endsection
=======
@php
    $photoUrl = $profileData->photo
        ? url('upload/admin_images/'.$profileData->photo)
        : url('upload/no_image.jpg');
    $isActive = (string) $profileData->status === '1';
    $isOnline = $profileData->UserOnline();
    $roleLabel = ucfirst(str_replace('-', ' ', $profileData->role ?? 'user'));
    $themePref = $uiPreferences['theme'] ?? 'system';
    $palettePref = ucfirst($uiPreferences['palette'] ?? 'slate');
    $densityPref = ucfirst($uiPreferences['density'] ?? 'comfortable');
@endphp

<div class="page-content">
    <x-chm.layout.page
        title="My Profile"
        subtitle="Your account, activity performance, peer benchmarks, and workspace preferences."
        icon="bx bx-user-circle"
    >
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('admin.dashboard')">Home</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">My Profile</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <x-slot:actions>
            @can('change_password.view')
                <x-chm.button variant="outline-primary" icon="bx bx-key" :href="route('admin.change.password')">
                    Change Password
                </x-chm.button>
            @endcan
        </x-slot:actions>

        {{-- Activity snapshot --}}
        <div class="row row-cols-1 row-cols-sm-2 row-cols-xl-5 g-3 mb-4">
            <x-chm.stat-card label="Assigned roles" :value="$stats['roles']" icon="bx bx-shield-quarter" color="primary" />
            <x-chm.stat-card label="Permissions" :value="$stats['permissions']" icon="bx bx-lock-open" color="info" />
            <x-chm.stat-card
                label="Unread alerts"
                :value="$stats['notifications']"
                icon="bx bx-bell"
                color="warning"
                :link="route('admin.dashboard')"
                link-text="View dashboard"
            />
            @can('chatbox.view')
                <x-chm.stat-card
                    label="Unread messages"
                    :value="$stats['messages']"
                    icon="bx bx-chat"
                    color="success"
                    :link="route('chat.index')"
                    link-text="Open chat"
                />
            @endcan
            <x-chm.stat-card label="Reports filed" :value="$stats['reports']" icon="bx bx-file" color="info" />
        </div>

        {{-- Performance & peer comparison --}}
        <div class="row g-4 mb-4">
            <div class="col-lg-4">
                <div class="card chm-profile-score-card h-100">
                    <div class="card-body">
                        <div class="d-flex align-items-center gap-3">
                            <div class="chm-profile-score-ring" style="--score: {{ $insights['activity']['score'] }};">
                                <span>{{ $insights['activity']['score'] }}</span>
                            </div>
                            <div>
                                <p class="text-muted small mb-1">Activity score · last {{ 30 }} days</p>
                                <h5 class="mb-1">{{ $insights['activity']['score_label'] }}</h5>
                                <p class="small text-muted mb-0">
                                    Rank <strong>#{{ $insights['activity']['rank'] }}</strong>
                                    of {{ $insights['activity']['total_peers'] }} active users
                                </p>
                            </div>
                        </div>
                        <div class="chm-profile-score-bar mt-4">
                            <div class="d-flex justify-content-between small mb-1">
                                <span class="text-muted">Team percentile</span>
                                <strong>{{ $insights['activity']['percentile'] }}th</strong>
                            </div>
                            <div class="progress" style="height: 8px;">
                                <div class="progress-bar bg-success" style="width: {{ $insights['activity']['percentile'] }}%"></div>
                            </div>
                            <p class="small text-muted mt-2 mb-0">
                                Last active {{ $insights['activity']['last_seen_human'] }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-8">
                <div class="row g-3 h-100">
                    @foreach($insights['benchmarks'] as $benchmark)
                        <div class="col-sm-6">
                            <div class="card chm-profile-benchmark h-100">
                                <div class="card-body">
                                    <div class="d-flex align-items-start gap-2 mb-2">
                                        <span class="chm-profile-benchmark-icon"><i class="{{ $benchmark['icon'] }}"></i></span>
                                        <div class="flex-grow-1 min-w-0">
                                            <h6 class="mb-0">{{ $benchmark['label'] }}</h6>
                                            <p class="text-muted small mb-0">{{ $benchmark['period'] }}</p>
                                        </div>
                                        <span class="badge bg-light text-dark border">{{ $benchmark['percentile'] }}th</span>
                                    </div>
                                    <div class="d-flex align-items-end gap-3 mt-3">
                                        <div>
                                            <div class="chm-profile-benchmark-you">{{ $benchmark['you'] }}</div>
                                            <div class="small text-muted">You</div>
                                        </div>
                                        <div class="text-muted small pb-1">vs</div>
                                        <div>
                                            <div class="chm-profile-benchmark-avg">{{ $benchmark['team_avg'] }}</div>
                                            <div class="small text-muted">Team avg</div>
                                        </div>
                                    </div>
                                    <p class="small mb-0 mt-2 {{ $benchmark['you'] >= $benchmark['team_avg'] ? 'text-success' : 'text-muted' }}">
                                        {{ $benchmark['comparison'] }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>

        {{-- Activity trend & modules --}}
        <div class="row g-4 mb-4">
            <div class="col-lg-7">
                <x-chm.form-section title="Weekly activity" description="Reports, messages, and comments you've contributed each week." icon="bx bx-line-chart">
                    <div class="chm-profile-weekly-chart">
                        @foreach($insights['weekly']['values'] as $index => $value)
                            @php
                                $height = $insights['weekly']['max'] > 0
                                    ? max(8, round(($value / $insights['weekly']['max']) * 100))
                                    : 8;
                            @endphp
                            <div class="chm-profile-weekly-bar-wrap" title="{{ $insights['weekly']['labels'][$index] }}: {{ $value }} actions">
                                <div class="chm-profile-weekly-bar" style="height: {{ $height }}%;">
                                    <span>{{ $value ?: '' }}</span>
                                </div>
                                <small>{{ $insights['weekly']['labels'][$index] }}</small>
                            </div>
                        @endforeach
                    </div>
                    <p class="small text-muted mb-0 mt-3">
                        {{ $insights['weekly']['total'] }} total actions across the last 8 weeks.
                    </p>
                </x-chm.form-section>
            </div>
            <div class="col-lg-5">
                <x-chm.form-section title="Work across modules" description="Where your activity shows up in CHM ERP." icon="bx bx-grid-alt">
                    <div class="chm-profile-module-list">
                        @foreach(collect($insights['modules'])->take(8) as $module)
                            <div class="chm-profile-module-item">
                                <span class="chm-profile-module-icon"><i class="{{ $module['icon'] }}"></i></span>
                                <span class="flex-grow-1">{{ $module['label'] }}</span>
                                <strong>{{ number_format($module['count']) }}</strong>
                            </div>
                        @endforeach
                    </div>
                    @if(!empty($insights['report_status']))
                        <div class="mt-3 pt-3 border-top">
                            <p class="small text-muted mb-2">Your report pipeline</p>
                            <div class="d-flex flex-wrap gap-2">
                                @foreach($insights['report_status'] as $status => $count)
                                    <span class="badge bg-light text-dark border">
                                        {{ ucfirst(str_replace('_', ' ', $status)) }}: {{ $count }}
                                    </span>
                                @endforeach
                            </div>
                        </div>
                    @endif
                </x-chm.form-section>
            </div>
        </div>

        {{-- Recent work & navigation history --}}
        <div class="row g-4 mb-4">
            <div class="col-lg-8">
                <x-chm.form-section title="Recent work" description="The latest things you've done in the system." icon="bx bx-task">
                    @forelse($insights['recent_work'] as $item)
                        <div class="chm-profile-work-item">
                            <span class="chm-profile-work-icon chm-profile-work-icon-{{ $item['tone'] }}">
                                <i class="{{ $item['icon'] }}"></i>
                            </span>
                            <div class="flex-grow-1 min-w-0">
                                <strong class="d-block">{{ $item['title'] }}</strong>
                                <span class="small text-muted">{{ $item['meta'] }}</span>
                            </div>
                            <time class="small text-muted text-nowrap" title="{{ $item['at_label'] }}">{{ $item['at_human'] }}</time>
                        </div>
                    @empty
                        <x-chm.empty-state
                            icon="bx bx-compass"
                            title="No tracked activity yet"
                            message="Submit a report, send a message, or review a record to start building your work history."
                        />
                    @endforelse
                </x-chm.form-section>
            </div>
            <div class="col-lg-4">
                <x-chm.form-section title="Your navigation" description="Pages you've visited and pinned on this device." icon="bx bx-map">
                    <h6 class="small text-muted text-uppercase mb-2">Recent pages</h6>
                    <div id="chmProfileRecentPages" class="chm-profile-nav-list mb-3">
                        <span class="text-muted small">Loading…</span>
                    </div>
                    <h6 class="small text-muted text-uppercase mb-2">Pinned favorites</h6>
                    <div id="chmProfileFavorites" class="chm-profile-nav-list">
                        <span class="text-muted small">Loading…</span>
                    </div>
                </x-chm.form-section>
            </div>
        </div>

        <div class="row g-4">
            {{-- Left column --}}
            <div class="col-lg-4">
                <div class="card chm-profile-hero mb-0">
                    <div class="chm-profile-hero-banner"></div>
                    <div class="card-body text-center pt-0">
                        <div class="chm-profile-avatar-wrap">
                            <img
                                id="showImage"
                                src="{{ $photoUrl }}"
                                alt="{{ $profileData->name }}"
                                class="chm-profile-avatar"
                            >
                            @if($isOnline)
                                <span class="chm-profile-avatar-status" title="Online now"></span>
                            @endif
                        </div>
                        <h4 class="chm-profile-name mb-1">{{ $profileData->name }}</h4>
                        <p class="text-muted mb-2">{{ $profileData->username ? '@'.$profileData->username : 'No username' }}</p>
                        <div class="d-flex flex-wrap justify-content-center gap-2 mb-3">
                            <x-chm.status-badge :status="$isActive ? 'success' : 'danger'" :label="$isActive ? 'Active account' : 'Inactive'" />
                            <x-chm.status-badge status="info" :label="$roleLabel" />
                            @if($isOnline)
                                <x-chm.status-badge status="success" label="Online" />
                            @endif
                        </div>
                        <p class="small text-muted mb-0">{{ $profileData->email }}</p>
                    </div>
                </div>

                <div class="card mt-4">
                    <div class="card-body">
                        <h6 class="mb-3"><i class="bx bx-link-alt me-1"></i> Quick actions</h6>
                        <div class="d-grid gap-2">
                            @can('change_password.view')
                                <a href="{{ route('admin.change.password') }}" class="chm-profile-quick-link">
                                    <i class="bx bx-key"></i>
                                    <span>Change password</span>
                                    <i class="bx bx-chevron-right ms-auto"></i>
                                </a>
                            @endcan
                            @can('chatbox.view')
                                <a href="{{ route('chat.index') }}" class="chm-profile-quick-link">
                                    <i class="bx bx-message-dots"></i>
                                    <span>Team messages</span>
                                    @if($stats['messages'] > 0)
                                        <span class="badge bg-danger ms-auto me-1">{{ $stats['messages'] }}</span>
                                    @endif
                                    <i class="bx bx-chevron-right"></i>
                                </a>
                            @endcan
                            <button type="button" class="chm-profile-quick-link border-0 bg-transparent w-100 text-start"
                                    data-bs-toggle="offcanvas" data-bs-target="#chmPreferencesPanel">
                                <i class="bx bx-palette"></i>
                                <span>UI preferences</span>
                                <i class="bx bx-chevron-right ms-auto"></i>
                            </button>
                            <a href="{{ route('admin.dashboard') }}" class="chm-profile-quick-link">
                                <i class="bx bx-home-circle"></i>
                                <span>Back to dashboard</span>
                                <i class="bx bx-chevron-right ms-auto"></i>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="card mt-4">
                    <div class="card-body">
                        <h6 class="mb-3"><i class="bx bx-info-circle me-1"></i> Account summary</h6>
                        <ul class="chm-profile-meta-list">
                            <li>
                                <span>User ID</span>
                                <strong>#{{ $profileData->id }}</strong>
                            </li>
                            <li>
                                <span>Member since</span>
                                <strong>{{ $profileData->created_at?->format('M j, Y') ?? '—' }}</strong>
                            </li>
                            <li>
                                <span>Last updated</span>
                                <strong>{{ $profileData->updated_at?->diffForHumans() ?? '—' }}</strong>
                            </li>
                            <li>
                                <span>Email verified</span>
                                <strong>{{ $profileData->email_verified_at ? $profileData->email_verified_at->format('M j, Y') : 'Not verified' }}</strong>
                            </li>
                            <li>
                                <span>System role</span>
                                <strong>{{ $roleLabel }}</strong>
                            </li>
                            <li>
                                <span>Activity rank</span>
                                <strong>#{{ $insights['activity']['rank'] }} / {{ $insights['activity']['total_peers'] }}</strong>
                            </li>
                            <li>
                                <span>Last seen</span>
                                <strong>{{ $insights['activity']['last_seen_human'] }}</strong>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            {{-- Right column --}}
            <div class="col-lg-8">
                <form method="POST" action="{{ route('admin.profile.store') }}" enctype="multipart/form-data">
                    @csrf

                    <x-chm.form-section title="Personal information" description="Basic identity details visible across the ERP." icon="bx bx-id-card">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="name" class="form-label">Full name <span class="text-danger">*</span></label>
                                <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror"
                                       value="{{ old('name', $profileData->name) }}" required>
                                @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label for="username" class="form-label">Username</label>
                                <input type="text" name="username" id="username" class="form-control @error('username') is-invalid @enderror"
                                       value="{{ old('username', $profileData->username) }}">
                                @error('username')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label for="email" class="form-label">Email address</label>
                                <input type="email" id="email" class="form-control" value="{{ $profileData->email }}" readonly>
                                <div class="form-text">Contact an administrator to change your login email.</div>
                            </div>
                            <div class="col-md-6">
                                <label for="phone" class="form-label">Phone</label>
                                <input type="text" name="phone" id="phone" class="form-control @error('phone') is-invalid @enderror"
                                       value="{{ old('phone', $profileData->phone) }}" placeholder="+256 ...">
                                @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12">
                                <label for="address" class="form-label">Address</label>
                                <textarea name="address" id="address" rows="2" class="form-control @error('address') is-invalid @enderror"
                                          placeholder="Office location or mailing address">{{ old('address', $profileData->address) }}</textarea>
                                @error('address')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                        </div>
                    </x-chm.form-section>

                    <x-chm.form-section title="Profile photo" description="Upload a clear headshot for menus, chat, and activity views." icon="bx bx-camera" class="mt-4">
                        <div class="row g-3 align-items-center">
                            <div class="col-md-4 text-center">
                                <img id="showImagePreview" src="{{ $photoUrl }}" alt="Preview" class="chm-profile-preview-img">
                            </div>
                            <div class="col-md-8">
                                <label for="photo" class="form-label">Choose new photo</label>
                                <input type="file" name="photo" id="photo" class="form-control @error('photo') is-invalid @enderror" accept="image/*">
                                @error('photo')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                                <div class="form-text">JPG or PNG, max 2 MB. Leave empty to keep your current photo.</div>
                            </div>
                        </div>
                    </x-chm.form-section>

                    <x-chm.form-section title="Roles & access" description="Roles and permission groups assigned to your account." icon="bx bx-shield" class="mt-4" :collapsible="true" :open="true">
                        <div class="mb-3">
                            <label class="form-label text-muted small mb-2">Spatie roles</label>
                            <div class="d-flex flex-wrap gap-2">
                                @forelse($profileData->roles as $role)
                                    <span class="badge bg-primary-subtle text-primary border">{{ $role->name }}</span>
                                @empty
                                    <span class="text-muted small">No additional roles assigned.</span>
                                @endforelse
                            </div>
                        </div>
                        @if($permissionGroups->isNotEmpty())
                            <label class="form-label text-muted small mb-2">Permission groups ({{ $stats['permissions'] }} total)</label>
                            <div class="row g-2">
                                @foreach($permissionGroups->take(12) as $group => $count)
                                    <div class="col-sm-6 col-lg-4">
                                        <div class="chm-profile-perm-chip">
                                            <span class="text-truncate">{{ $group ?: 'General' }}</span>
                                            <span class="badge bg-secondary">{{ $count }}</span>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            @if($permissionGroups->count() > 12)
                                <p class="text-muted small mt-2 mb-0">+ {{ $permissionGroups->count() - 12 }} more groups</p>
                            @endif
                        @endif
                    </x-chm.form-section>

                    <x-chm.form-section title="Workspace preferences" description="Your saved interface theme and layout settings." icon="bx bx-palette" class="mt-4" :collapsible="true" :open="false">
                        <ul class="chm-profile-meta-list mb-3">
                            <li><span>Theme mode</span><strong>{{ ucfirst($themePref) }}</strong></li>
                            <li><span>Color palette</span><strong>{{ $palettePref }}</strong></li>
                            <li><span>Density</span><strong>{{ $densityPref }}</strong></li>
                        </ul>
                        <button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="offcanvas" data-bs-target="#chmPreferencesPanel">
                            <i class="bx bx-slider"></i> Open preferences panel
                        </button>
                    </x-chm.form-section>

                    <x-chm.form-section title="Recent notifications" description="Latest alerts sent to your account." icon="bx bx-bell" class="mt-4" :collapsible="true" :open="false">
                        @forelse($recentNotifications as $notification)
                            <div class="chm-profile-notif-item">
                                <div class="chm-profile-notif-icon">
                                    <i class="bx bx-info-circle"></i>
                                </div>
                                <div class="flex-grow-1 min-w-0">
                                    <p class="mb-0 small">{{ $notification->data['message'] ?? class_basename($notification->type) }}</p>
                                    <time class="text-muted small">{{ $notification->created_at?->diffForHumans() }}</time>
                                </div>
                                @if(is_null($notification->read_at))
                                    <span class="badge bg-danger">New</span>
                                @endif
                            </div>
                        @empty
                            <p class="text-muted small mb-0">No notifications yet.</p>
                        @endforelse
                    </x-chm.form-section>

                    <div class="d-flex flex-wrap gap-2 mt-4">
                        <x-chm.button type="submit" variant="primary" icon="bx bx-save">Save profile</x-chm.button>
                        <x-chm.button variant="outline-secondary" :href="route('admin.dashboard')">Cancel</x-chm.button>
                    </div>
                </form>
            </div>
        </div>
    </x-chm.layout.page>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    var input = document.getElementById('photo');
    if (input) {
        input.addEventListener('change', function (event) {
            var file = event.target.files && event.target.files[0];
            if (!file) return;

            var reader = new FileReader();
            reader.onload = function (e) {
                ['showImage', 'showImagePreview'].forEach(function (id) {
                    var img = document.getElementById(id);
                    if (img) img.src = e.target.result;
                });
            };
            reader.readAsDataURL(file);
        });
    }

    function renderNavList(containerId, items, emptyText) {
        var container = document.getElementById(containerId);
        if (!container) return;

        if (!items.length) {
            container.innerHTML = '<span class="text-muted small">' + emptyText + '</span>';
            return;
        }

        container.innerHTML = items.map(function (item) {
            var when = item.visitedAt || item.addedAt;
            var timeLabel = when ? new Date(when).toLocaleDateString() : '';
            return '<a href="' + item.url + '" class="chm-profile-nav-item">' +
                '<span class="text-truncate">' + item.title + '</span>' +
                (timeLabel ? '<small class="text-muted">' + timeLabel + '</small>' : '') +
                '</a>';
        }).join('');
    }

    renderNavList(
        'chmProfileRecentPages',
        window.ChmNav && window.ChmNav.getRecent ? window.ChmNav.getRecent() : [],
        'Visit a few modules to build your recent list.'
    );

    renderNavList(
        'chmProfileFavorites',
        window.ChmFavorites && window.ChmFavorites.read ? window.ChmFavorites.read() : [],
        'Pin pages from the top bar star icon.'
    );
});
</script>
@endpush

@endsection
>>>>>>> origin/main