<?php
/**
 * The template for displaying Comments.
 */
if ( post_password_required() )
	return;
?>
	<?php // You can start editing here -- including this comment! ?>
		   <div id="comments-section">
                <div id="comments" class="comments<?php if(!have_comments()) { ?> p-top20<?php } ?>">
	<?php if ( have_comments() ) : ?>               
               <div class="comments-section-div">
                <h2 class="thin mb-60 categorised-blog-title">
					<span><?php comments_number(esc_html__('No Comment Yet', 'monix'), esc_html__('1 Comment', 'monix'), esc_html__('% Comments', 'monix') );?></span>
				</h2>
              </div>					
				<ul class="comments-list">
					<?php wp_list_comments( array( 'callback' => 'monix_comment' ) ); ?>
				</ul><!-- .commentlist -->
				<div class="clearfix"></div>		  
				<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?>
				<span class="separator"></span>    
				<div class="custom-pagination text-center">
							<ul class="pagenation-list">
							  <li><?php esc_url( previous_comments_link( '<i class="fa fa-angle-left"></i>' ) ) ?></li>
							  <li><?php esc_url( next_comments_link( '<i class="fa fa-angle-right"></i>', 0 ) ) ?></li>
							</ul>
				</div>
				<?php endif; ?>
				<?php
				/* If there are no comments and comments are closed, let's leave a note.
				 * But we only want the note on posts and pages that had comments in the first place.
				 */
				if ( ! comments_open() ) : ?>
					<h2 class="thin mb-60 categorised-blog-title"><?php esc_html_e( 'Comments are ' , 'monix' ); ?><span class="bold"><?php esc_html_e( 'Closed!' , 'monix' ); ?></span></h2>
				<?php endif; ?>			 
	<?php endif; // have_comments() ?>
	<?php if ( comments_open() ) : ?>
		<div id="responding">
			<?php comment_form(array(
			'title_reply' => ''.esc_html__( 'Leave A' , 'monix' ).'<span class="bold">'.esc_html__( ' Comment' , 'monix' ).'</span>',

			'title_reply_before' => '<h2 class="thin mb-60 categorised-blog-title">',

			'title_reply_after' => '</h2>',

			)); ?>
		</div><!--#respond end-->
	<?php endif; ?>
	</div><!--#comments-section end-->
	</div><!--#comments end-->