<script setup>
import Navbar from "@/components/common/Navbar.vue";
import NavTab from "@/components/common/NavTab.vue";

const props = defineProps(["ctx"])
</script>

<template>
	<Navbar :content-name="ctx.domain.name" :parent-items="[['我的域名', '/ns/domains']]">
		<template #tabs>
			<NavTab :href="'/ns/domains/records?domainId=' + ctx.domain.id" value="record">
				<template #name>
					解析记录({{ ctx.domain.countRecords }})
				</template>
			</NavTab>
			<NavTab :href="'/ns/domains/update?domainId=' + ctx.domain.id" value="update" name="设置"></NavTab>
			<NavTab :href="'/ns/domains/healthCheck?domainId=' + ctx.domain.id" value="healthCheck">
				<template #name>
					健康检查<span class="small green" v-if="ctx.domain.enableHealthCheck">(启用)</span><span></span>
				</template>
			</NavTab>
		</template>
	</Navbar>
</template>

<style scoped>

</style>