<script>
  jQuery(document).ready(function(){
      CKEDITOR.replace( 'add_new_comment' )
  })
</script>
<h3><?php _e('Comments', 'ulp');?></h3>

<div class="ulp-comment-box">
    <div>
        <div class="btn btn-primary pointer ulp-js-add-new-comment"><?php _e('Add comment', 'ulp');?></div>
    </div>
    <div class="ulp-display-none ulp-comment-form" data-post-id="<?php echo $postId;?>" data-hash="<?php echo md5($postId . 'ulp_secret');?>">
        <div>
            <label><?php _e('Add new comment', 'ulp');?></label>
            <textarea name="content" style="width: 90%; height: 200px;" id="add_new_comment"></textarea>
        </div>
        <div class="btn btn-primary pointer ulp-js-submit-comment"><?php _e('Submit', 'ulp');?></div>
        <div class="btn btn-primary pointer ulp-js-hide-comment-form"><?php _e('Cancel', 'ulp');?></div>
    </div>
</div>

<div class="ulp-list-comments">
    <?php if ($comments):?>
        <?php foreach ($comments as $comment):?>
            <?php include ULP_PATH . 'views/templates/instructor_dashboard/miniatures-single_comment.php';?>
        <?php endforeach;?>
    <?php else :?>
        <h3><?php _e('No comments yet!', 'ulp');?></h3>
    <?php endif;?>
</div>
<?php if ($showLoadMoreBttn):?>
  <div class="ulp-load-more-bttn-wrapp">
    <div class="js-ulp-load-more-comments ulp-load-more-bttn" id=""
        data-limit="<?php echo $limit;?>"
    ><?php _e('Show More', 'ulp');?></div>
  </div>
<?php endif;?>
