template.php 3.11 KB
<div id="order_price" class="orderFormContainer">
    <div class="form-container _popup _wide">
        <div class="form-container-form">
            <p class="form-title">Заказать звонок</p>
            <form action="/ajax/form.php" method="post" class="js-form ajax-form">
                <input type="hidden" name="form-id" value="feedback">
                <?= bitrix_sessid_post() ?>

                <label>
                    <span class="form-label">Ваше имя</span>
                    <span class="form-input-container">
                        <input type="text" class="text-input" name="name" data-rules='{"cName": true, "maxlength": 30 }'>
                        <span class="form-error-message">Поле незаполнено</span>
                    </span>
                </label>
                <label class="form-row _required">
                    <span class="form-label">Телефон</span>
                    <span class="form-input-container">
                        <input id="phone" type="text" class="text-input" name="phone" data-rules='{"required": true, "cPhone": true}'>
                        <span class="form-error-message">Поле незаполнено</span>
                    </span>
                </label>

                <label>
                    <span class="form-label">Удобные дата и время звонка</span>
                    <span class="form-input-container">
                        <textarea name="message" class="text-input"></textarea>
                        <span class="form-error-message">Поле незаполнено</span>
                    </span>
                </label>
                <label>
                    <input type="checkbox" checked="checked" id="subscribeNews" name="subscribe" value="newsletter">
                    <span style="font-size: 11px;">Я соглашаюсь с <a href="" id="go" class='js-soglasie'> условиями на обработку персональных данных</a>
                        <?$APPLICATION->IncludeComponent('cpeople:form', 'soglasie');?>
                    </span>
                </label>
                <div class="form-row _submit">
                    <button type="submit" class="big-button">Отправить</button>
                    <a href="#!" class="form-cancel js-cancel">Отмеа</a>
                    <span class="form-required-hint">
                        Поля, обязательные к заполнению
                    </span>
                </div>
            </form>
        </div>
        <div class="form-container-success">
            <div class="form-container-success-image"></div>
            <p class="form-container-success-title">Ваше сообщение успешно отправлено!</p>
            <p class="form-container-success-text">Мы непременно свяжемся с вами в указанное вами время.</p>
            <a href="#!" class="big-button form-container-success-link js-cancel">Закрыть</a>
        </div>
    </div>
</div>