<script setup>
const servers = [
  {
    name: "泰国",
    ip: "43.133.103.128",
    domain: "https://ag-th.jiagutech.com",
    userpass: "13951707395 / w12345678",
    config: "main-th",
    app: "",
    containerized: "否",
    server: "2台8G",
    sync: "是",
    deployTime: "23.04",
    services: "user, drone, oper, tftz, route, udp, canal, sms, framework"
  },
  {
    name: "印度1",
    ip: "—",
    domain: "http://ag.xagrotortek.com",
    userpass: "1234512345 / Magicmoment19",
    config: "india",
    app: "india",
    containerized: "是",
    server: "1台",
    sync: "否",
    deployTime: "23.07",
    services: "user, drone, oper, sms, encrypt, udp, framework"
  },
  {
    name: "印度2",
    ip: "213.210.37.43",
    domain: "http://syferocompanionpro.com",
    userpass: "admin@syfero.com / Syfero@641005# / zz:+91-13015475375 / w12345678",
    config: "india-second",
    app: "syfero",
    containerized: "是",
    server: "1台32G",
    sync: "否",
    deployTime: "24.06.03",
    services: "同上"
  },
  {
    name: "印度3",
    ip: "13.201.99.132",
    domain: "http://pixelrobotics.in",
    userpass: "1234512345 / w12345678 / zz:+91-13015475375 / w12345678",
    config: "india-third",
    app: "hyperindia",
    containerized: "是",
    server: "1台",
    sync: "否",
    deployTime: "24.06.12",
    services: "同上"
  },
  {
    name: "印度4",
    ip: "65.2.88.75",
    domain: "http://mgcs.marutdrones.com",
    userpass: "1234512345 / mgcs123456 / zz:13015475375@163.com / w12345678",
    config: "india-fourth",
    app: "marut",
    containerized: "是",
    server: "1台",
    sync: "否",
    deployTime: "24.06.26",
    services: "同上"
  },
  {
    name: "印度5",
    ip: "192.250.226.217",
    domain: "http://dgca.aipl.cloud",
    userpass: "1234512345 / AIPL2024 / zz:+91-13015475375 / w12345678",
    config: "india-fifth",
    app: "aipl",
    containerized: "是",
    server: "1台",
    sync: "否",
    deployTime: "24.06.28",
    services: "同上"
  },
  {
    name: "印度6",
    ip: "—",
    domain: "http://ec2-13-201-114-254.ap-south-1.compute.amazonaws.com",
    userpass: "1234512345 / asd123456 / zz:+86-13015475375 / asd123456",
    config: "india-sixth",
    app: "skylark",
    containerized: "是",
    server: "1台",
    sync: "否",
    deployTime: "25.03.24",
    services: "同上"
  },
  {
    name: "印度6-测试",
    ip: "—",
    domain: "http://ec2-3-7-78-25.ap-south-1.compute.amazonaws.com",
    userpass: "1234512345 / asd123456 / zz:+86-13015475375 / asd123456",
    config: "india-sixth-test",
    app: "skylark",
    containerized: "是",
    server: "1台",
    sync: "否",
    deployTime: "25.01.09",
    services: "同上"
  },
  {
    name: "印度7",
    ip: "195.35.21.57",
    domain: "http://astroxaerospace.in",
    userpass: "astrox.aerospace@gmail.com / Astrox@10 / zz:+86-13015475375 / asd123456",
    config: "india-seventh",
    app: "astrox",
    containerized: "是",
    server: "1台",
    sync: "否",
    deployTime: "25.01.09",
    services: "同上"
  },
  {
    name: "韩国1",
    ip: "115.68.110.53",
    domain: "http://ag-ko.jiagutech.com",
    userpass: "1035376315 / b12341234",
    config: "korea",
    app: "",
    containerized: "是",
    server: "1台32G",
    sync: "是",
    deployTime: "24.04.25",
    services: "user, drone, oper, tftz, route, canal, udp, sms, framework"
  },
  {
    name: "韩国2",
    ip: "221.143.40.104",
    domain: "http://ag.mirair.co.kr",
    userpass: "13951707395 / mirair12345678",
    config: "korea-second",
    app: "",
    containerized: "是",
    server: "1台16G",
    sync: "是",
    deployTime: "24.06.12",
    services: "同上"
  },
  {
    name: "韩国3",
    ip: "211.253.9.184",
    domain: "http://helselkorea.com",
    userpass: "1234512345 / asd123456",
    config: "korea-third",
    app: "",
    containerized: "是",
    server: "1台32G",
    sync: "是",
    deployTime: "24.08.27",
    services: "同上"
  },
  {
    name: "台湾1",
    ip: "4.145.84.141",
    domain: "http://utm.7adrones.com",
    userpass: "999999999 / pw123456",
    config: "taiwan",
    app: "",
    containerized: "是",
    server: "2台",
    sync: "是",
    deployTime: "24.05.11",
    services: "同上"
  }
];
</script>

<template>
  <div class="server-grid">
    <div v-for="server in servers" :key="server.name" class="server-card">
      <h3>{{ server.name }}</h3>
      <div><strong>IP:</strong> {{ server.ip }}</div>
      <div><strong>域名:</strong> <a :href="server.domain" target="_blank">{{ server.domain }}</a></div>
      <div><strong>账号:</strong> {{ server.userpass }}</div>
      <div><strong>配置:</strong> {{ server.config }}</div>
      <div><strong>App:</strong> {{ server.app || "—" }}</div>
      <div><strong>容器化:</strong> {{ server.containerized }}</div>
      <div><strong>服务器:</strong> {{ server.server }}</div>
      <div><strong>同步:</strong> {{ server.sync }}</div>
      <div><strong>部署时间:</strong> {{ server.deployTime }}</div>
      <div><strong>服务:</strong> {{ server.services }}</div>
    </div>
  </div>
</template>

<style scoped>
.server-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}
.server-card {
  border: 1px solid var(--vp-c-divider);
  border-radius: 8px;
  padding: 1rem;
  background-color: var(--vp-c-bg-soft);
  color: var(--vp-c-text-1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.server-card h3 {
  margin: 0 0 0.5rem;
  font-size: 1.1rem;
  color: var(--vp-c-brand-1);
}
.server-card a {
  color: var(--vp-c-brand-2);
  text-decoration: none;
}
.server-card a:hover {
  text-decoration: underline;
}
</style>
