<template>
  <q-layout view="lHh Lpr lFf" class="landing">
    <q-header elevated class="bg-white q-py-md">
      <q-toolbar>
        <q-avatar>
          <img src="bres.png">
        </q-avatar>
        <q-toolbar-title class="text-pcolor1 text-h4 text-weight-bolder">Bordro Eşleştirme</q-toolbar-title>

        <img
          class="gt-sm"
          src="notitek.png" width="200px"/>
      </q-toolbar>
    </q-header>

    <q-page-container>
      <router-view/>
    </q-page-container>

    <q-footer elevated class="bg-white">
      <q-toolbar class="q-py-sm">
        <!--
        <q-avatar size="32px">
          <img src="/logo/ombl_medal_2.png"/>
        </q-avatar>
        -->
        <a class="text-body2 pcolor1link" href="https://notitek.com.tr">Notitek</a>

        <q-space/>

        <q-toolbar-title shrink class="text-pcolor1">
            <span class="text-caption">{{ $VERSION.version }}
              <span style="font-size:0.5rem;">
              {{ $VERSION.build }}
              </span>
            </span>
        </q-toolbar-title>

      </q-toolbar>
    </q-footer>
  </q-layout>
</template>

<script setup>
import { $VERSION } from 'boot/version'
</script>
