{#if activeTab === 'friends'}
Your Friends
{#if friends.length === 0}
No friends yet. Use the "Find Friends" tab to search for people!
{:else}
{#each friends as friend (friend.id)}
{friend.friendUsername.charAt(0).toUpperCase()}
{friend.friendUsername}
Friend
{/each}
{/if}
{#if activeTab === 'requests'}
Friend Requests ({receivedRequests.length})
{#if receivedRequests.length === 0}
No pending friend requests
{:else}
{#each receivedRequests as request (request.id)}
{request.friendUsername.charAt(0).toUpperCase()}
{request.friendUsername}
Pending
{/each}
{#if sentRequests.length > 0}
Sent Requests ({sentRequests.length})
{#each sentRequests as request (request.id)}
{request.friendUsername.charAt(0).toUpperCase()}
{request.friendUsername}
Sent
{/each}
{/if}
{/if}
{#if activeTab === 'search'}
Find Friends
{#if isSearching}
Searching...
{:else if searchQuery.trim().length >= 2}
{#if searchResults.length === 0}
No users found matching "{searchQuery}"
{:else}
{#each searchResults as user (user.id)}
{user.username.charAt(0).toUpperCase()}
{user.username}
{#if user.friendshipStatus === 'accepted'}
Friend
{:else if user.friendshipStatus === 'pending'}
Request Sent
{:else if user.friendshipStatus === 'blocked'}
Blocked
{/if}
{#if user.friendshipStatus === 'none'}
{/if}
{/each}
{/if}
{:else if searchQuery.trim().length > 0}
Please enter at least 2 characters to search
{/if}
{/if}