<!-- Page de détails d'un sous-domaine -->
<template>
  <main>
    <LayoutContainer>
      <UiLoadingPanel v-if="pending" />
      <UiForm
          v-else
          :model="Subdomain"
          :entity="subdomain"
      >




      </UiForm>
    </LayoutContainer>






<!--      <v-card class="mb-5 mt-4">-->
<!--        <FormToolbar title="subdomain" icon="fa-at"/>-->

<!--        <v-container fluid class="container pa-6">-->
<!--          <v-row>-->
<!--            <v-col cols="12" sm="12">-->
<!--              <v-skeleton-loader-->
<!--                  v-if="fetchState.pending"-->
<!--                  type="text"-->
<!--              />-->
<!--              <div v-else>-->
<!--                <div>-->
<!--                  {{ $t('youRegisteredTheFollowingSubdomain')}} :-->
<!--                </div>-->

<!--                <div class="pa-8">-->
<!--                  <b>{{ entry.subdomain }}</b> <span class="grey&#45;&#45;text">.opentalent.fr</span>-->
<!--                </div>-->

<!--                <div>-->
<!--                  <div v-if="entry.active">-->
<!--                    <v-icon class="ot_green&#45;&#45;text icon small mr-2">-->
<!--                      fa-solid fa-check-->
<!--                    </v-icon>-->
<!--                    {{ $t('subdomainIsCurrentlyActive') }}-->
<!--                  </div>-->
<!--                  <div v-else>-->
<!--                    {{ $t('doYouWantToActivateThisSubdomain') }} ?-->
<!--                  </div>-->
<!--                </div>-->

<!--                <div class="mt-6 d-flex flex-row">-->
<!--                  <v-btn to="/parameters/communication" class="mr-12">{{ $t('back') }}</v-btn>-->
<!--                  <div v-if="!entry.active">-->
<!--                    <v-btn color="primary" @click="activateAndQuit(entry)">{{ $t('activate') }}</v-btn>-->
<!--                  </div>-->
<!--                </div>-->

<!--              </div>-->
<!--            </v-col>-->
<!--          </v-row>-->
<!--        </v-container>-->
<!--      </v-card>-->
<!--    </LayoutContainer>-->
  </main>
</template>

<script setup lang="ts">


import Parameters from "~/models/Organization/Parameters";
import {AsyncData} from "#app";
import Subdomain from "~/models/Organization/Subdomain";
import {useEntityFetch} from "~/composables/data/useEntityFetch";
import {useOrganizationProfileStore} from "~/stores/organizationProfile";

const { fetch } = useEntityFetch()
const organizationProfile = useOrganizationProfileStore()

const id = parseInt(route.value.params.id)


const { data: subdomain, pending } = fetch(Subdomain) as AsyncData<Parameters, Parameters | true>


</script>
