<template>
  <section class="card host-sessions">
    <h2>Залогиненные пользователи</h2>
    <p class="muted">
      Текущие сессии на хосте (Linux: loginctl, Windows: qwinsta). Требуются учётные данные admin в настройках SAC.
    </p>
    <p v-if="error" class="error">{{ error }}</p>
    <template v-if="loaded">
      <p v-if="!sessions.length" class="muted">Активных сессий не найдено.</p>
      <table v-else>
        <thead>
          <tr>
            <th>Пользователь</th>
            <th>Session</th>
            <th>TTY / имя</th>
            <th>Состояние</th>
            <th>Действия</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="s in sessions" :key="s.session_id + s.user">
            <td>{{ s.user }}</td>
            <td><code>{{ s.session_id }}</code></td>
            <td>{{ s.tty || s.session_name || "—" }}</td>
            <td>{{ s.state || "—" }}</td>
            <td>
              <button
                type="button"
                class="secondary"
                :disabled="terminatingId === s.session_id"
                @click="terminate(s.session_id)"
              >
                {{ terminatingId === s.session_id ? "…" : "Завершить" }}
              </button>
            </td>
          </tr>
        </tbody>
      </table>
      <p v-if="message" :class="messageOk ? 'success' : 'error'">{{ message }}</p>
    </template>
    <button type="button" class="secondary" :disabled="loading" @click="load">
      {{ loading ? "Загрузка…" : loaded ? "Обновить" : "Показать пользователей" }}
    </button>
  </section>
</template>

<script setup lang="ts">
import { ref } from "vue";
import {
  fetchHostSessions,
  terminateHostSession,
  type HostSessionItem,
} from "../api";

const props = defineProps<{ hostId: number }>();

const loading = ref(false);
const loaded = ref(false);
const sessions = ref<HostSessionItem[]>([]);
const error = ref("");
const message = ref("");
const messageOk = ref(true);
const terminatingId = ref<string | null>(null);

async function load() {
  loading.value = true;
  error.value = "";
  message.value = "";
  try {
    const res = await fetchHostSessions(props.hostId);
    if (!res.ok) {
      error.value = res.message;
      sessions.value = [];
    } else {
      sessions.value = res.sessions;
      loaded.value = true;
    }
  } catch (e) {
    error.value = e instanceof Error ? e.message : "Ошибка загрузки сессий";
  } finally {
    loading.value = false;
  }
}

async function terminate(sessionId: string) {
  if (!window.confirm(`Завершить сессию ${sessionId}?`)) return;
  terminatingId.value = sessionId;
  message.value = "";
  try {
    const res = await terminateHostSession(props.hostId, sessionId);
    messageOk.value = res.ok;
    message.value = res.message;
    if (res.ok) {
      sessions.value = sessions.value.filter((s) => s.session_id !== sessionId);
    }
  } catch (e) {
    messageOk.value = false;
    message.value = e instanceof Error ? e.message : "Ошибка завершения сессии";
  } finally {
    terminatingId.value = null;
  }
}
</script>

<style scoped>
.host-sessions table {
  width: 100%;
  margin: 0.75rem 0;
}

.host-sessions {
  margin-top: 0;
}

.host-sessions button.secondary {
  margin-top: 0.5rem;
}
</style>
