<div class="comment-form comments_cont">
    <h5> Leave a Comment </h5>
	<a class="cancel-comment"><i class="cancel-comment fa fa-close"></i></a>
    <form id="form" class="comment-form" method="post" action="{{ site.url~'/wp-comments-post.php' }}">
        {% if  user %}
            <input type="hidden" name="email" value="{{ user.email }}">
            <input type="hidden" name="author" value="{{ user.name }}">
            <input type="hidden" name="url" value="{{ user.link }}">
        {% else %}
            <div>
                <label for="email"> email </label>
                <input required name="email" type="text" id="email"/>

                <label for="author"> username </label>
                <input required name="author" type="text" id="author"/>

                <label for="url"> url </label>
                <input name="url" id="url" type="text"/>
            </div>
        {% endif %}

        <div class="multiple_post_area">
            <label for="comment"> Comment </label>
            <textarea placeholder="Enter Comments" name="comment" cols="60" rows="3" id="comment"></textarea>
        </div>

        <input name="comment_post_ID" value="{{ post.id }}" id="comment_post_ID" type="hidden">
        <input name="comment_parent" id="comment_parent" value="{{ comment.ID|default('0') }}" type="hidden">

        <div class="multiple_post_btn">
            <button type="submit" name="Submit" class="btn btn--radius btn--transparent btn--xs"> Send </button>
            <button type="reset" class="btn btn--radius btn--transparent btn--xs"> Cancel </button>
            <p> Your comment will be revised by the site if needed. </p>
        </div>
    </form>
</div>