<template>
  <Page :fetched-data="fetchedData">
    <template #extra-fields>
      <section class="main-section">
        <Title tag="h4">
          {{ $_tr('spaces.title') }}
        </Title>

        <InputText
          :label="$_tr('spaces.newcomers.label')"
          :default-value="fetchedData.general.newcomers"
          :form-id="formId"
          model-name="newcomers"
          class="input-advanced-settings"
        />

        <InputText
          :label="$_tr('spaces.tools.label')"
          :default-value="fetchedData.general.tools"
          :form-id="formId"
          model-name="tools"
          class="input-advanced-settings"
        />

        <InputText
          :label="$_tr('spaces.video.label')"
          :default-value="fetchedData.general.video"
          :form-id="formId"
          model-name="video"
          class="input-advanced-settings"
        />

        <InputText
          :label="$_tr('spaces.jobs.label')"
          :default-value="fetchedData.general.jobs"
          :form-id="formId"
          model-name="jobs"
          class="input-advanced-settings"
        />
      </section>
    </template>
  </Page>
</template>

<script>
import { Title } from 'inside-collection/atoms'

import Page from '@inside-administration/components/pages/advanced-settings/AdminAdvancedSettingsIdentityPage'

import InputText from '@inside-forms/displays/sub-components/fields/InputText'

export default {
  name: 'AdminAdvancedSettingsIdentityPage',
  $_i18nRootPath:
    'administration.PAGES.ADVANCED_SETTINGS.adminAdvancedSettingsIdentityPage',
  components: {
    Title,
    Page,
    InputText
  },
  props: {
    fetchedData: {
      type: Object
    }
  },
  data() {
    return {
      formId: 'advanced-settings-identity'
    }
  }
}
</script>
