<template>
  <div class="restaurant-admin-page">
    <Banner :back="backLink" :static-data="{ title: $_tr('title') }">
      <template #footer>
        <BaseText class="admin-orders-subtitle">
          {{ $_tr('subtitle') }}
        </BaseText>
      </template>
    </Banner>

    <TemplateContainer>
      <AdminOrdersListing />
    </TemplateContainer>
  </div>
</template>

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

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

import AdminOrdersListing from '../../components/restaurants/AdminOrdersListing'

export default {
  name: 'RestaurantAdminPage',
  $_i18nRootPath: 'customs.RESTAURANTS.ADMIN_ORDERS',
  components: {
    BaseText,
    Banner,
    TemplateContainer,
    AdminOrdersListing
  },
  computed: {
    backLink() {
      return {
        title: this.$_tr('back'),
        href: { name: 'RestaurantsPage' }
      }
    }
  }
}
</script>

<style lang="scss">
.restaurant-admin-page {
  .admin-orders-subtitle {
    text-align: center;
  }
}
</style>
