<?php
/**
 * The template for displaying comments
 *
 * This is the template that displays the area of the page that contains both the current comments
 * and the comment form.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package lumex
 */

/*
 * If the current post is protected by a password and
 * the visitor has not yet entered the password we will
 * return early without loading the comments.
 */
if ( post_password_required() ) {
	return;
}

?>

<!-- comments -->
<div class="mil-gray-section mil-p-10-10 mil-angle mil-angle-lg">
	<div class="container">
		<div class="row mil-jcc">

			<div class="col-lg-8">
				<div id="comments" class="post-comments">

				<?php
				// You can start editing here -- including this comment!
				if ( have_comments() ) :
				?>

				<div class="mil-mb-3">
					<h4 class="mil-h4"><?php comments_number( esc_html__( 'No comments found', 'lumex' ), esc_html__( '1 Comment', 'lumex' ), esc_html__( '% Comments', 'lumex' ) ); ?></h4>
				</div>

				<!-- comments -->
				<ul class="mil-comments-list">
					<?php
					wp_list_comments( array(
						'style'	  => 'ul',
						'avatar_size' => '80',
						'callback' => 'lumex_comment'
					) );
					?>
				</ul>

				<?php
				the_comments_navigation( array(
					'screen_reader_text' => ' ',
					'prev_text' => esc_html__( 'Older comments', 'lumex' ),
					'next_text' => esc_html__( 'Newer comments', 'lumex' )
				) );

				// If comments are closed and there are comments, let's leave a little note, shall we?
				if ( ! comments_open() ) :
				?>
				<p class="mil-text-md no-comments"><?php esc_html_e( 'Comments are closed.', 'lumex' ); ?></p>
				<?php endif; ?>

				<?php endif; // Check for have_comments().
				?>

				<div class="form-comment <?php if ( comments_open() ) : ?>form-comment-open<?php endif; ?>">
					<?php
						$req = get_option( 'require_name_email' );
						$aria_req = ( $req ? " aria-required='true'" : '' );

						$comment_args = array(
							'title_reply' => esc_html__( 'Write a comment', 'lumex' ),
							'title_reply_to' => esc_html__( 'Write a comment to %s', 'lumex' ),
							'cancel_reply_link' => esc_html__( 'Cancel Reply', 'lumex' ),
							'title_reply_before' => '<div id="reply-title" class="title comment-reply-title"><h4 class="mil-h4 mil-mb-3">',
							'title_reply_after' => '</h4></div>',
							'label_submit' => esc_html__( 'Submit', 'lumex' ),
							'comment_field' => '<div class="mil-input-frame mil-light mil-mb-2"><textarea placeholder="' . esc_attr__( 'Comment', 'lumex' ).'" id="comment" name="comment" aria-required="true" ></textarea></div>',
							'must_log_in' => '<p class="mil-text-md mil-mb-3 must-log-in">' . esc_html__( 'You must be ', 'lumex' ) . '<a href="' . esc_url( wp_login_url( apply_filters( 'the_permalink', get_permalink( ) ) ) ) . '" class="mil-text-link">' . esc_html__( 'logged in', 'lumex' ) . '</a>' . esc_html__( ' to post a comment.', 'lumex' ) . '</p>',
							'logged_in_as' => '<p class="mil-text-md mil-mb-3 logged-in-as">' . esc_html__( 'Logged in as ', 'lumex' ) . '<a href="' . esc_url( admin_url( 'profile.php' ) ) . '" class="mil-text-link">' . esc_html( $user_identity ) . '</a>' . esc_html__( '. ', 'lumex' ) . '<a href="' . esc_url( wp_logout_url( apply_filters( 'the_permalink', get_permalink( ) ) ) ) . '" title="' . esc_attr__( 'Log out of this account', 'lumex' ) . '" class="mil-text-link">' . esc_html__( 'Log out?', 'lumex' ) . '</a></p>',
							'comment_notes_before' => '',
							'comment_notes_after' => '',
							'fields' => apply_filters( 'comment_form_default_fields', array(
								'author' => '<div class="mil-input-frame mil-light mil-mb-2"><input id="author" name="author" type="text" placeholder="' . esc_attr__( 'Name', 'lumex' ) . '" value="" ' . $aria_req . ' /></div>',
								'email' => '<div class="mil-input-frame mil-light mil-mb-2"><input id="email" name="email" type="text" placeholder="' . esc_attr__( 'Email', 'lumex' ) . '" value="" ' . $aria_req . ' /></div>',
							)),
							'class_submit' => 'mil-btn mil-accent',
							'submit_field' => '<div class="form-comment-submit">%1$s %2$s</div>',
							'submit_button' => '<button type="submit" name="%1$s" id="%2$s" class="%3$s"><span>%4$s</span><i class="fa fa-arrow-right"></i></button>'
						);

						comment_form( $comment_args );
					?>
				</div>

				</div>
			</div>

		</div>
	</div>
</div>
<!-- comments end -->