<template>
  <ItemBool label="Статус" v-model="settings.items.app.app_enabled">
    Если выключено, покупатели в Telegram увидят сообщение, что магазин временно закрыт.
    Заказы и просмотр товаров будут недоступны.
  </ItemBool>

  <ItemInput label="Название приложения"
             v-model="settings.items.app.app_name"
             placeholder="Без названия"
  >
    Отображается в заголовке Telegram Mini App при запуске, а также используется как подпись
    под иконкой, если пользователь добавит приложение на главный экран своего устройства.
    Рекомендуется короткое и понятное название (до 20 символов).
    Если оставить пустым, то название выводиться не будет.
  </ItemInput>

  <ItemImage label="Иконка приложения" v-model="settings.items.app.app_icon">
    Изображение, которое будет отображаться в Telegram Mini App.
  </ItemImage>

  <ItemInput label="Политика конфиденциальности"
             v-model="settings.items.app.privacy_policy_link"
             placeholder="https://your-site/privacy-polisy"
  >
    Укажите ссылку на страницу с вашей Политикой конфиденциальности.
    Она будет показываться пользователям для получения согласия на обработку персональных данных.
    Вы сможете видеть, кто согласился, на странице с
    <RouterLink to="/customers">Telegram покупателями</RouterLink>
    .
  </ItemInput>

  <ItemSelect label="Светлая тема" v-model="settings.items.app.theme_light" :items="themes">
    Выберите стиль, который будет использоваться при отображении вашего магазина
    в Telegram для дневного режима.
    <a href="https://daisyui.com/docs/themes/#list-of-themes" target="_blank">
      Посмотреть как выглядят темы
    </a>
  </ItemSelect>

  <ItemSelect label="Тёмная тема" v-model="settings.items.app.theme_dark" :items="themes">
    Выберите стиль, который будет использоваться при отображении вашего магазина
    в Telegram для ночного режима.
    <a href="https://daisyui.com/docs/themes/#list-of-themes" target="_blank">
      Посмотреть как выглядят темы
    </a>
  </ItemSelect>

  <ItemBool label="Режим разработчика" v-model="settings.items.app.app_debug">
    Режим разработчика. Рекомендуется включать только по необходимости.
    В остальных случаях, для нормальной работы магазина, должен быть выключен.
  </ItemBool>
</template>

<script setup>
import {useSettingsStore} from "@/stores/settings.js";
import ItemBool from "@/components/Settings/ItemBool.vue";
import ItemImage from "@/components/Settings/ItemImage.vue";
import ItemSelect from "@/components/Settings/ItemSelect.vue";
import ItemInput from "@/components/Settings/ItemInput.vue";

const settings = useSettingsStore();
const themes = JSON.parse(window.TeleCart.themes);
</script>

<style scoped>

</style>
