<template>
  <ItemInput label="Текст в конце списка товаров" v-model="settings.items.texts.text_no_more_products">
    Текст, отображаемый в конце списка, когда больше нет доступных товаров.
    Покупатель дошел до конца списка.
  </ItemInput>

  <ItemInput label="Текст пустой корзины" v-model="settings.items.texts.text_empty_cart">
    Текст, отображаемый на странице просмотра корзины, если в ней нет товаров.
  </ItemInput>

  <ItemInput label="Текст для успешного заказа" v-model="settings.items.texts.text_order_created_success">
    Текст, отображаемый при успешном создании заказа.
  </ItemInput>

  <ItemInput label="Текст вместо нулевой цены" v-model="settings.items.texts.zero_price_text" placeholder="0.00р.">
    Текст, который будет выводиться вместо цены, в случае если цена = 0.
    Если текст отсутствует, то будет выводиться нулевая цена по умолчанию.
  </ItemInput>

  <ItemTextarea label="Приветственный текст" v-model="settings.items.texts.start_message" placeholder="Например, добро пожаловать в наш магазин.">
    Сообщение, которое выводится в приветственном сообщении покупателю (когда он
    запустит бота через `/start`). Можно использовать HTML разметку, которую
    <a href="https://core.telegram.org/bots/api#html-style" target="_blank">
      поддерживает Telegram <i class="fa fa-external-link"></i>
    </a>. Можно использовать <a href="https://getemoji.com/" target="_blank">
    эмодзи <i class="fa fa-external-link"></i>
  </a>.
  </ItemTextarea>

  <ItemInput label="Текст кнопки приветственного сообщения" v-model="settings.items.texts.start_button.text">
    Текст на кнопке приветственного сообщения, которая открывает магазин.
  </ItemInput>

  <ItemInput label="Текст кнопки связи с менеджером" v-model="settings.items.texts.text_manager_button" placeholder="Связаться с менеджером">
    Текст на кнопке для связи с менеджером на странице товара. Используется только при выборе режима "Кнопка связи с менеджером" в настройках витрины.
  </ItemInput>
</template>

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

const settings = useSettingsStore();
</script>
