<template>
  <div class="members-page">
    <h1>Наша команда</h1>
    
    <div class="members-search">
      <input 
        v-model="searchQuery"
        placeholder="Поиск по имени..."
        type="text"
      >
      <select v-model="selectedCategory">
        <option value="all">Все категории</option>
        <option value="beginner">Начинающие</option>
        <option value="advanced">Продвинутые</option>
        <option value="professional">Профессионалы</option>
      </select>
    </div>
    
    <div class="members-grid">
      <MemberCard 
        v-for="member in filteredMembers"
        :key="member.id"
        :member="member"
      />
    </div>
    
    <MemberStats :statistics="clubStatistics" />
  </div>
</template>