<template>
  <div v-if="hasRHRole" class="jobs-rh-cta-container mb-3xl">
    <Link
      :href="{
        name: 'ArchivedJobsPage'
      }"
      :inline="false"
    >
      <Button appearance="primary">
        {{ $_tr('title') }}
      </Button>
    </Link>
  </div>
</template>

<script>
import { Button, Link } from 'inside-collection/components'

export default {
  name: 'JobsRHCTA',
  $_i18nRootPath: 'customs.JOBS.RH',
  components: { Button, Link },
  computed: {
    hasRHRole() {
      return this.getUserInfos.permissions.add.includes('jobs')
    }
  }
}
</script>
