{at("user_tab_subscription", {}, "Подписка")} {at("user_tab_activity", {}, "Активность")} {at("user_tab_logs", {}, "Логи")} {at("user_tab_actions", {}, "Действия")} {#if openedUserDetail.active_subscription}

{at("user_label_active_until", {}, "Активна до")}{fmtDate(openedUserDetail.active_subscription.end_date)}
{at("user_label_tariff", {}, "Тариф")}{subscriptionDisplayLabel(openedUserDetail.active_subscription)}
{at("user_label_auto_renew", {}, "Авто-продление")}{pretty(openedUserDetail.active_subscription.auto_renew_enabled)}
{at("user_label_provider", {}, "Провайдер")}{openedUserDetail.active_subscription.provider || "—"}
{at("user_label_hwid_devices", {}, "HWID-устройства")}{hwidLimitLabel(openedUserDetail.active_subscription)}

{#if openedUserDetail.active_subscription.premium_unlimited_override} {:else if Number(openedUserDetail.active_subscription.premium_limit_bytes || 0) > 0} {/if}

{:else}

{at("user_no_active_subscription", {}, "Активной подписки нет")}

{/if} {#if openedUserDetail?.trial}

{at("user_label_trial", {}, "Пробник / триал")}{trialSummaryText(openedUserDetail.trial)}
{at("user_label_trial_until", {}, "Триал до")}{fmtDate(openedUserDetail.trial.latest_end_date)}
{at("user_label_trial_count", {}, "Триалов")}{openedUserDetail.trial.count}
{at("user_label_trial_reset_at", {}, "Сброс триала")}{fmtDate(openedUserDetail.trial.last_reset_at)}

{/if} {#if (openedUserDetail.subscriptions || []).length}

{at( "user_history_title", { count: openedUserDetail.subscriptions.length }, `История подписок · ${openedUserDetail.subscriptions.length}` )}

{#each openedUserDetail.subscriptions.slice(0, 8) as sub}

{subscriptionDisplayLabel(sub)} {at( "user_history_until", { date: fmtDate(sub.end_date) }, `до ${fmtDate(sub.end_date)}` )}

{#if sub.is_active} {at("user_history_active", {}, "Активна")} {:else} {sub.status_from_panel || at("user_history_status_panel", {}, "История")} {/if}

{/each}

{/if}

{at( "user_recent_payments_title", { count: (openedUserDetail.recent_payments || []).length }, `Последние платежи · ${(openedUserDetail.recent_payments || []).length}` )}

{#if (openedUserDetail.recent_payments || []).length}

{#each openedUserDetail.recent_payments.slice(0, 8) as payment}

{fmtMoney(payment.amount, payment.currency)} {payment.provider} · {fmtDateShort(payment.created_at)}

{payment.status}

{/each}

{:else}

{at("user_no_payments", {}, "Платежей нет")}

{/if}

{at("user_logs_section_title", {}, "Логи пользователя")}

{at("total", {}, "Всего")} {userLogsTotal} usersStore.loadUserLogs(userLogsPage)} title={at("refresh", {}, "Обновить")} > {at("refresh", {}, "Обновить")}

{#if userLogsLoading} {:else if !userLogs.length} {at("logs_empty", {}, "Записей нет")} {:else} {at("date", {}, "Дата")} {at("event", {}, "Событие")} {at("content", {}, "Контент")} {#each userLogs as entry (entry.log_id)} {fmtDate(entry.timestamp)} {entry.event_type || "—"} {#if entry.is_admin_event} {at("user_logs_admin_event", {}, "Админ")} {/if} {#if entry.target_user_id && entry.target_user_id !== openedUser?.user_id} → {entry.target_user_id} {/if} {entry.content || ""} {/each} {/if} {#if userLogsLoaded && userLogsTotal > userLogsPageSize} usersStore.setUserLogsPage(page)} /> {/if}

{at("user_btn_reset_trial", {}, "Сбросить триал")} {at("user_label_extend", {}, "Продлить подписку")}

{at("user_btn_extend", {}, "Продлить")}

{#if Number(openedUserDetail?.active_subscription?.extra_hwid_devices || 0) > 0} {at( "user_extend_hwid_devices", { count: Number( openedUserDetail.active_subscription.extra_hwid_devices || 0 ), }, `Продлить также +${Number( openedUserDetail.active_subscription.extra_hwid_devices || 0 )} HWID-устройств` )} {at( "user_extend_hwid_devices_hint", {}, "Срок действующих докупок увеличится на те же дни." )} {/if}

{#if openedUserDetail?.active_subscription}

{at("user_premium_override_bonus", {}, "Доп. премиум-трафик, GB")} {at("user_premium_override_bonus_hint", {}, "")}

{#if openedUserDetail.active_subscription.premium_unlimited_override} {at("user_premium_override_status_unlimited", {}, "Сейчас: безлимит")} {:else if Number(openedUserDetail.active_subscription.premium_bonus_bytes || 0) > 0} {at( "user_premium_override_status_bonus", { gb: +( Number(openedUserDetail.active_subscription.premium_bonus_bytes) / 1024 ** 3 ).toFixed(2), }, `Премиум сейчас: +${+(Number(openedUserDetail.active_subscription.premium_bonus_bytes) / 1024 ** 3).toFixed(2)} GB` )} {:else} {at( "user_premium_override_status_none", {}, "Премиум-оверрайд не задан" )} {/if}

{at("user_regular_override_bonus", {}, "Доп. основной трафик, GB")} {at("user_regular_override_bonus_hint", {}, "")}

{#if openedUserDetail.active_subscription.regular_unlimited_override} {at("user_regular_override_status_unlimited", {}, "Сейчас: безлимит")} {:else if Number(openedUserDetail.active_subscription.regular_bonus_bytes || 0) > 0} {at( "user_regular_override_status_bonus", { gb: +( Number(openedUserDetail.active_subscription.regular_bonus_bytes) / 1024 ** 3 ).toFixed(2), }, `Основной сейчас: +${+(Number(openedUserDetail.active_subscription.regular_bonus_bytes) / 1024 ** 3).toFixed(2)} GB` )} {:else} {at( "user_regular_override_status_none", {}, "Бонус основного трафика не задан" )} {/if}

{at("user_hwid_limit_input", {}, "Лимит устройств")} {at( "user_hwid_limit_input_hint", {}, "Пусто — тариф/default; 0 или галочка — безлимит." )}

{at( "user_hwid_limit_status", { current: hwidLimitLabel(openedUserDetail.active_subscription) }, `Сейчас: ${hwidLimitLabel(openedUserDetail.active_subscription)}` )}

{at("user_traffic_grant_kind", {}, "Тип трафика")} usersStore.updateState({ grantTrafficKindDraft: v })} ariaLabel={at("user_traffic_grant_kind", {}, "Тип трафика")} /> {at("user_traffic_grant_gb", {}, "ГБ к выдаче")}

{at("user_traffic_grant_submit", {}, "Выдать")}

{/if} {at("user_label_telegram_msg", {}, "Сообщение в Telegram")} {at( "user_hint_telegram_msg", {}, "Поддерживается HTML-разметка Telegram" )}

</Label.Root>
              <div class="admin-message-actions">
                <AdminButton
                  onclick={usersStore.previewUserMessage}
                  disabled={userActionBusy || !userMessageDraft.trim()}
                >
                  <Eye size={14} />
                  {at("btn_preview_tg", {}, "Превью в Telegram")}
                </AdminButton>
                <AdminButton
                  variant="primary"
                  onclick={usersStore.requestSendUserMessage}
                  disabled={userActionBusy || !userMessageDraft.trim()}
                >
                  <Send size={14} />
                  {at("btn_send_msg", {}, "Отправить сообщение")}
                </AdminButton>
              </div>

<section class="admin-danger-zone">
                <header class="admin-danger-zone-head">
                  <strong>{at("user_danger_zone_title", {}, "Опасные действия")}</strong>
                  <small
                    >{at(
                      "user_danger_zone_subtitle",
                      {},
                      "Эти действия требуют подтверждения и (для удаления) необратимы"
                    )}</small
                  >
                </header>
                <div class="admin-action-grid">
                  {#if openedUser.is_banned}
                    <AdminButton
                      variant="dangerSoft"
                      onclick={usersStore.requestBanToggle}
                      disabled={userActionBusy}
                    >
                      <UserPlus size={14} />
                      {at("btn_unban", {}, "Разбанить пользователя")}
                    </AdminButton>
                  {:else}
                    <AdminButton
                      variant="danger"
                      onclick={usersStore.requestBanToggle}
                      disabled={userActionBusy}
                    >
                      <UserMinus size={14} />
                      {at("btn_ban", {}, "Заблокировать")}
                    </AdminButton>
                  {/if}
                  <AdminButton
                    variant="danger"
                    onclick={() => usersStore.updateState({ userDeleteOpen: true })}
                    disabled={userActionBusy}
                  >
                    <Trash2 size={14} />
                    {at("btn_delete_account", {}, "Удалить аккаунт")}
                  </AdminButton>
                </div>
              </section>
            </Tabs.Content>
          </Tabs.Root>
        </main>
      </div>
    {/if}
  {/if}
</Dialog>

<Dialog
  open={userReferralsOpen}
  title={at("user_invitees_title", {}, "Приглашённые пользователи")}
  description={openedUser
    ? at(
        "user_invitees_description",
        { name: userDisplayName(openedUser), count: userReferralsTotal },
        `${userDisplayName(openedUser)} · ${userReferralsTotal}`
      )
    : ""}
  closeLabel={at("close", {}, "Закрыть")}
  onclose={usersStore.closeUserReferrals}
  class="admin-dialog admin-user-referrals-dialog"
>
  <div class="admin-user-referrals-body">
    {#if userReferralsLoading}
      <AdminTableSkeleton
        headers={[
          at("user_col_user", {}, "Пользователь"),
          "ID",
          at("user_label_registration", {}, "Регистрация"),
          "",
        ]}
        rows={5}
        widths={["42%", "18%", "26%", "14%"]}
      />
    {:else if !userReferrals.length}
      <AdminEmptyState tone="card">
        <span class="admin-muted"
          >{at("user_invitees_empty", {}, "Пользователь пока никого не пригласил")}</span
        >
      </AdminEmptyState>
    {:else}
      <ScrollArea class="admin-user-referrals-table-wrap" maxHeight="min(55vh, 460px)">
        <AdminTable class="admin-user-referrals-table">
          <thead>
            <tr>
              <th>{at("user_col_user", {}, "Пользователь")}</th>
              <th>ID</th>
              <th>{at("user_label_registration", {}, "Регистрация")}</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            {#each userReferrals as invitee (invitee.user_id)}
              <tr>
                <td data-label={at("user_col_user", {}, "Пользователь")}>
                  <span class="admin-referral-user-cell">
                    <strong>{userDisplayName(invitee)}</strong>
                    <small>{userSecondaryName(invitee)}</small>
                  </span>
                </td>
                <td class="admin-cell-mono" data-label="ID">{invitee.user_id}</td>
                <td data-label={at("user_label_registration", {}, "Регистрация")}>
                  {fmtDateShort(invitee.registration_date)}
                </td>
                <td class="admin-referral-user-actions">
                  <AdminButton
                    size="icon"
                    variant="icon"
                    title={at("user_open_related", {}, "Открыть карточку")}
                    aria-label={at("user_open_related", {}, "Открыть карточку")}
                    onclick={() => openRelatedUser(invitee)}
                  >
                    <ExternalLink size={14} />
                  </AdminButton>
                </td>
              </tr>
            {/each}
          </tbody>
        </AdminTable>
      </ScrollArea>
    {/if}

{#if userReferralsTotal > userReferralsPageSize}
      <AdminPagination
        page={userReferralsPage}
        pageCount={userReferralsPageCount}
        total={userReferralsTotal}
        pageLabel={at("page_short", {}, "Стр.")}
        ofLabel={at("pagination_of", {}, "из")}
        totalLabel={at("total", {}, "Всего")}
        jumpLabel={at("page_short", {}, "Стр.")}
        jumpAriaLabel={at("pagination_jump_aria", {}, "Перейти к странице")}
        goLabel={at("pagination_go", {}, "Перейти")}
        prevLabel={at("prev_page", {}, "Назад")}
        nextLabel={at("next_page", {}, "Вперёд")}
        disabled={userReferralsLoading}
        onPageChange={(page) => usersStore.setUserReferralsPage(page)}
      />
    {/if}
  </div>
</Dialog>

<Dialog
  open={avatarPreviewOpen}
  title={avatarPreviewName || at("user_avatar_title", {}, "Аватар")}
  closeLabel={at("close", {}, "Закрыть")}
  onclose={closeAvatarPreview}
  class="admin-dialog admin-avatar-dialog"
>
  {#if avatarPreviewUrl}
    <div class="admin-avatar-preview">
      <img
        src={avatarPreviewUrl}
        alt={avatarPreviewName}
        loading="eager"
        referrerpolicy="no-referrer"
      />
    </div>
  {/if}
</Dialog>

<Dialog
  open={userMessageConfirmOpen}
  title={at("user_msg_confirm_title", {}, "Отправить сообщение пользователю?")}
  description={openedUser
    ? at(
        "user_msg_confirm_recipient",
        { name: userDisplayName(openedUser) },
        `Получатель: ${userDisplayName(openedUser)}`
      )
    : ""}
  closeLabel={at("close", {}, "Закрыть")}
  onclose={() => usersStore.updateState({ userMessageConfirmOpen: false })}
  class="admin-dialog"
>
  <ScrollArea class="admin-confirm-message-preview" maxHeight="min(280px, 45vh)">
    {userMessageDraft}
  </ScrollArea>
  <div class="admin-dialog-actions">
    <AdminButton onclick={() => usersStore.updateState({ userMessageConfirmOpen: false })}
      >{at("btn_cancel", {}, "Отмена")}</AdminButton
    >
    <AdminButton
      variant="primary"
      onclick={usersStore.sendUserMessage}
      disabled={userActionBusy || !userMessageDraft.trim()}
    >
      <Send size={14} />
      {at("btn_confirm_send", {}, "Подтвердить отправку")}
    </AdminButton>
  </div>
</Dialog>

<Dialog
  open={userBanConfirmOpen}
  title={at("user_ban_confirm_title", {}, "Заблокировать пользователя?")}
  description={openedUser
    ? at(
        "user_ban_confirm_subtitle",
        { name: userDisplayName(openedUser) },
        `${userDisplayName(openedUser)} больше не сможет взаимодействовать с ботом. Действие можно отменить позже.`
      )
    : ""}
  closeLabel={at("close", {}, "Закрыть")}
  onclose={() => usersStore.updateState({ userBanConfirmOpen: false })}
  class="admin-dialog"
>
  <div class="admin-dialog-actions">
    <AdminButton onclick={() => usersStore.updateState({ userBanConfirmOpen: false })}
      >{at("btn_cancel", {}, "Отмена")}</AdminButton
    >
    <AdminButton
      variant="danger"
      onclick={() => usersStore.applyBanToggle(true)}
      disabled={userActionBusy}
    >
      <UserMinus size={14} />
      {at("btn_ban", {}, "Заблокировать")}
    </AdminButton>
  </div>
</Dialog>

<Dialog
  open={userDeleteOpen}
  title={at("user_delete_confirm_title", {}, "Удалить пользователя?")}
  description={at(
    "user_delete_confirm_subtitle",
    {},
    "Действие необратимо. Удалятся записи в БД бота и пользователь в Remnawave Panel."
  )}
  closeLabel={at("close", {}, "Закрыть")}
  onclose={() => usersStore.updateState({ userDeleteOpen: false })}
  class="admin-dialog"
>
  <div class="admin-form-row">
    <AdminButton onclick={() => usersStore.updateState({ userDeleteOpen: false })}
      >{at("btn_cancel", {}, "Отмена")}</AdminButton
    >
    <AdminButton variant="danger" onclick={usersStore.deleteUser} disabled={userActionBusy}>
      <Trash2 size={14} />
      {at("btn_confirm_delete", {}, "Подтвердить удаление")}
    </AdminButton>
  </div>
</Dialog>