<script setup>
import NumberPlateScannersPagination from "@/components/displays/pagination/models/SuperUserDashboard/NumberPlateScannersPagination.vue";
import PageTitle from "@/components/global/PageTitle.vue";
import { showCreateNumberPlateScannerForm } from "@/components/forms/superUser/createNumberPlateScannerForm.vue";
import {showCreateNumberPlateScanForm} from "@/components/forms/superUser/createNumberPlateScan.vue";
import { SessionUser } from "@/components/session/token/SessionUser.vue";
</script>

<template>
  <div>
    <PageTitle title="Nummerpladescannere" subtitle="Her kan du se en liste over alle nummerpladescannere i systemet">
      <template #buttons>
        <button class="button is-dark" @click="showCreateNumberPlateScannerForm">
          <span class="icon">
            <i class="fas fa-plus"></i>
          </span>
          <span>Opret ny nummerpladescanner</span>
        </button>
        <button class="ml-2 button is-warning" @click="showCreateNumberPlateScanForm" v-if="SessionUser.canAccessDeveloper()">
          <span class="icon">
            <i class="fas fa-bug"></i>
          </span>
          <span>Simuler scan</span>
        </button>
      </template>
    </PageTitle>
    <NumberPlateScannersPagination auto-load="true" />
  </div>
</template>

<style scoped>

</style>