<div refs="page-comments@form-container" hidden class="comment-branch mb-m">
    <div class="comment-box">

        <div class="header p-s">{{ trans('entities.comment_new') }}</div>
        <div refs="page-comments@reply-to-row" hidden class="primary-background-light text-muted px-s py-xs">
            <div class="grid left-focus v-center">
                <div>
                    <a refs="page-comments@form-reply-link" href="#">{{ trans('entities.comment_in_reply_to', ['commentId' => '1234']) }}</a>
                </div>
                <div class="text-right">
                    <button refs="page-comments@remove-reply-to-button" class="text-button">{{ trans('common.remove') }}</button>
                </div>
            </div>
        </div>
        <div refs="page-comments@reference-row" hidden class="primary-background-light text-muted px-s py-xs">
            <div class="grid left-focus v-center">
                <div>
                    <a refs="page-comments@formReferenceLink" href="#">{{ trans('entities.comment_reference') }}</a>
                </div>
                <div class="text-right">
                    <button refs="page-comments@remove-reference-button" class="text-button">{{ trans('common.remove') }}</button>
                </div>
            </div>
        </div>

        <div class="content px-s pt-s">
            <form refs="page-comments@form" novalidate>
                <div class="form-group description-input">
                <textarea refs="page-comments@form-input" name="html"
                          rows="3"
                          placeholder="{{ trans('entities.comment_placeholder') }}"></textarea>
                </div>
                <div class="form-group text-right">
                    <button type="button" class="button outline"
                            refs="page-comments@hide-form-button">{{ trans('common.cancel') }}</button>
                    <button type="submit" class="button">{{ trans('entities.comment_save') }}</button>
                </div>
            </form>
        </div>

    </div>
</div>