Projects
About Us
Investment Information
Invest Tour
Media
Contact
Live Cam
360°
EN
GE
EN
RU
USD
USD
GEL
Projects
About Us
Investment Information
Invest Tour
Media
Contact
Live Cam
360°
EN
GE
EN
RU
USD
USD
GEL
Watch the construction process of Panorama live
Watch the construction process of Piazza Residence live
</div> </div> </section> <!-- live cams end --> <!-- request form start --> <div class="request-form regular-request-form"> <div class="header"> <h2> Leave your contact and find out more information </h2> <p>Our manager will contact you within 15 minutes</p> </div> <div class="content"> <div class="form-content" id="srollToContact"> <form class="popupForm" action="" method="post"> <div> <p>Name</p> <input type="text" class="fullName" placeholder="F.e: George" oninput="this.value = this.value.replace(/[^\p{L}\s]/gu, '')"/> </div> <div> <p>Phone Number</p> <div class="cont make-red-phone"> <input type="tel" name="phone" id="phone" class="phone" /> </div> </div> <div> <p>Project</p> <div class="cont make-red-project"> <select name="project" class="project"> <option value="Panorama" > Panorama </option> <option value="Lisi Panorama" > Lisi Panorama </option> <option value="Piazza Residence" > Piazza Residence </option> <option value="Mziani Valley" > Mziani Valley </option> <option value="Kvirike Residence" > Kvirike Residence </option> </select> </div> </div> <div> <p>Indicate your budget</p> <input type="text" class="budget" placeholder="25 0000" /> </div> <div class="button-div"> <button class="button-style disable-btn" id="leadsSubmit">Submit</button> </div> <div class="form-message" style="display:none;"></div> <!-- Message container --> </form> </div> <script> document.addEventListener('DOMContentLoaded', function () { const forms = document.querySelectorAll('.popupForm'); forms.forEach(form => { form.addEventListener('submit', function (e) { e.preventDefault(); // Define your input fields (assuming they have specific IDs or class names) const fullNameInput = this.querySelector('.fullName'); const phoneNumberInput = this.querySelector('.phone'); const projectInput = this.querySelector('.project'); const budgetInput = this.querySelector('.budget'); const messageContainer = this.querySelector('.form-message'); const phoneDiv = this.querySelector('.make-red-phone'); const projectDiv = this.querySelector('.make-red-project'); const submitButton = this.querySelector('.disable-btn'); // Get values const fullName = fullNameInput.value; const phoneNumber = phoneNumberInput.value; const countryCode = phoneNumberInput.getAttribute('data-code'); const project = projectInput.value; const budget = budgetInput.value; // Validation function function validateFields() { let isValid = true; // Check if fields are empty, if so, set border to red if (!fullName.trim()) { fullNameInput.style.border = '2px solid red'; isValid = false; } else { fullNameInput.style.border = '1px solid var(--light-gray)'; } if (!phoneNumber.trim()) { phoneDiv.style.border = '2px solid red'; isValid = false; } else if ($(phoneNumberInput).hasClass('isNotValid')) { phoneDiv.style.border = '2px solid red'; isValid = false; } else { phoneDiv.style.border = '1px solid var(--light-gray)'; } if (!project.trim()) { projectDiv.style.border = '2px solid red'; isValid = false; } else { projectDiv.style.border = '1px solid var(--light-gray)'; } if (!budget.trim()) { budgetInput.style.border = '2px solid red'; isValid = false; } else { budgetInput.style.border = '1px solid var(--light-gray)'; } return isValid; } // Call the validation before the fetch if (validateFields()) { submitButton.disabled = true; submitButton.textContent = 'Sending...'; const data = { name: fullName, phone: countryCode + " " + phoneNumber, project: project, budget: budget, source: "TG website" }; fetch('https://crm.towergroup.ge/rest/public/deal/siteForm.php', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data => { messageContainer.style.display = 'block'; messageContainer.style.color = 'green'; messageContainer.textContent = 'Your form has been successfully submitted'; console.log('Success:', data); submitButton.style.display = 'none'; }) .catch(error => { messageContainer.style.display = 'block'; messageContainer.style.color = 'red'; messageContainer.textContent = 'An error occurred while submitting your form. Please try again later'; console.error('Error:', error); }).finally(() => { // submitButton.style.display = 'none'; }); } }); }); }); </script> <div class="popup-image"> <img src="/resources/img/outlines/panorama3.webp" alt="#"/> </div> </div> </div> <!-- request form end --> <!-- Main content area for different pages --> <!-- footer start --> <footer class="other-content-else"> <div class="footer-navigation"> <div class="footer-container"> <div class="footer-logo"> <a href="/"> <img src="/rr/TG Logo ENG White.png" alt="tower-group" /> </a> </div> <p> Invest In Your Future </p> <div class="social-media"> <div> <a href="https://www.instagram.com/towergroup.ge?igsh=c2JtN215ejgzNGpt" target="_blank"> <i class="fa-brands fa-instagram"></i> </a> </div> <div> <a href="https://www.facebook.com/towergroup.ge?mibextid=JRoKGi" target="_blank"> <i class="fa-brands fa-facebook-f"></i> </a> </div> <div> <a href="https://www.linkedin.com/company/towergroup1/" target="_blank"> <i class="fa-brands fa-linkedin-in"></i> </a> </div> <div> <a href="https://youtube.com/@towergroup1?si=h1iFmV8ufsjKsYeH" target="_blank"> <i class="fa-brands fa-youtube"></i> </a> </div> </div> </div> <nav class="footer-nav-container"> <ul> <li> <a href="/projects">Projects</a> </li> <li> <a href="/about-us">About Us</a> </li> <li> <a href="/investment-information">Investment Information</a> </li> <li> <a href="/invest-tour">Invest Tour</a> </li> </ul> </nav> <nav class="footer-nav-container"> <ul> <li> <a href="/media">Media</a> </li> <li> <a href="/contact-us">Contact</a> </li> <li> <a href="/live-cam">Live Cam</a> </li> <li> <a href="/360">360°</a> </li> </ul> </nav> <nav class="footer-nav-container"> <ul> <li> <a href="">Privacy Policy</a> </li> <li> <a href="">Terms & Condition</a> </li> </ul> </nav> <div class="footer-phone"> <h1>Contact us</h1> <p>Leave a message and we will get back you soon</p> <div class="footer-phone-cont"> <p class="bold"><i class="fa-solid fa-phone"></i> PHONE</p> <a href="tel:+995422222222"> <p>+995 422 222 222</p> </a> </div> <div class="footer-phone-cont"> <p class="bold"><i class="fa-solid fa-location-dot"></i> ADDRESS</p> <a href="https://www.google.com/maps/search/Batumi+Central%2C+Tamar+Mepe+Ave." target="_blank"> <p>Batumi Central, Tamar Mepe Ave.</p> </a> </div> <div class="footer-phone-cont"> <p class="bold"><i class="fa-solid fa-envelope"></i> EMAIL</p> <a href="mailto:sales@towergroup.ge"> <p>sales@towergroup.ge</p> </a> </div> <div class="social-media"> <div> <a href="https://www.instagram.com/towergroup.ge?igsh=c2JtN215ejgzNGpt" target="_blank"> <i class="fa-brands fa-instagram"></i> </a> </div> <div> <a href="https://www.facebook.com/towergroup.ge?mibextid=JRoKGi" target="_blank"> <i class="fa-brands fa-facebook-f"></i> </a> </div> <div> <a href="https://www.linkedin.com/company/towergroup1/" target="_blank"> <i class="fa-brands fa-linkedin-in"></i> </a> </div> <div> <a href="https://youtube.com/@towergroup1?si=h1iFmV8ufsjKsYeH" target="_blank"> <i class="fa-brands fa-youtube"></i> </a> </div> </div> </div> <div class="footer-lines-img"> <img src="/resources/img/lines.png" alt="lines" /> </div> </div> <div class="footer-lower-part"> <p>Copyright © TOWER GROUP</p> <p>All Rights Reserved</p> </div> </footer> <!-- footer end --> <!-- popup start --> <div class="popup-container"> <div class="request-form"> <div class="header"> <div class="close-popup">x</div> <h2> Leave your contact and find out more information </h2> <p>Our manager will contact you within 15 minutes</p> </div> <div class="content"> <div class="form-content" id="srollToContact"> <form class="popupForm" action="" method="post"> <div> <p>Name</p> <input type="text" class="fullName" placeholder="F.e: George" oninput="this.value = this.value.replace(/[^\p{L}\s]/gu, '')"/> </div> <div> <p>Phone Number</p> <div class="cont make-red-phone"> <input type="tel" name="phone" id="phone" class="phone" /> </div> </div> <div> <p>Project</p> <div class="cont make-red-project"> <select name="project" class="project"> <option value="Panorama" > Panorama </option> <option value="Lisi Panorama" > Lisi Panorama </option> <option value="Piazza Residence" > Piazza Residence </option> <option value="Mziani Valley" > Mziani Valley </option> <option value="Kvirike Residence" > Kvirike Residence </option> </select> </div> </div> <div> <p>Indicate your budget</p> <input type="text" class="budget" placeholder="25 0000" /> </div> <div class="button-div"> <button class="button-style disable-btn" id="leadsSubmit">Submit</button> </div> <div class="form-message" style="display:none;"></div> <!-- Message container --> </form> </div> <script> document.addEventListener('DOMContentLoaded', function () { const forms = document.querySelectorAll('.popupForm'); forms.forEach(form => { form.addEventListener('submit', function (e) { e.preventDefault(); // Define your input fields (assuming they have specific IDs or class names) const fullNameInput = this.querySelector('.fullName'); const phoneNumberInput = this.querySelector('.phone'); const projectInput = this.querySelector('.project'); const budgetInput = this.querySelector('.budget'); const messageContainer = this.querySelector('.form-message'); const phoneDiv = this.querySelector('.make-red-phone'); const projectDiv = this.querySelector('.make-red-project'); const submitButton = this.querySelector('.disable-btn'); // Get values const fullName = fullNameInput.value; const phoneNumber = phoneNumberInput.value; const countryCode = phoneNumberInput.getAttribute('data-code'); const project = projectInput.value; const budget = budgetInput.value; // Validation function function validateFields() { let isValid = true; // Check if fields are empty, if so, set border to red if (!fullName.trim()) { fullNameInput.style.border = '2px solid red'; isValid = false; } else { fullNameInput.style.border = '1px solid var(--light-gray)'; } if (!phoneNumber.trim()) { phoneDiv.style.border = '2px solid red'; isValid = false; } else if ($(phoneNumberInput).hasClass('isNotValid')) { phoneDiv.style.border = '2px solid red'; isValid = false; } else { phoneDiv.style.border = '1px solid var(--light-gray)'; } if (!project.trim()) { projectDiv.style.border = '2px solid red'; isValid = false; } else { projectDiv.style.border = '1px solid var(--light-gray)'; } if (!budget.trim()) { budgetInput.style.border = '2px solid red'; isValid = false; } else { budgetInput.style.border = '1px solid var(--light-gray)'; } return isValid; } // Call the validation before the fetch if (validateFields()) { submitButton.disabled = true; submitButton.textContent = 'Sending...'; const data = { name: fullName, phone: countryCode + " " + phoneNumber, project: project, budget: budget, source: "TG website" }; fetch('https://crm.towergroup.ge/rest/public/deal/siteForm.php', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data => { messageContainer.style.display = 'block'; messageContainer.style.color = 'green'; messageContainer.textContent = 'Your form has been successfully submitted'; console.log('Success:', data); submitButton.style.display = 'none'; }) .catch(error => { messageContainer.style.display = 'block'; messageContainer.style.color = 'red'; messageContainer.textContent = 'An error occurred while submitting your form. Please try again later'; console.error('Error:', error); }).finally(() => { // submitButton.style.display = 'none'; }); } }); }); }); </script> <div class="popup-image"> <img src="/resources/img/outlines/panorama3.webp" alt="" /> </div> </div> </div> </div> <!-- popup end --> <!-- fixed widgets --> <div class="fixed-widgets" class="other-content-else"> <div class="widgets-container" style="display: none;"> <!--<button class="widgets-button2">--> <!-- <i class="fab fa-whatsapp"></i>--> <!--</button>--> <button class="widgets-button2 openRequest"> <i class="fas fa-file-signature"></i> </button> <button class="widgets-button2"> <a href="https://m.me/towergroup.ge" target="blank"><i class="far fa-comment-dots"></i></a> </button> <button class="request-call-button"> <a href="tel:+995 422 222 222" style="color:white;"> <i class="fa-solid fa-phone"></i></a> </button> <button class="scroll-to-top"> <i class="fa-solid fa-arrow-up"></i> </button> </div> <div class="widget-toggler-container"> <div class="widget-tag"> <img src="/resources/img/widgetslogo.png" alt="tower-group" /> <p class="text">Request a Call</p> </div> <div class="widget-loader"> <div class="widget-circle"> <div class="widget-wrapper"> <button class="widgets-button" id='wigOpenClose'> <i class="fa-solid fa-bars"></i> </button> </div> <div class="widget-outline"></div> </div> </div> <div> </div> </body> </html>
