<template>
  <q-card>
    <q-card-section class='row items-center'>
      <q-btn
        padding="xs"
        class="text-grey-7 q-mr-md"
        color="grey-3"
        icon="arrow_back"
        @click="$router.go(-1)"
      />
      <q-skeleton v-if="loading" type="text" />
      <p class="text-h5" v-else style="margin: 0">Шаблон id {{ template.id }}</p>
    </q-card-section>
    <q-card-section>
      <p>Название сообщения:</p>
      <q-skeleton type="text" v-if="loading" />
      <blockquote v-else>{{ template.name }}</blockquote>
    </q-card-section>
    <q-card-section>
      <p>Тело сообщения:</p>
      <q-skeleton type="text" v-if="loading" />
      <blockquote v-else>{{ template.body }}</blockquote>
    </q-card-section>
<!--    <q-card-actions>Кнопки для работы с шаблоном</q-card-actions>-->
  </q-card>
</template>

<script src="./index.js"></script>
