{* The page heading *}

<div class="h2" style="padding-left: 15px; padding-right: 15px; margin-bottom: 30px">
                        {$page->name|escape}
                    </div>

<div class="block padding">
{* Тело страницы *}
{$page->description}
    <div id="comments" style="display: block">
        <form id="review_form" action="/bot" class="fn_validate_post comment_form product review_form" method="post" enctype="multipart/form-data" style="display: none;">

            <div class="m-y-1 text-xs-center">
                <div class="h3">
                    <span data-language="post_write_comment">{$lang->reviews_post_write_review}</span>
                </div>
            </div>
            {* Form error messages *}
            {if $error}
                <div class="message_error">
                    {if $error=='captcha'}
                        <span data-language="form_error_captcha">{$lang->form_error_captcha}</span>
                    {elseif $error=='empty_name'}
                        <span data-language="form_enter_name">{$lang->form_enter_name}</span>
                    {elseif $error=='empty_review'}
                        <span data-language="form_enter_comment">{$lang->form_enter_comment}</span>
                    {/if}
                </div>
            {/if}

            <input type="hidden" id="parent_id" name="parent_id" value="{$parent_id|intval}" />
            {* User's name *}
            <div class="col-lg-12 form_group">
                <input class="form_input" type="text" name="name" value="{$review_name|escape}" placeholder="{$lang->form_name}*">
            </div>

            {* User's comment *}
            <div class="col-lg-12 form_group">
                <textarea class="form_textarea" rows="3" name="text" placeholder="{$lang->form_enter_comment}*">{$review_text}</textarea>
            </div>


            <div class="col-lg-12 form_group">
                <div class="info_icon m-y-1">
                    <label for="review_image" data-language="reviews_add_image">{$lang->reviews_add_image}</label>
                    {if $review_image}
                        <input type="hidden" id="review_image" name="image" value="{$review_image}"/>
                        <img src="{$review_image|resize:50:50:false:$config->resized_reviews_dir}" alt="Отзыв {$review_name}"
                             class="review_image" />
                    {else}
                        <input type="file" id="review_image" name="image" value=""/>
                    {/if}
                </div>
            </div>

            <div class="col-lg-12 form_group">
                {get_captcha var="captcha_review"}
                <div class="captcha">
                    <div class="secret_number"><span id="_a"></span> <span id="_p"></span> <span id="_b"></span> <span id="_s"></span> <span id="_c"></span></div>
                    <input class="form_input input_captcha" type="text" name="captcha_code" value="" placeholder="{$lang->form_enter_captcha}*">
                </div>

            </div>
            <div class="col-lg-12 form_group">
                <input class="button" id="review_btn" type="button" name="review" data-language="form_send" value="{$lang->form_send}"/>
            </div>

        </form>

        
        <div class="comment_form product">
        {if $reviews}
            {function name=reviews_tree level=0}
                {foreach $reviews as $review}

                    {* Comment anchor *}
                    <a name="comment_{$comment->id}"></a>

                    {* Comment list *}
                    <div class="comment_item{if $level > 0} admin_note{/if}">

                        <div class="comment_header">
                            <div class="image">
                                {if $review->image}
                                    <a href="{$review->image|resize:800:800:false:$config->resized_reviews_dir}" title="Фотоотзыв {$review->name|escape}" class="fancyreview" rel="gal_{$review->id}">
                                        <img src="{$review->image|resize:100:100:false:$config->resized_reviews_dir}" alt="{$review->name|escape}" />
                                    </a>
                                {/if}
                            </div>
                            {* Comment name *}
                            <span class="comment_author">{$review->name|escape}</span>

                            {* Comment date *}
                            <span class="comment_date">{$review->date|date}, {$review->date|time}</span>

                            {* Comment status *}
                            {if !$review->approved}
                                <span data-language="post_comment_status">({$lang->post_comment_status})</span>
                            {/if}
                        </div>

                        {* Comment content *}
                        <div class="comment_content review_comment">
                            <span>{$review->text|escape|nl2br}</span>
                        </div>

                        {if $review->video}
                            <a href="http://www.youtube.com/embed/{$review->video}"
                               title="Видеоотзыв {$review->name|escape}"
                               class="iframe fancybox.iframe fancyreview videoreview"
                               rel="gal_{$review->id}">
                                <img src="http://img.youtube.com/vi/{$review->video}/mqdefault.jpg" width="100" />
                                <i class="fa fa-youtube-play" aria-hidden="true"></i>
                            </a>
                        {/if}
                        <div class="m-y-1">
                            <a href="#review_form" class="answer" data-parent_id="{$review->id}">Ответить</a>
                        </div>
                        {if isset($children[$review->id])}
                            {reviews_tree reviews=$children[$review->id] level=$level+1}
                        {/if}
                    </div>

                {/foreach}
            {/function}
            {reviews_tree reviews=$reviews}
            {include "pagination.tpl"}
        {else}
            <div class="no_comments">
                <span data-language="post_no_comments">{$lang->reviews_post_no_reviews}</span>
            </div>
        {/if}
        </div>
        
        <div class="text-xs-center m-y-1 row" style="margin-top: 30px">
            <a href="#review_form" class="answer button" style="text-decoration: none; border:2px solid #e5e5e5; margin-left: 15px" data-parent_id="0" data-language="post_write_comment">{$lang->reviews_post_write_review}</a>
        </div>
        
    </div>
</div>


{literal}
<script>
$(function(){


setTimeout(function(){
    {/literal}
    $("#_a").html('{$captcha_review[0]|escape}');
    $("#_b").html('?');
    $("#_c").html('{$captcha_review[1]|escape}');

    $("#_p").html('+');
    $("#_s").html('=');
    {literal}
},1000);

    $("#review_btn").click(function(){
        var form = $(this).closest("form");
        form.attr("action","/reviews");
        form.append("<input type='hidden' name='review' value='1' />")
        form.submit();
        return true;
    })


    $('[name=video]').keyup(function(){
        var varr = $(this).val().split('?');
        if(varr.length<2)
            return false;
        varr = varr[varr.length - 1].split('=');
        if(varr.length<2)
            return false;
        varr = varr[varr.length - 1];
        //alert(varr);
        $('.video_image').html('').append('<a href="http://www.youtube.com/embed/'+ varr +'" class="iframe"><img src="http://img.youtube.com/vi/'+ varr +'/mqdefault.jpg" width="50" /></a>').find('a').fancybox();
    });
    $('.answer').click(function() {
        $('#parent_id').val($(this).data('parent_id'));
    });
    $('.fancyreview').fancybox();
    $('.answer').fancybox();
    {/literal}
    {if $error}
    {literal}
        $.fancybox({
            'href': '#review_form'
        });
    {/literal}
    {/if}
    {literal}
});
</script>
{/literal}