<?php

if ( post_password_required() ) {
	return;
}
?>

<div id="comments" class="comments-area post-comments">

	<?php

	if ( have_comments() ) : ?>
		<h6 class="comments-title">
			<?php
				$comments_number = get_comments_number();
				if ( '1' === $comments_number ) {
					printf( esc_html_x( 'One Reply to &ldquo;%s&rdquo;', 'comments title', 'reda' ), get_the_title() );
				} else {
					printf(
						_nx(
							'%1$s Reply to &ldquo;%2$s&rdquo;',
							'%1$s Replies to &ldquo;%2$s&rdquo;',
							$comments_number,
							'comments title',
							'reda'
						),
						number_format_i18n( $comments_number ),
						get_the_title()
					);
				}
			?>
		</h2>

		<ol class="comment-list">
			<?php
				wp_list_comments( array(
					'walker'      => new Reda_Walker_Comment(),
					'avatar_size' => 50,
					'style'       => 'ul',
					'short_ping'  => true,
				) );
			?>
		</ol>

		<?php 

		if(isset($commentNavigation)) {
			the_comments_navigation();
		} else {
			the_comments_pagination( array(
				'prev_text' => '<div class="previous-page arrow-prev"><i class="fa fa-angle-left"></i></div>',
				'next_text' => '<div class="next-page arrow-next"><i class="fa fa-angle-right"></i></div>',
			) );
		}

	endif;

	if ( ! comments_open() && get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) : ?>

		<p class="no-comments"><?php esc_html_e( 'Comments are closed.', 'reda' ); ?></p>
	<?php
	endif;

$commenter = wp_get_current_commenter();
$req = get_option( 'require_name_email' );
$aria_req = ( $req ? " aria-required='true'" : '' );
$fields =  array(

  'author' =>'<div class="comment-details reda-fieldset">
		<div class="comment-text name comment-input mf-input">
			<label for="comment_author">'.esc_html__('Name', 'reda').'<span>'.reda_get_svg( array( 'icon' => 'remove' ) ) .'</span></label>
			<input class="input-required darken2-bg-color" type="text" name="author" id="comment_author" value="'.esc_attr( $commenter['comment_author'] ).'">
		</div> ',

  'email' =>'<div class="comment-text email comment-input mf-input">
		<label for="comment_email">'.esc_html__('Email', 'reda').'<span>'.reda_get_svg( array( 'icon' => 'remove' ) ) .'</span></label>
			<input class="input-required darken2-bg-color" type="text" name="email" id="comment_email" value="'.esc_attr(  $commenter['comment_author_email'] ).'">
		</div>',

  'url' =>'<div class="comment-text url comment-input mf-input">
  		<label for="comment_url">'.esc_html__('Website', 'reda').'<span>'.reda_get_svg( array( 'icon' => 'remove' ) ) .'</span></label>
			<input class="darken2-bg-color" type="text" name="url" id="comment_url" value="'.esc_attr( $commenter['comment_author_url'] ).'">
		</div>  
	</div>',
);

	$args = array(
		'comment_notes_before' => '',
		'cancel_reply_before' => '',
		'cancel_reply_after' => '',
		'title_reply_before' => '<h6 id="reply-title" class="comment-reply-title">',
		'title_reply_after' => '</h6>',
		'class_form' => 'reda-form forms-style comment-form darken-bg-color',
		'class_submit'  => 'btn btn-single btn-sm btn-solid btn-accent btn-comment',
		'comment_field' => '<div class="message reda-fieldset">
							<div class="comment-textarea message comment-input mf-input">
								<label for="comment_message">'.esc_html__('Comment', 'reda').'<span>'.reda_get_svg( array( 'icon' => 'remove' ) ) .'</span></label>
								<textarea class="input-required darken2-bg-color" rows="1" name="comment" id="comment_message"></textarea>
								<div class="border-label"></div>
							</div>
						</div>',
		'fields' => apply_filters( 'comment_form_default_fields', $fields ),
	);
	?>
	
	<?php comment_form($args); ?>
	
</div>