{if $userquery->login_check('',true) || $Cbucket->configs.anonym_comments == 'yes'}
   <div class="add_comment_box" id="add_comment"> </div>
<div class="">
    <div id="comment-add-err"></div>
  <script type="text/javascript">
//Edit the counter/limiter value as your wish
var count = "125";
//Example: var count = "175";
function limiter(){
var tex = document.myform.comment.value;
var len = tex.length;
if(len > count){
tex = tex.substring(0,count);
document.myform.comment.value =tex;
return false;
}
document.myform.limit.value = count-len;
}
</script>
    <form class=""  id="comment_form" name="myform">

        <input type="hidden" name="reply_to" id="reply_to" value="0">
        <input type="hidden" name="obj_id" id="obj_id" value="{$id}">
        {if !$userquery->login_check('',true) && $Cbucket->configs.anonym_comments == 'yes'}

        <div class="form-group">
            <label for="comment_name">
                {lang code='name'}
            </label>
            <input type="text" name="name" id="comment_name" class="form-control">
        </div>

        <div class="form-group">
            <label for="comment_email">
                {lang code='email_wont_display'}
            </label>
            <input type="email" name="email" id="comment_email" class="form-control">
        </div>



        {else}
            <strong class="comment-as">{sprintf(lang('Comment as %s'),$userquery->username)}</strong>
        {/if}

        {ANCHOR place='before_compose_box'}


        {if config('comments_captcha')=='all' || ( config('comments_captcha')=='guests' && !$userquery->login_check('',true) )}

            <div class="form-group">

            {assign var=captcha value=get_captcha()}
            {if $captcha}
            {if $captcha.show_field}
            <label class="label" for="captcha">Verification Code</label>
            {load_captcha captcha=$captcha load=field field_params = ' id="captcha" class="input" '}

            {/if}
             {load_captcha captcha=$captcha load=function}


            {/if}
            </div>
        {/if}


        <div class="form-group">
            {if !$userquery->login_check('',true) && $Cbucket->configs.anonym_comments == 'yes'}
            <label for="comment_text">
                {lang code='Your comment'}
            </label>
            {/if}  
         
          <script type="text/javascript">
document.write("<input style='float:right;margin-top:-31px' type=text name=limit size=4 readonly value="+count+">");
</script>
<div class="clear"></div>
            <textarea onkeyup="limiter()" name="comment" placeholder="Type your comment here. Make sure it means something.." id="comment_text" class="form-control clearfix comment_text_new"></textarea>
           
           <div id="reply_to_img"><i class="glyphicon glyphicon-share-alt" style="color:#428BCA;"></i></div>
        </div>
        <div class="form-group clearfix">
            <button  data-loading-text="Loading..." type="button" class="hidden-xs hidden-sm  btn btn-primary pull-right" id="addCommentButton">{lang('Comment')}</button>

        </div>


        <script>

        function blink(selector){
        $(selector).fadeOut('slow', function(){
        $(this).fadeIn('slow', function(){
        blink(this);
        });
        });
        }

       
        var ajaxPage = baseurl+'/ajax.php';
        $('#addCommentButton').on('click',function(e){  
                e.preventDefault();
                var btn =$(this);
                btn.button('loading');
        

                $('#comment-add-err').hide();
               
                var data = $(this).parents("form").serialize() + "&type={$type}&mode=add_comment";
                console.log(data);
                $.ajax({
                    url: ajaxPage,
                    type: "post",
                    data: data,
                    dataType : 'json',
                }).success(function(response){
                     
                    //var response = $.parseJSON(response);
                   
                    var cid = parseInt(response.cid);
                    if(cid > 1){
                        $.ajax({
                            url: ajaxPage,
                            type: "post",
                            data: {
                                mode: "get_comment",
                                cid: cid,
                                 
                            },
                        }).success(function(comment){
                            $("#comment_text").val('');
                            $("#userCommentsList").prepend(comment);
                            
                            var count_comments =  $("#comment_counter").val();
                            $("#com_count").html("");
                            $("#com_count").append('Comments '+count_comments);
                             

                            
                        });
                    }else{
                        if(response.msg){
                         $('#comment-add-err').show().html(response.msg);   
                        }
                        else if(response.err)
                        {
                            $('#comment-add-err').show().html(response.err);
                        }
                    }
               
                btn.button('reset');
                });
               
            });
        </script>

        <div class="hidden-lg hidden-md mbxl">
            <button type="submit" class="btn btn-primary" onclick="add_comment_js('comment_form','{$type}'){ANCHOR place='onClickAddComment'}">{lang('Comment')}</button>
        </div>
    </form>
   


<div id="add_comment_result" class="add_comment_result mtm mbm" style="display:none"></div>

{else}
    {lang code='please_login_to_comment'}
{/if}
</div>

<style>
#reply_to_img{

position:absolute;
 margin-left:686px;
 margin-top:-65px;
 display:none;

}



</style>
<!-- Script by hscripts.com -->