# Магазин

<span style="white-space: pre-wrap;">Страница "Магазин" предоставляет возможность приобретения товаров за накопленные баллы и позволяет отслеживать всю историю операций, связанных с балансом. Она состоит из двух вкладок: </span>****"Магазин"****<span style="white-space: pre-wrap;"> и </span>****"История"****.

---

****Основной функционал:****

##### ****1. Баланс монет:****

[![Баланс.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/balans.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/balans.png)

В правом верхнем углу отображается текущий баланс монет пользователя (например, "7,795").

Монеты можно тратить на товары и услуги, представленные в магазине.

****2. Разделы магазина:****

Магазин:

Содержит список доступных товаров.

История:

Отображает список покупок, совершенных пользователем.

---

##### ****Вкладка "Магазин"****

[![Магазин_пользователь.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/magazin-polzovatel.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/magazin-polzovatel.png)

---

****Карточки товаров****  
На карточке отображаются:

[![карточка.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/z3gkartocka.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/z3gkartocka.png)

- ****Картинка товара****<span style="white-space: pre-wrap;"> — визуализация продукта.</span>  
    ****Теги****<span style="white-space: pre-wrap;"> — ключевые слова, характеризующие товар.</span>  
    ****Название****<span style="white-space: pre-wrap;"> и </span>****краткое описание****<span style="white-space: pre-wrap;"> — базовая информация о товаре.</span>  
    ****Количество****<span style="white-space: pre-wrap;"> — доступное для покупки.</span>  
    ****Кнопка "Купить"****<span style="white-space: pre-wrap;"> с указанием цены в баллах.</span>
- ****Процесс покупки****  
    <span style="white-space: pre-wrap;">Нажмите кнопку </span>****"Купить"****<span style="white-space: pre-wrap;"> на карточке товара.</span>  
    Откроется модальное окно для подтверждения покупки.
    - ****Если баллов достаточно****:
        - Подтвердите операцию, заказ будет сформирован.
        - Баллы спишутся с вашего баланса.
        - Заказ попадет на рассмотрение администратору.
    - ****Если баллов недостаточно****:
        - Появится сообщение об ошибке, заказ не будет оформлен.

****Решение администратора****

- ****Если заказ одобрен****: товар будет выдан пользователю.  
    ****Если заказ отклонен****: баллы за покупку будут возвращены на ваш баланс.

****Условия доступности:****

- Некоторые товары могут быть временно недоступны или иметь ограниченное количество (например, "нет в наличии" или "осталось 8 единиц").
- Акции, такие как "Товар дня" или "Специальное предложение", выделяются визуально, чтобы привлечь внимание.

****Интеграция с балансом:****

Баланс пользователя автоматически обновляется после каждой покупки.

****Категории товаров:****

[![Магазин_-подразделение.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/magazin-podrazdelenie.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/magazin-podrazdelenie.png)

- ****Товары общего доступа:****
    - Доступны всем пользователям (например, подарочные сертификаты, дополнительные дни отпуска).
- ****Товары для конкретного подразделения или должности:****
    - Раздел "Доступно для \[роль\]" содержит уникальные товары, доступные только для определенного подразделения или должности (например, "Программист", "Атма").

---

##### ****Вкладка "История"****

Раздел "История" предназначен для отображения всех операций пользователя, связанных с начислением и использованием монет.

[![история.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/istoriia.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/istoriia.png)

1. ****Таблица истории операций****  
    В этой таблице отображается полная история действий с баллами, включая:
    - ****Действия с товарами в магазине****<span style="white-space: pre-wrap;"> (покупка, выдача, отмена заказа).</span>
    - ****Полученные баллы****<span style="white-space: pre-wrap;"> за прохождение модулей, тестов и карт.</span>
2. ****Структура таблицы****  
    Таблица содержит следующие столбцы:
    - ****Дата****<span style="white-space: pre-wrap;"> — дата и время операции.</span>
    - ****Сумма****<span style="white-space: pre-wrap;"> — количество баллов, участвующих в операции (зачислено/списано).</span>
    - ****Пользователь****<span style="white-space: pre-wrap;"> — имя пользователя (кликабельно, ведет на профиль).</span>
    - ****Операция****<span style="white-space: pre-wrap;"> — тип проведенной операции (например, "Получение баллов", "Покупка товара").</span>
    - ****Описание****<span style="white-space: pre-wrap;"> — комментарии или подробности о действии (например, "Баллы за модуль", "Товар: наименование").</span>
    - ****Действия****<span style="white-space: pre-wrap;"> — текущий статус операции:</span>
        - "В обработке" — заказ ожидает подтверждения администратора.
        - "Выдан" — заказ успешно выполнен.
        - "Отменен" — заказ отклонен, баллы возвращены.