fix 17.11

assets/css/gp-style-order.css

@@ -82,6 +82,8 @@
     font-size: 12px;
     line-height: 133%;
     color: var(--text-black);
+
+    text-decoration: none;
 }
 .order-your-products__description{
     margin-top: 8px;

assets/js/gp-form.js

@@ -240,3 +240,19 @@ function inputPhoneNoFlag(input){
         })
     })
 }
+
+
+inputCheck('.form-agreement__check');
+
+function inputCheck(className) {
+    let checks = document.querySelectorAll(className);
+
+    checks.forEach(check => {
+        let square = check.querySelector('.form-agreement__square'),
+            input = check.querySelector('input');
+
+        square.onclick = function () {
+            input.click();   
+        }
+    })
+}

order.html

@@ -238,11 +238,11 @@
                         </button>
                     </div>
 
-                    <form action="" class="order-contacts__form">
+                    <form action="" class="order-contacts__form" id="recipient">
                         <div class="modal-form-content__line">
                             <div class="modal-form-content-line__element">
                                 <label for="firstname" class="label-name">Имя и фамилия</label>
-                                <input id="firstname" class="form__input" type="text" name="name" placeholder="Ваше имя" required="">
+                                <input class="form__input" type="text" placeholder="Ваше имя" required="">
                                 <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
                             </div>                    
                         </div>
@@ -267,7 +267,7 @@
                         <div class="modal-form-content__line">
                             <div class="modal-form-content-line__element">
                                 <label for="firstname" class="label-name">Телефон</label>
-                                <input id="firstname" class="form__input no-flag" type="text" maxlength="15" minlength="15" name="name" pattern="7\s[0-9]{3}\s[0-9]{3}\s[0-9]{4}" placeholder="+7 ___ ___ ____" required="" data-code="7">
+                                <input class="form__input no-flag" type="text" maxlength="15" minlength="15" pattern="7\s[0-9]{3}\s[0-9]{3}\s[0-9]{4}" placeholder="+7 ___ ___ ____" required="" data-code="7">
                                 <span class="form-input__error form-input__error--absolute">Номер телефона введен неверно</span>
                             </div>                    
                         </div>
@@ -395,7 +395,7 @@
                                 <img src="/assets/img/product/mini-card.png" alt="" class="order-your-products__img">
 
                                 <div class="order-your-products__content">
-                                    <p class="order-your-products__name">Сухой корм, для крупных и средних пород </p>
+                                    <a href="#" class="order-your-products__name">Сухой корм, для крупных и средних пород </a>
                                     <p class="order-your-products__description">Индейка, 2 кг </p>
                                 </div>
                             </div>
@@ -415,7 +415,7 @@
                                 <img src="/assets/img/product/mini-card.png" alt="" class="order-your-products__img">
 
                                 <div class="order-your-products__content">
-                                    <p class="order-your-products__name">Сухой корм, для крупных и средних пород </p>
+                                    <a href="#" class="order-your-products__name">Сухой корм, для крупных и средних пород </a>
                                     <p class="order-your-products__description">Индейка, 2 кг </p>
                                 </div>
                             </div>
@@ -435,7 +435,7 @@
                                 <img src="/assets/img/product/mini-card.png" alt="" class="order-your-products__img">
 
                                 <div class="order-your-products__content">
-                                    <p class="order-your-products__name">Сухой корм, для крупных и средних пород </p>
+                                    <a href="#" class="order-your-products__name">Сухой корм, для крупных и средних пород </a>
                                     <p class="order-your-products__description">Индейка, 2 кг<span>1</span></p>
                                 </div>
                             </div>
@@ -453,7 +453,7 @@
 
                     <div class="order-your__calculation">
                         <form action="" class="order-your__promo">
-                            <input id="firstname" class="form__input form__input--grey" type="text" name="name" placeholder="Промокод" required="">
+                            <input class="form__input form__input--grey" type="text" minlength="1" placeholder="Промокод">
     
                             <input type="submit" value="Применить" class="button button--white button--red-48-px active order-your-promo__button">
                         </form>
@@ -481,9 +481,7 @@
                         </div>
 
                         <div class="order-your-calculation__submit">
-                            <button class="button button--gradient button--high button--100-perc">
+                            <input type="submit" form="recipient" class="button button--gradient button--high button--100-perc" value="Оплатить">
-                                Оплатить
-                            </button>
                         </div>
                     </div>
                 </div>
@@ -596,35 +594,35 @@
 
                 <form class="modal-form__content " method="post" action="/send-telegram.php">
                     <div class="modal-form-content-line__element">
-                        <label for="firstname" class="label-name">Адрес</label>
+                        <label for="address" class="label-name">Адрес</label>
-                        <input id="firstname" class="form__input" type="text" name="name" placeholder="Начните вводить ваш адрес" required="">
+                        <input id="address" class="form__input" type="text" placeholder="Начните вводить ваш адрес" required="">
                         <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
                     </div>
 
                     <div class="modal-form-content__line modal-form-content__line--two-mobile">
                         <div class="modal-form-content-line__element">
-                            <label for="firstname" class="label-name">Квартира</label>
+                            <label for="apartment" class="label-name">Квартира</label>
-                            <input id="firstname" class="form__input" type="text" name="name" placeholder="Квартира" required="">
+                            <input id="apartment" class="form__input" type="text" placeholder="Квартира" required="">
                             <span class="form-input__error form-input__error--absolute">Квартира введено неверно</span>
                         </div>
 
                         <div class="modal-form-content-line__element">
-                            <label for="lastname" class="label-name">Этаж</label>
+                            <label for="floor" class="label-name">Этаж</label>
-                            <input id="lastname" class="form__input" type="text" name="name" placeholder="Этаж" required="">
+                            <input id="floor" class="form__input" type="text" placeholder="Этаж" required="">
                             <span class="form-input__error form-input__error--absolute">Этаж введен неверно</span>
                         </div>                        
                     </div>
 
                     <div class="modal-form-content__line modal-form-content__line--two-mobile">
                         <div class="modal-form-content-line__element">
-                            <label for="firstname" class="label-name">Подъезд</label>
+                            <label for="entrance" class="label-name">Подъезд</label>
-                            <input id="firstname" class="form__input" type="text" name="name" placeholder="Подъезд" required="">
+                            <input id="entrance" class="form__input" type="text" placeholder="Подъезд" required="">
                             <span class="form-input__error form-input__error--absolute">Подъезд введен неверно</span>
                         </div>
 
                         <div class="modal-form-content-line__element">
-                            <label for="lastname" class="label-name">Домофон</label>
+                            <label for="number-phone" class="label-name">Домофон</label>
-                            <input id="lastname" class="form__input" type="text" name="name" placeholder="Код домофона" required="">
+                            <input id="number-phone" class="form__input" type="text" placeholder="Код домофона" required="">
                             <span class="form-input__error form-input__error--absolute">Код домофона введен неверно</span>
                         </div>                        
                     </div>