<template>
  <div>
    <q-toolbar class="bg-grey-3">
      <q-breadcrumbs>
        <q-breadcrumbs-el icon="home" to="/" />
        <q-breadcrumbs-el :label="$t('search')" />
      </q-breadcrumbs>
    </q-toolbar>
    <q-page class="q-pa-md">
      <div class="text-h5 q-mb-md">
        {{ $t('search') }}
      </div>
      <div class="row q-col-gutter-lg q-mb-lg">
        <div class="col-6 col-sm-6 col-xs-12">
          <q-list separator>
            <q-item>
              <q-item-section>
                <q-item-label
                  ><router-link to="/search/variables">{{ $t('variables_search') }}</router-link></q-item-label
                >
                <q-item-label caption lines="2">{{ $t('variables_search_caption') }}</q-item-label>
              </q-item-section>
            </q-item>
            <q-item>
              <q-item-section>
                <q-item-label
                  ><router-link to="/search/entity">{{ $t('entity_search') }}</router-link></q-item-label
                >
                <q-item-label caption lines="2">{{ $t('entity_search_caption') }}</q-item-label>
              </q-item-section>
            </q-item>
          </q-list>
        </div>
        <div class="col-6 col-sm-6 col-xs-12"></div>
      </div>
    </q-page>
  </div>
</template>

<script setup lang="ts"></script>
