<?php
if ( post_password_required() ) {
	return;
}
$fields =  array(
    'author' => '<input type="text" name="author" id="name" class="input-form" placeholder="Name*" />',
    'email'  => '<input type="text" name="email" id="email" class="input-form" placeholder="Email*"/>',
    'website'=> '<input type="text" name="url" id="url" class="input-form" placeholder="Website"/>'

);
$custom_comment_form = array( 
    'fields'                => apply_filters( 'comment_form_default_fields', $fields ),
    'comment_field'         => '
    <textarea name="comment" id="message" class="textarea-form" placeholder="Comment" rows="5"></textarea>',
    'logged_in_as'          => '<p class="logged-in-as">' . sprintf( __( 'Logged in as <a href="%1$s">%2$s</a> <a href="%3$s">Log out?</a>','kayla' ), admin_url( 'profile.php' ), $user_identity, wp_logout_url( apply_filters( 'the_permalink', get_permalink() ) ) ) . '</p>',
    'cancel_reply_link'     => __( 'Cancel' , 'kayla' ),
    'comment_notes_before'  => '<p class="comment-notes">Your email address will not be published. Required fields are marked *</p>',
    'comment_notes_after'   => '',
    'title_reply'           => __( 'Leave a Reply' , 'kayla' ),
    'label_submit'          => __( 'Submit' , 'kayla' ),
    'id_submit'             => 'comment_submit',
    'title_reply_before' => '<h3 id="reply-title" class="comment-reply-title">',
	'title_reply_after'  => '</h3>',
    'class_submit' => 'submit',
    'class_form' => ''
);
if ( have_comments() ) { ?>
<div id="comments" class="comments-area">    
        <?php if ( comments_open() ) { ?>
            <h3 class="comments-title"><?php comments_number( null, __('1 Comment', 'kayla'), '% ' . __('Comments', 'kayla') ); ?></h3>
       	<?php } ?>
    	<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) { ?>
    	<nav id="comment-nav-above" class="navigation comment-navigation" role="navigation">
    		<h1 class="screen-reader-text"><?php esc_html_e( 'Comment navigation', 'kayla' ); ?></h1>
    		<div class="nav-previous"><?php previous_comments_link('&larr; Older Comments'); ?></div>
    		<div class="nav-next"><?php next_comments_link('Newer Comments &rarr;'); ?></div>
    	</nav><!-- #comment-nav-above -->
    	<?php } ?>    
    	<ol class="comment-list">
		<?php
			wp_list_comments( array(
				'style'       => 'ol',
				'short_ping'  => true,
				'avatar_size' => 90,
                'callback'	  => 'kayla_custom_comment'
			) );
		?>
    	</ol><!-- .comment-list -->    
    	<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) { ?>
    	<nav id="comment-nav-below" class="navigation comment-navigation" role="navigation">
    		<h1 class="screen-reader-text"><?php esc_html_e( 'Comment navigation', 'kayla' ); ?></h1>
    		<div class="nav-previous"><?php previous_comments_link('&larr; Older Comments'); ?></div>
    		<div class="nav-next"><?php next_comments_link('Newer Comments &rarr;'); ?></div>
    	</nav><!-- #comment-nav-below -->
    	<?php } ?>    
    	<?php if ( ! comments_open() ) { ?>
    	<p class="no-comments"><?php esc_html_e( 'Comments are closed.', 'kayla' ); ?></p>
    	<?php } ?>
</div>
<?php } ?>
<!-- Leave reply -->
<?php comment_form($custom_comment_form); ?>
<!-- Leave reply -->