<template>
  <div>
    <Banner :add="['jobs']" page="jobs" />

    <TemplateContainer size="l">
      <JobsRHCTA />

      <JobsListing :request-filters="requestFilters" />
    </TemplateContainer>
  </div>
</template>

<script>
import Banner from '@inside-commons/components/lib/Banner'
import TemplateContainer from '@inside-commons/components/lib/TemplateContainer'

import JobsListing from '../../components/jobs/JobsListing'
import JobsRHCTA from '../../components/jobs/JobsRHCTA'

export default {
  name: 'JobsPage',
  components: {
    Banner,
    TemplateContainer,
    JobsListing,
    JobsRHCTA
  },
  data() {
    return {
      requestFilters: {
        'status:eq': 1,
        sort: 'published_at:desc',
        limit: 14
      }
    }
  }
}
</script>
