From 7b7750a5af45eecff33af6d99de6273aa36bece0 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <ruslanbakiev@dsrptlab.com>
Date: Sat, 4 Apr 2026 10:22:35 +0700
Subject: [PATCH] Move manager tabs into hero

---
 app/components/ui/SectionSearchHero.vue |  2 ++
 app/pages/bonus-system/index.vue        | 38 +++++++++++++------------
 app/pages/clients/index.vue             | 36 ++++++++++++-----------
 3 files changed, 41 insertions(+), 35 deletions(-)

diff --git a/app/components/ui/SectionSearchHero.vue b/app/components/ui/SectionSearchHero.vue
index 6979b03..e3b0ba0 100644
--- a/app/components/ui/SectionSearchHero.vue
+++ b/app/components/ui/SectionSearchHero.vue
@@ -18,6 +18,8 @@ function updateValue(event: Event) {
   <div class="space-y-5">
     <h1 class="text-3xl font-extrabold text-[#0f2f20]">{{ props.title }}</h1>
 
+    <slot name="tabs" />
+
     <div class="flex flex-col gap-3 md:flex-row md:items-center">
       <label class="input input-bordered flex w-full flex-1 items-center gap-3 rounded-full bg-white">
         <svg
diff --git a/app/pages/bonus-system/index.vue b/app/pages/bonus-system/index.vue
index 011967b..58ab1a9 100644
--- a/app/pages/bonus-system/index.vue
+++ b/app/pages/bonus-system/index.vue
@@ -89,24 +89,26 @@ const filteredWithdrawals = computed(() => {
       v-model="search"
       title="Бонусы"
       :search-placeholder="activeTab === 'balances' ? 'Пользователь, email, компания или сумма' : 'Пользователь, сумма или статус'"
-    />
-
-    <div class="tabs tabs-boxed w-fit bg-white">
-      <button
-        class="tab"
-        :class="{ 'tab-active': activeTab === 'balances' }"
-        @click="setTab('balances')"
-      >
-        Балансы
-      </button>
-      <button
-        class="tab"
-        :class="{ 'tab-active': activeTab === 'withdrawals' }"
-        @click="setTab('withdrawals')"
-      >
-        Заявки на выплату
-      </button>
-    </div>
+    >
+      <template #tabs>
+        <div class="tabs tabs-boxed w-fit bg-white">
+          <button
+            class="tab"
+            :class="{ 'tab-active': activeTab === 'balances' }"
+            @click="setTab('balances')"
+          >
+            Балансы
+          </button>
+          <button
+            class="tab"
+            :class="{ 'tab-active': activeTab === 'withdrawals' }"
+            @click="setTab('withdrawals')"
+          >
+            Заявки на выплату
+          </button>
+        </div>
+      </template>
+    </UiSectionSearchHero>
 
     <template v-if="activeTab === 'balances'">
       <div v-if="balancesQuery.loading.value" class="manager-empty-state">
diff --git a/app/pages/clients/index.vue b/app/pages/clients/index.vue
index ab57345..794df08 100644
--- a/app/pages/clients/index.vue
+++ b/app/pages/clients/index.vue
@@ -113,6 +113,25 @@ function userInitials(fullName: string) {
       title="Пользователи"
       :search-placeholder="activeTab === 'users' ? 'Имя пользователя' : 'Компания, контакт, email или ИНН'"
     >
+      <template #tabs>
+        <div class="tabs tabs-boxed w-fit bg-white">
+          <button
+            class="tab"
+            :class="{ 'tab-active': activeTab === 'users' }"
+            @click="setTab('users')"
+          >
+            Пользователи
+          </button>
+          <button
+            class="tab"
+            :class="{ 'tab-active': activeTab === 'requests' }"
+            @click="setTab('requests')"
+          >
+            Заявки
+          </button>
+        </div>
+      </template>
+
       <template #controls>
         <NuxtLink to="/clients/invite" class="btn btn-primary border-0">
           Пригласить
@@ -120,23 +139,6 @@ function userInitials(fullName: string) {
       </template>
     </UiSectionSearchHero>
 
-    <div class="tabs tabs-boxed w-fit bg-white">
-      <button
-        class="tab"
-        :class="{ 'tab-active': activeTab === 'users' }"
-        @click="setTab('users')"
-      >
-        Пользователи
-      </button>
-      <button
-        class="tab"
-        :class="{ 'tab-active': activeTab === 'requests' }"
-        @click="setTab('requests')"
-      >
-        Заявки
-      </button>
-    </div>
-
     <template v-if="activeTab === 'users'">
       <div v-if="usersQuery.loading.value" class="manager-empty-state">
         Загружаем пользователей...