From 38a8eb5f1f52e619526be255cfcd40045b08ba4f Mon Sep 17 00:00:00 2001
From: Kirill Pet <job.mori.1967@gmail.com>
Date: Thu, 31 Oct 2024 14:37:05 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BF=D0=B5=D1=80=D0=B5=D0=B4=D0=B5=D0=BB?=
 =?UTF-8?q?=D0=B0=D0=BB=20=D0=BF=D0=B5=D1=80=D0=B5=D0=BA=D0=BB=D1=8E=D1=87?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=B2=20"=D0=92=D0=BE=D0=B7=D1=80?=
 =?UTF-8?q?=D0=B0=D1=81=D1=82=20=D0=BF=D0=B8=D1=82=D0=BE=D0=BC=D1=86=D0=B0?=
 =?UTF-8?q?"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/js/gp-form.js | 27 +++++++++++++++++++++++++++
 registration.html    |  2 +-
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/assets/js/gp-form.js b/assets/js/gp-form.js
index 51cab51..f7cec43 100644
--- a/assets/js/gp-form.js
+++ b/assets/js/gp-form.js
@@ -156,3 +156,30 @@ function listInputRadio(main ,item, textClass, input, content, block) {
         })
     })
 }
+
+remoteControl('.form-input__remote-control', '.form-input-tabs__button');
+
+function remoteControl(main, button) {
+    let mains = document.querySelectorAll(main);
+
+    mains.forEach(main => {
+        let subjectClass = main.dataset.content,
+            subject  = document.querySelector(`.${subjectClass}`),
+            buttons = Array.from(main.querySelectorAll(button));
+
+            
+
+        main.addEventListener('mousedown', function (eventMain) {
+            setTimeout(() => {
+                let indexActive = buttons.findIndex((button, index) => {
+                    if (button.classList.contains('active')) {
+                        return true;
+                    }
+                });                
+
+                subject.querySelector('.active').classList.remove('active');
+                subject.children[indexActive].classList.add('active');
+            }, 0);
+        })
+    })
+}
\ No newline at end of file
diff --git a/registration.html b/registration.html
index 44aa21f..7f52f44 100644
--- a/registration.html
+++ b/registration.html
@@ -952,7 +952,7 @@
 
                     <div class="modal-form-content__line">
                         <label for="" class="label-name">Возраст питомца</label>
-                        <div class="form-input__tabs" data-content="modal__age">
+                        <div class="form-input__tabs form-input__remote-control" data-content="modal__age">
                             <label for="exemplary" class="form-input-tabs__button active">
                                 Примерный
                                 <input type="radio" checked name="weight" id="exemplary" class="form-input-tabs__input">