<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
?>

<?php if ( have_comments() ){ ?>
<div id="comments" class="comments-area mb-80">

	<div class="title-g mb-50">
		<h3><?php echo buka_get_option('blog_post_comments_title', esc_html__('Comments', 'wp-buka')) ?></h3>
	</div>

	<?php
	wp_list_comments([
		'callback' => 'buka_comment_layout_begin',
		'end-callback' => 'buka_comment_layout_end',
		'style' => 'div'
	]);
	?>

	<?php if ( get_option('page_comments') && get_comment_pages_count() > 1 ){ ?>
	<nav class="navigation comment-navigation" role="navigation">
		<div class="nav-previous"><?php previous_comments_link( (is_rtl() ? '&rarr;' : '&larr;').' '.esc_html__('Older Comments', 'wp-buka') ); ?></div>
		<div class="nav-next"><?php next_comments_link( esc_html__('Newer Comments', 'wp-buka').' '.(is_rtl() ? '&larr;' : '&rarr;') ); ?></div>
	</nav>
	<?php } ?>

</div>
<?php } ?>

<div class="comment-form">
	<div class="title-g mb-40">
		<h3><?php echo buka_get_option('blog_post_comment_form_title', esc_html__('Your Comment', 'wp-buka')) ?></h3>
	</div>

	<?php
	$commenter = wp_get_current_commenter();
	$req = get_option('require_name_email');
	
	$name_placeholder = esc_attr__('Name', 'wp-buka') . ( $req ? ' *' : '' );
	$email_placeholder = ( $req && is_rtl() ? '* ' : '' ) . esc_attr__('Email', 'wp-buka') . ( $req && !is_rtl() ? ' *' : '' );
	$text_placeholder = esc_attr__('Comment Text', 'wp-buka') . ' *';
	
	$logout_link = sprintf('<small><a href="%1$s" title="%2$s">%3$s</a></small>',
		wp_logout_url(apply_filters('the_permalink', get_permalink())),
		esc_attr__('Log out of account', 'wp-buka'),
		esc_html_x('Logout', 'Log out of account', 'wp-buka')
	);
	
	$profile_link = sprintf('<a href="%1$s">%2$s</a>',
		admin_url('profile.php'),
		$user_identity
	);
	
	/* translators: %s is the logged in user name */
	$logged_in_as = sprintf(esc_html__('Logged in as "%s"', 'wp-buka') , $profile_link);

	$fields = [
		'author' =>	'<div class="col-md-6"><div class="form-group"> <input id="author" name="author" type="text" placeholder="'.$name_placeholder.'" '.( $req ? 'required' : '' ).' value="'.esc_attr( $commenter['comment_author'] ).'"> </div></div>',
		'email' =>	'<div class="col-md-6"><div class="form-group"> <input id="email" name="email" type="email" placeholder="'.$email_placeholder.'" '.( $req ? 'required' : '' ).' value="'.esc_attr( $commenter['comment_author_email'] ).'" dir="ltr"> </div></div>',
	];

	comment_form([

		// Submit
		'submit_field' => '<div class="col-md-12 text-center">%1$s %2$s</div>',
		'class_submit' => 'submit',

		// Form
		'id_form' => 'comment-form',
		'class_form' => 'form row',

		// Fields
		'fields' => apply_filters('comment_form_default_fields', $fields),
		'comment_field' => '<div class="col-md-12"><div class="form-group"> <textarea id="comment" name="comment" placeholder="'.$text_placeholder.'" rows="4" required></textarea> </div></div>',

		// Titles
		'title_reply' => '',
		/* translators: %s is the commenter name */
		'title_reply_to' => esc_html__('Replying to "%s"', 'wp-buka'),
		'title_reply_before' => '<p class="comment_reply_to">',
		'title_reply_after' => '</p>',
		'comment_notes_before' => '<p class="comment-notes col-12">' . esc_html__('Your email will not be published.', 'wp-buka') . '</p>',
		'logged_in_as' => '<p class="logged-in-as col-12">' . $logged_in_as.' '.$logout_link . '</p>',
	]);
	?>
</div>