Обратный звонок в модали

callback-modal-code

<!-- modal button -->
<a class="uk-button uk-button-primary tm-button-callback" href="#callback" uk-toggle>Заказать звонок</a>

<!-- modal dialog -->
<div id="callback" uk-modal>
<div class="uk-modal-dialog uk-modal-body uk-text-center">
<p class="uk-modal-title ">Онлайн оценка</p>
<button class="uk-modal-close-default" type="button" uk-close></button>
        <p class="uk-text-center">Оставьте заявку<br> и наш менеджер свяжется с вами в течение суток</p>
<div id="eval" class="rf-form uk-section-default uk-section">
    
        
        
        
            
                                <div class="uk-container uk-container-small">                
                    
                    <div class="tm-grid-expand uk-child-width-1-1 uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
<div class="uk-first-column">
    
        
            
            
                
                    
<div class="uk-panel uk-text-large uk-margin uk-text-center">Узнайте предварительную оценку вашего изделия <br>по фото всего за 10 минут.</div>
<div class="uk-font-secondary uk-text-center">        Мы гарантируем каждому клиенту:    </div>
<div class="uk-margin uk-text-center">
    <div class="uk-child-width-1-1 uk-child-width-1-4@m uk-flex-center uk-flex-middle uk-grid-match uk-grid" uk-grid="">        <div class="uk-first-column">
<div class="el-item uk-panel uk-margin-remove-first-child">
    
                        
                    

        
                <div class="el-title uk-margin-top uk-margin-remove-bottom">                        <span class="uk-text-primary uk-text-bold">Бесплатную</span><br> оценку имущества                    </div>        
        
    
        
        
        
        
        
        
        
    
</div></div>
        <div>
<div class="el-item uk-panel uk-margin-remove-first-child">
    
                        
                    

        
                <div class="el-title uk-margin-top uk-margin-remove-bottom">                        <span class="uk-text-primary uk-text-bold">Справедливую</span><br> оценочную стоимость                    </div>        
        
    
        
        
        
        
        
        
        
    
</div></div>
        <div>
<div class="el-item uk-panel uk-margin-remove-first-child">
    
                        
                    

        
                <div class="el-title uk-margin-top uk-margin-remove-bottom">                        <span class="uk-text-primary uk-text-bold">Оперативную</span><br> обратную связь                    </div>        
        
    
        
        
        
        
        
        
        
    
</div></div>
        </div>

</div>

                
            
        
    
</div>
</div><div class="tm-grid-expand uk-grid-margin uk-grid" uk-grid="">
<div class="uk-width-1-2@m uk-first-column">
    
        
            
            
                
                    
<div class="uk-margin">    <label class="uk-form-label rf-label" for="input-<br />
<b>Notice</b>:  Undefined index: data-id in <b>/var/www/cavedev/www/rodinawatch.test/plugins/system/radicalform_elements/elements/rfinput/templates/template.php</b> on line <b>64</b><br />
">Имя</label>
    <div class="uk-form-controls">
                            <input type="text" class="uk-input rf-input uk-form-large" name="name1100" required="">                    </div>
    </div>
                
            
        
    
</div>

<div class="uk-width-1-2@m">
    
        
            
            
                
                    
<div class="uk-margin">    <label class="uk-form-label rf-label" for="input-<br />
<b>Notice</b>:  Undefined index: data-id in <b>/var/www/cavedev/www/rodinawatch.test/plugins/system/radicalform_elements/elements/rfinput/templates/template.php</b> on line <b>64</b><br />
">Телефон</label>
    <div class="uk-form-controls">
                            <input type="text" class="uk-input rf-input uk-form-large" name="name1110" required="">                    </div>
    </div>
                
            
        
    
</div>
</div><div class="tm-grid-expand uk-grid-margin uk-grid" uk-grid="">
<div class="uk-width-1-2@m uk-first-column">
    
        
            
            
                
                    
<div class="uk-margin">    <label class="uk-form-label rf-label" for="input-<br />
<b>Notice</b>:  Undefined index: data-id in <b>/var/www/cavedev/www/rodinawatch.test/plugins/system/radicalform_elements/elements/rfinput/templates/template.php</b> on line <b>64</b><br />
">Email</label>
    <div class="uk-form-controls">
                            <input type="text" class="uk-input rf-input uk-form-large" name="name1200" required="">                    </div>
    </div>
                
            
        
    
</div>

<div class="uk-width-1-2@m">
    
        
            
            
                
                    
<div class="uk-margin">    <label class="uk-form-label rf-label" for="input-<br />
<b>Notice</b>:  Undefined index: data-id in <b>/var/www/cavedev/www/rodinawatch.test/plugins/system/radicalform_elements/elements/rfinput/templates/template.php</b> on line <b>64</b><br />
">Предмет оценки</label>
    <div class="uk-form-controls">
                            <input type="text" class="uk-input rf-input uk-form-large" name="name1210" required="">                    </div>
    </div>
                
            
        
    
</div>
</div><div class="tm-grid-expand uk-grid-margin uk-grid" uk-grid="" uk-height-match="target: .uk-card">
<div class="uk-grid-item-match uk-flex-middle uk-width-1-2@m uk-first-column">
    
        
            
                        <div class="uk-panel uk-width-1-1">            
                
                    
<div class="tm-button-attach uk-margin-remove-vertical uk-text-center">    <div class="uk-form-custom" uk-form-custom="">
        <button class="rf-upload rf-upload-button-text uk-button uk-button-default uk-button-large" title="Прикрепить изображения">                            Прикрепить изображения                     </button>
        <input class="rf-upload-button" name="online-attach" type="file">
    </div>
    <div class="rf-filenames-list"></div>
</div>

                
                        </div>
            
        
    
</div>

<div class="uk-width-1-2@m">
    
        
            
            
                
                    
<div class="uk-margin-small">
    <button class="el-content rf-button-send uk-button uk-button-primary uk-button-large">
            Оценить изделие    
    </button><input type="hidden" name="93542f5a910fdb41e592e884f0f29ebe" value="1">

</div><div class="uk-panel uk-text-small uk-margin uk-margin-remove-top">Отправляя форму, вы соглашаетесь на обработку своих данных.</div>
                
            
        
    
</div>
</div>
                                </div>
                
            
        
    
</div>
</div>

<!-- script 2 custom button -->
<script>
 function bindAttr() {
 var list = document.getElementsByClassName('el-link');
 for (i = 0; i < list.length; i++) {
     console.log(list[i]);
     list[i].setAttribute('uk-toggle', '');
 }
}
document.addEventListener("DOMContentLoaded", bindAttr);
</script>