Написать JS скрипт для карточки товара

Дан PHP массив из N элементов (торговых предложений). Сайт на 1С-Битрикс, для правки.

У каждого элемента есть свои свойства и цена. 

Цель – написать JS скрипт, который будет выбирать нужное торговое предложение в зависимости от выбранного свойства.

Во вложении HTML файл формы и макет. Можно использовать нашу верстку, можно вашу – это не критично.

Главное – строго по функционалу.

Задачи:

1. Дано несколько селектов, с помощью которых выбирается нужное свойство.

К примеру, мы выбрали Материал-Бетон, Дерево-Береза, Металл-Медь.

На выходе нам должен вернуться элемент с этой комбинацией свойств, а именно: его Имя, цену, ID, количество.

Далее эти данные отправляются в корзину.

Данные в селекты подставляются на основе доступных свойств.

Элемент проверяется на наличие. Если выбранного элемента нет в наличии, то вместо цены и возможности Заказать – выводим "Нет в наличии".

2. Помимо свойств отвечающих за выбор торгового предложения есть свойства цвета. 

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

Выбранное свойство отправляется в корзину.

3. Реализовать возможность выбора собственного цвета и отправку его в корзину.

Выбранный цвет увеличивает цену на, скажем, 1000 руб.

4. Написать обработчик для работы Селектов. Сейчас они работают на CSS с косяками.

Итого на выходе должно получиться:

- ID и другие данные выбранного элемента из массива (торгового предложения)

- выбранные свойства цвета для элемента (торгового предложения)

- выбор собственного цвета