<div id="addVoteBox" class="new-popup modal fade sf-font"> 
{#    <input id="slivkiSmileList" type="hidden" value="{{ constant('Slivki\\Entity\\Comment::SMILE_LIST')|join(',') }}"/>#} 
    <div class="modal-dialog m-0 modal-dialog-centered"> 
        <div class="modal-content"> 
            <button class="close" data-dismiss="modal"></button> 
            {% if app.user and offer is defined %} 
                {% set splitTotalCodesCountByUser = app.user.getCodesCountByOffer(offer) %} 
                <div class="modal-title">{{ splitTotalCodesCountByUser > 0 ? 'Оцените акцию и оставьте свой отзыв' : 'Оставьте свой отзыв' }}</div> 
            {% endif %} 
            <div class="addVoteBox message w-100"> 
                <div id="addCommentPopupBoxContainer" style="display:none;"> </div> 
                <div class="addVoteBoxContent"> 
                    {% if app.user and offer is defined %} 
                        {% set splitTotalCodesCountByUser = app.user.getCodesCountByOffer(offer) %} 
                        {% if splitTotalCodesCountByUser > 0 %} 
                            <div class="rating" title=""> 
                                <ul id="rateForm" class="rating--stars js-stars"> 
                                    {% for i in 1..5 %} 
                                        <li data-id="{{ i }}"><span></span></li> 
                                    {% endfor %} 
                                </ul> 
                                <input id="actionRating" type="hidden" value="0" name="actionRating"> 
                            </div> 
                        {% endif %} 
                    {% endif %} 
                    <input id="parentCommentId" type="hidden" name="parentVoteId" value=""> 
                    <div class="addVoteTextField"> 
                        <textarea id="comment" class="form-element slivki-comment-editor-textarea w-100" name="comment"></textarea> 
                    </div> 
 
                    <div class="clearfix my-3"></div> 
                    <div class="clearfix"></div> 
                    <div class="add-vote-box-bottom"> 
                        <div class="vote-container"> 
                            <div id="deleteButtonPopup" class="d-none" style="position: absolute; left: 67%; z-index: 9; width: 30px; height: 30px; font-size: 21px; top: -11px; background: #6748e5; display: flex ; border-radius: 23px; margin: 0; color: white; align-items: center; justify-content: center;">x</div> 
                            <div id="recordingsList" style="width: 72%;"></div> 
                        </div> 
                        <div class="comment-ajax-upload-image-controls"> 
                            <div class="formWrapper"> 
                                <div class="addMediaTitle">Добавить фото:</div> 
                                <div id="ajaxImageSubmit" class="d-inline-block align-middle"><i class="h2 slivki-icon-photo-add"></i></div> 
                            </div> 
                            <div class="clear"></div> 
                            <form id="imageUploadForm" class="uploadForm d-none" enctype="multipart/form-data" method="post"> 
                                <input id="imageSelect" type="file" name="uploadFile"> 
                                <input type="hidden" value="uploadFile" name="actionRequest"> 
                                <input type="hidden" value="voteImage" name="fileKey"> 
                            </form> 
                        </div> 
                        <img style="display: none;" class="ajaxLoader" src="/images/ajax_loading.gif" alt="Загрузка..."> 
                        <div class="clearfix"></div> 
                        <div class="uploadedImagePreview" style="display: none;"></div> 
                        <div class="clearfix"></div> 
 
                        {% if isServerFeatureEnabled(constant('Slivki\\Enum\\SwitcherFeatures::VOICE_MESSAGES')) %} 
                            <div class="record-button-container"> 
                                <span id="timer" style="text-align: center; margin-top: 10px">00:00</span> <!-- Секундомер --> 
                                <button type="button" id="recordButton" class="record-button"><img src="/images/mic.svg" /></button> 
                            </div> 
                            <input type="file" name="voice_message" id="voiceMessageInput" accept="audio/*" style="display:none;"> 
                        {% endif %} 
                        <div class="field field-checkbox mt-3"> 
                            <input type="checkbox" name="allowToContact" id="allowToContact"> 
                            <label for="allowToContact">Разрешаю компании связаться со мной</label> 
                        </div> 
                        <div> 
                            <div class="publish">Опубликовать</div> 
                        </div> 
                    </div> 
                </div> 
            </div> 
        </div> 
    </div> 
</div>