{strip}
<h3 class="h3">Вкладка <i class="fa fa-cog"></i> Основные</h3>
<div>
	<div class="mb-4">
		<h5>Шаг 1.</h5>
		<p class="fw-semibold">Статус: общий выключатель для всего модуля.</p>
		<img src="/admin/assets/telegram/status.jpg" alt="status" title="status" style="max-width: 100%;">
	</div>

	<div class="mb-4">
		<h5>Шаг 2.</h5>
		<p class="fw-semibold">Bot Ключ (токен): для работы модуля необходим токен каждого месседжера.</p>
	</div>

	<div class="mb-4">
		<a href="#help_bot_telegram" data-bs-toggle="collapse" class="btn btn-primary">Как получить Telegram Bot Ключ (токен)</a>
		<div class="collapse" id="help_bot_telegram">{include file="views/telegrams/help/help_bot_telegram.tpl"}</div>

{*		<a href="#help_bot_viber" data-bs-toggle="collapse" class="btn btn-primary ms-3">Как получить Viber Bot Ключ (токен)</a>*}
{*		<div class="collapse" id="help_bot_viber">{include file="views/telegrams/help/help_bot_viber.tpl"}</div>*}
	</div>

	<div class="mb-4">
		<h5>Шаг 3.</h5>
		<p>Полученный на предыдущем шаге токен введите в соответствующее поле.</p>
		<img src="/admin/assets/telegram/telegram_token.jpg" alt="telegram_token" title="telegram_token" style="max-width: 100%;">
{*		<img src="/admin/assets/telegram/viber_token.jpg" alt="viber_token" title="viber_token" style="max-width: 100%;">*}
	</div>

	<div class="mb-4">
		<h5>Другие настройки</h5>
        {* help_trim_messages *}
        {include file="views/telegrams/help/help_trim_messages.tpl"}
        {* help_timeout *}
        {include file="views/telegrams/help/help_timeout.tpl"}
        {* help_proxy *}
        {include file="views/telegrams/help/help_proxy.tpl"}
	</div>
	<div class="mb-4">
		<h5>Шаг 4.</h5>
		<p class="text-danger">Обязательно (!) нажмите на кнопку <a class="btn btn-primary"><i class="ph-floppy-disk me-2"></i> Сохранить</a></p>
		<p>В случае успешной проверки появится сообщение</p>
		<img src="/admin/assets/telegram/success_token.jpg" alt="success_token" title="success_token" style="max-width: 100%;">
		<p>В случае ошибки подключения появится сообщение</p>
		<img src="/admin/assets/telegram/error_token.jpg" alt="error_token" title="error_token" style="max-width: 100%;">
	</div>
</div>

<h3>Вкладка <i class="fa fa-users"></i> Настройки пользователей</h3>
<div>
	<div class="mb-4">
		<p>Далее настраиваем уведомления для каждого администратора магазина.</p>
		<p>Обращаем ваше внимание на следущее: на этой и последующих вкладках указаны настройки для каждого месседжера отдельными вкладками! Учитывайте это при настройке.</p>
		<img src="/admin/assets/telegram/tab.jpg" alt="tab" title="tab" style="max-width: 100%;">
	</div>
	<div class="mb-4">
		<h5>Шаг 5.</h5>
		<p>Для получения уведомлений конкретным администратором необходимо <u>указать его ID</u> из мессенджера</p>

		<a href="#help_id_telegram" data-bs-toggle="collapse" class="btn btn-primary">Как получить ID пользователя в Telegram</a>
		<div class="collapse" id="help_id_telegram">
            {include file="views/telegrams/help/help_id_telegram.tpl"}
		</div>

{*		<a href="#help_id_viber" data-bs-toggle="collapse" class="btn btn-primary ms-3">Как получить ID пользователя в Viber</a>*}
{*		<div class="collapse" id="help_id_viber">*}
{*            {include file="views/telegrams/help/help_id_viber.tpl"}*}
{*		</div>*}
	</div>
	<div class="mb-4">
		<h5>Шаг 6.</h5>
		<p>Полученный на предыдущем шаге ID введите в соответствующее поле.</p>
		<img src="/admin/assets/telegram/telegram_id.jpg" alt="telegram_token" title="telegram_token" style="max-width: 100%;">
{*		<img src="/admin/assets/telegram/viber_id.jpg" alt="viber_token" title="viber_token" style="max-width: 100%;">*}
	</div>
	<div class="mb-4">
		<h5>Шаг 7.</h5>
		<p>На данный момент реализованы уведомления о новых: сообщениях.</p>
		<img src="/admin/assets/telegram/users.jpg" alt="users" title="users" style="max-width: 100%;">
{*		<p>Так же добавлены уведомления о смене статуса заказа. Можно для каждого заказа указать свое уведомление. Уведомления приходят при: редактировании заказа в админке, смене статуса платежным модулем (если он использует стандартный функционал ) и при новом заказе (возможно дублирование уведомлений). </p>*}
{*		<img src="/admin/assets/telegram/orders.jpg" alt="orders" title="orders" style="max-width: 100%;">*}
	</div>
</div>

<h3>Вкладка <i class="fa fa-envelope"></i> Шаблоны уведомлений</h3>
<div>
	<div class="mb-4">
		<h5>Шаг 8.</h5>
		<p>Далее Вы можете настроить шаблон для каждого типа уведомления. Справа от каждого поля расположен блок поддерживаемых переменных. HTML разметка не поддерживается!</p>
		<img src="/admin/assets/telegram/template.jpg" alt="template" title="template" style="max-width: 100%;">
	</div>
</div>
<h3>Вкладка <i class="fa fa-book"></i> Логи</h3>
<div>
	<div class="mb-4">
		<h5>Шаг 9.</h5>
		{include file="views/telegrams/help/help_log.tpl"}

	</div>
</div>
{/strip}