← Back
Editing: contact-page.php
<?php /** * Template Name: Contact Page */ get_header(); ?> <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/inc/assets/css/contact.style.css?v=11" type="text/css" media="screen" /> <section id="contact"> <div class="container-fluid"> <div class="nav-contact"> <h1><?= get_the_title() ?></h1> </div> <div class="row m-0"> <div class="col-xl-6 first"> <div class="big-div"> <div class="div1"> <h1><?= L::consultation ?></h1> <p class="mt-3 mb-2"><?= L::contact_request ?></p> <div class="input-aria"> <div class="container"> <form id="contactForm" action="<?= esc_url(get_template_directory_uri() . '/email-order.php?lang=' . $GLOBALS['TIL']) ?>" method="POST"> <input type="hidden" name="oqila_form_submit" value="1"> <input type="hidden" name="page_url" value="<?= esc_url(home_url($_SERVER['REQUEST_URI'])) ?>"> <input type="hidden" name="name" id="contactFullName"> <input type="hidden" name="message" id="contactFullMessage"> <?php if (defined('RECAPTCHA_SITE_KEY') && RECAPTCHA_SITE_KEY): ?> <input type="hidden" name="g-recaptcha-response" id="contactGRecaptchaResponse"> <?php endif; ?> <div class="row"> <div class="col-lg-6 ps-0"> <input type="text" id="contactFirstname" name="_firstname" class="wpcf7-form-control wpcf7-text mb-2 me-3" placeholder="<?= L::firstname ?>" required> </div> <div class="col-lg-6 ps-0"> <input type="text" id="contactLastname" name="_lastname" class="wpcf7-form-control wpcf7-text mb-2" placeholder="<?= L::lastname ?>"> </div> <div class="col-lg-12 ps-0"> <input type="tel" name="phone" class="wpcf7-form-control wpcf7-text wpcf7-tel mb-2" placeholder="<?= L::phone ?>" required> <p><?= L::specify_phone ?></p><br> </div> <div class="col-lg-12 ps-0"> <textarea id="contactMessage" name="_message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea mt-2" placeholder="<?= L::message ?>"></textarea> </div> <div class="col-lg-12 ps-0"> <p class="mt-2"><?= L::select_brand ?></p> <div class="form-check"> <input class="form-check-input" type="radio" name="brand" value="BARVENT" checked> <label class="form-check-label">BARVENT.UZ</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="brand" value="ASDA"> <label class="form-check-label">ASDA.UZ</label> </div> </div> </div> <button class="btn btn-outline-dark" type="submit"><?= L::send ?></button> <div id="form-result"></div> </form> </div> </div> </div> </div> </div> <div class="col-xl-6"> <div class="div2-left"> <div class="info-aria"> <h2 class="mb-5"><?= L::contact_info ?></h2> <div class="d-flex"> <div class="img me-5 mb-5"> <img id="contact-map-img" src="<?= get_template_directory_uri() ?>/inc/assets/images/contacts_img/map%201%20(2).png" alt=""> </div> <div class="text"> <p><span><?= L::address ?> BARVENT</span><br><br><?= get_field('address_' . $GLOBALS['TIL'], 49) ?></p> </div> </div> <div class="d-flex"> <div class="img me-5"> <img src="<?= get_template_directory_uri() ?>/inc/assets/images/contacts_img/call_icon.png" alt=""> </div> <div class="text"> <p><?= get_field('barvent-phone-1', 49) ?></p> </div> </div> <div class="d-flex"> <div class="img me-5"> <img src="<?= get_template_directory_uri() ?>/inc/assets/images/contacts_img/email%201.png" alt=""> </div> <div class="text"> <p><?= get_field('email', 49) ?></p> </div> </div> <div class="d-flex pt-5 border-top-1" style="border-top: 1px solid"> <div class="img me-5 mb-5"> <img id="contact-map-img" src="<?= get_template_directory_uri() ?>/inc/assets/images/contacts_img/map%201%20(2).png" alt=""> </div> <div class="text"> <p><span><?= L::address ?> ASDA</span><br><br><?= get_field('address_asda_' . $GLOBALS['TIL'], 49) ?></p> </div> </div> <div class="d-flex"> <div class="img me-5"> <img src="<?= get_template_directory_uri() ?>/inc/assets/images/contacts_img/call_icon.png" alt=""> </div> <div class="text"> <p><?= get_field('barvent-phone-2', 49) ?></p> </div> </div> <div class="d-flex"> <div class="img me-5"> <img src="<?= get_template_directory_uri() ?>/inc/assets/images/contacts_img/email%201.png" alt=""> </div> <div class="text"> <p><?= get_field('email_asda', 49) ?></p> </div> </div> </div> </div> </div> </div> </div> </section> <script> (function () { var form = document.getElementById('contactForm'); if (!form) return; form.addEventListener('submit', function (e) { e.preventDefault(); var firstname = document.getElementById('contactFirstname').value.trim(); var lastname = document.getElementById('contactLastname').value.trim(); document.getElementById('contactFullName').value = lastname ? firstname + ' ' + lastname : firstname; var brand = form.querySelector('input[name="brand"]:checked'); var msg = document.getElementById('contactMessage').value.trim(); document.getElementById('contactFullMessage').value = (brand ? '[' + brand.value + '] ' : '') + msg; <?php if (defined('RECAPTCHA_SITE_KEY') && RECAPTCHA_SITE_KEY): ?> grecaptcha.enterprise.ready(function () { grecaptcha.enterprise.execute('<?= esc_js(RECAPTCHA_SITE_KEY) ?>', {action: 'submit'}).then(function (token) { document.getElementById('contactGRecaptchaResponse').value = token; form.submit(); }); }); <?php else: ?> form.submit(); <?php endif; ?> }); })(); </script> <?php get_footer(); ?>
Save File
Cancel