<?php
    if ( post_password_required() ) {
        return;
    }

?>

<!-- comments -->
<div class="comments__container" aria-label="Blog Comments">
    <header class="header__comments">
        <h4 class="comments__content comments--readers">Komentarze<br class="rwd__break--comments"> czytelników</h4>
        <span class="comments__content circle__comments"><i class="fas fa-circle"></i></span>
        <h4 class="comments__content comments--add"><a class="add--comment" href="#">Dodaj odpowiedź</a></h4>
    </header>
    <div class="comment__form">
        <div id="respond" class="respond--form">
            <from id="commentform" class="from__content" method="post" action="#">
                <div class="comment__form--field comment__form--author">
                    <input type="text" id="author" name="author" placeholder="Imię i Nazwisko">
                </div>
                <div class="comment__form--field comment__form--mail">
                    <input type="text" id="email" name="email" placeholder="Adres e-mail">
                </div>
                <div class="comment__form--field comment__form--message">
                    <textarea id="comment" name="comment" placeholder="Treść komentarza"></textarea>
                </div>
                <button name="submit" class="comment__form--submit" value="Submit Comment" type="submit">Wyślij</button>
            </from>
        </div>
    </div>

    <div class="comments__list">

        <?php if (have_comments() ) : ?>

            <?php
                wp_list_comments(array(
                    'callback' => 'pureconciousnesslightandlove_comments_theme',
                    'style' => 'div'
                ));
            ?>

        <?php else : ?>

        <p class="no-comments">brak komentarzy.</p>

        <?php endif; ?>
    </div>

</div>

<!-- end of comments -->