# coding: utf-8
<%inherit file="/bigl_portable/base.mako"/>
<%namespace name="bgl_common" file="/bigl/portlets/common.mako"/>


<%def name="alredy_answered()">
    <div class="ek-box ek-box_padding-tb_s">
        <span class="ek-text ek-text_align_center">
            <div class="ek-grid ek-grid_column_1 ek-grid_indent_s">
                <div class="ek-grid__item">
                    <span class="ek-text ek-text_size_h3 ek-text_weight_medium">
                        ${_(u"Спасибо, Ваша оценка записана.")}
                        <br>
                        ${_(u"Благодарим за то, что помогаете нам стать лучше")}
                    </span>
                </div>
                <div class="ek-grid__item">
                    <span class="ek-text ek-text_size_h5">
                        <a class="ek-link ek-link_color_link" href="${h.url.bigl('main_page')}">
                            ${_(u'Вернуться к покупкам')}</a>
                    </span>
                </div>
                <div class="ek-grid__item">
                    <div class="ek-box ek-box_padding-tb_s">
                        <img
                            class='ek-image ek-image_align_center ek-box_width_4-10 ek-box_width_1-4@medium'
                            src="${h.url.static('/bigl/images/dogs/dog-with-paper.svg')}"
                            alt=""
                        >
                    </div>
                </div>
            </div>
        </span>
    </div>
</%def>


<%def name="placeholder()">
    <div class="ek-box ek-box_margin-tb_xxs ek-box_padding-tb_3xl">
        <span class="ek-text ek-text_align_center">
            ${bgl_common.preloader(size="medium")}
        </span>
    </div>
</%def>


<%def name="content()">
    <div class="ek-box ek-box_margin-top_xxs ek-box_margin-bottom_m">
        <span class="ek-text ek-text_size_h3 ek-text_weight_medium">
            ${_(u"Расскажите нам")}
        </span>
    </div>
</%def>


<div class="ek-box ek-box_background_gray ek-box_padding_xs ek-box_padding_m@small">
    <div class="ek-box ek-box_margin-lr_auto ek-box_width_8-10@small ek-box_width_6-10@medium">

        <div class="ek-box ek-box_background_white ek-box_padding_xs ek-box_padding_m@small ek-box_round_l">
            <div
                data-bazooka="ColbertQuestionnaire"
                data-colbert-questionnaire-id=${h.to_json(h.get_config('bigl.colbert.question.nps'))|n}
            >
                <div data-colbert-questionnaire-placeholder-node>
                    ${placeholder()}
                </div>
                <div data-colbert-questionnaire-mount-node hidden>
                    ${content()}
                </div>
                <div data-colbert-questionnaire-alredy-answered-node hidden>
                    ${alredy_answered()}
                </div>
            </div>
        </div>

    </div>
</div>