<div id="serendipityCommentFormC" class="serendipityCommentForm">
    <div id="serendipity_replyform_0"></div>
    <a id="serendipity_CommentForm"></a>
{if $is_moderate_comments}
    <p class="alert alert-warning" role="alert">{$CONST.COMMENTS_WILL_BE_MODERATED}</p>
{/if}
    <form id="serendipity_comment" action="{$commentform_action}#feedback" method="post">
        <input type="hidden" name="serendipity[entry_id]" value="{$commentform_id}">

        <div class="form-group">
            <label for="serendipity_commentform_name">{$CONST.NAME}{if isset($required_fields.name) and $required_fields.name}*{/if}</label>
            <input id="serendipity_commentform_name" class="form-control" type="text" name="serendipity[name]" value="{$commentform_name}"{if isset($required_fields.name) and $required_fields.name} required{/if}>
        </div>

        <div class="form-group">
            <label for="serendipity_commentform_email">{$CONST.EMAIL}{if isset($required_fields.email) and $required_fields.email}*{/if}</label>
            <input id="serendipity_commentform_email" class="form-control" type="email" name="serendipity[email]" value="{$commentform_email}"{if isset($required_fields.email) and $required_fields.email} required{/if}>
        </div>

        <div class="form-group">
            <label for="serendipity_commentform_url">{$CONST.HOMEPAGE}{if isset($required_fields.url) and $required_fields.url}*{/if}</label>
            <input id="serendipity_commentform_url" class="form-control" type="url" name="serendipity[url]" value="{$commentform_url}"{if isset($required_fields.url) and $required_fields.url} required{/if}>
        </div>

        <div class="form-group">
            <label for="serendipity_replyTo">{$CONST.IN_REPLY_TO}</label>
            {$commentform_replyTo}
        </div>

        <div class="form-group">
            <label for="serendipity_commentform_comment">{$CONST.COMMENT}{if isset($required_fields.comment) and $required_fields.comment}*{/if}</label>
            <textarea id="serendipity_commentform_comment" class="form-control" rows="10" name="serendipity[comment]"{if isset($required_fields.comment) and $required_fields.comment} required{/if}>{$commentform_data}</textarea>
        </div>
        {serendipity_hookPlugin hook="frontend_comment" data=$commentform_entry}
    {if $is_commentform_showToolbar}
        <div class="form-check">
            <input id="checkbox_remember" class="form-check-input" type="checkbox" name="serendipity[remember]" {$commentform_remember}> <label for="checkbox_remember" class="form-check-label">{$CONST.REMEMBER_INFO}</label>
        </div>
        {if $is_allowSubscriptions}
        <div class="form-check">
            <input id="checkbox_subscribe" class="form-check-input" type="checkbox" name="serendipity[subscribe]" {$commentform_subscribe}> <label for="checkbox_subscribe" class="form-check-label">{$CONST.SUBSCRIBE_TO_THIS_ENTRY}</label>
        </div>
        {/if}
    {/if}
        <div class="form_buttons my-3">
            <input id="serendipity_preview" class="btn btn-outline-primary" type="submit" name="serendipity[preview]" value="{$CONST.PREVIEW}">
            <input id="serendipity_submit" class="btn btn-primary" type="submit" name="serendipity[submit]" value="{$CONST.SUBMIT_COMMENT}">
        </div>
    </form>
</div>