<template>
  <DarkLayout>
    <template v-slot:header>
      <router-link :to="{name: 'Get', params: {domain_init: core_domain, zone: zone}}">
        <button class="b darkish back">
          <img src="@/assets/icons/ton_left.svg" alt="TON"/>
          Back
        </button>
      </router-link>
    </template>
    <!-- todo: button to go back + this whole view -->
    <DomainBar :value="core_domain" :zone="'.' + zone" :has_button="false" :editable="false"/>
  </DarkLayout>
</template>

<script>
import DarkLayout from "../components/DarkLayout.vue";
import DomainBar from "../components/DomainBar.vue";
export default {
  name: "Explore",
  components: {DomainBar, DarkLayout},
  props: {
    domain: {
      type: String,
    }
  },
  computed: {
    core_domain() {
      return this.domain.split('.')[0];
    },
    zone() {
      return this.domain.split('.').slice(1).join('.');
    }
  }
}
</script>

<style scoped>

</style>