Необходимо разработать страницу оформления заказа товаров. Имеется в наличии 4 товара – курсы финансовой грамотности для детей 4 возрастных категорий. В зависимости от количества выбранных курсов меняется скидка на всю сумму заказа и, соответственно, итоговая цена.

Имеется готовый шаблон страницы в формате html. К заданию прилагаются два варианта оформления страницы в виде поясняющих рисунков. Можно выбрать один из этих вариантов.

1. Первый вариант
1.1. В первом варианте пользователь ставит галочки напротив продуктов, которые он выбирает.
1.2. При этом внизу высвечивается суммарная цена без скидки (зачеркнуто красным) и суммарная цена со скидкой (черным цветом). Если пользователь выбрал только 1 товар, то скидка равна нулю, красная цена не высвечивается, высвечивается только черная цена за 1 товар.
1.3. Также, в зависимости от выбранных товаров, меняется ссылка на кнопке «Оформить заказ». Всего 15 вариаций оформления заказа в зависимости от количества выбранных курсов (один, два, три или четыре). На каждую вариацию есть ссылка, ведущая к форме платежа.

2. Второй вариант
2.1. Во втором варианте вместо галочек используется кнопка «В корзину» (как в Интернет-магазинах). Пользователь нажимает на кнопку под теми товарами, которые он выбирает.
2.2. При этом внизу высвечивается суммарная цена без скидки (зачеркнуто красным) и суммарная цена со скидкой (черным цветом). Если пользователь выбрал только 1 товар, то скидка равна нулю, красная цена не высвечивается, высвечивается только черная цена за 1 товар.
2.3. Также, в зависимости от выбранных товаров, меняется ссылка на кнопке «Оформить заказ». Всего 15 вариаций оформления заказа в зависимости от количества выбранных курсов (один, два, три или четыре). На каждую вариацию есть ссылка, ведущая к форме платежа.

* Исполнитель получит все 15 ссылок в отдельном документе. Исполнителю будут отправлены все необходимые файлы и изображения.
Каким способом это будет выполнено - значения не имеет. Главное, чтобы все правильно работало.