{{if and $.root.SignedUserID (not $.Repository.IsArchived)}}
	{{if $.hidden}}
		<button class="comment-form-reply ui green labeled icon tiny button">
			{{svg "octicon-reply" 16 "reply icon mr-2"}}{{$.root.i18n.Tr "repo.diff.comment.reply"}}
		</button>
	{{end}}
	<form class="ui form {{if $.hidden}}hide comment-form comment-form-reply{{end}}" action="{{$.root.Issue.HTMLURL}}/files/reviews/comments" method="post">
	{{$.root.CsrfTokenHtml}}
		<input type="hidden" name="origin" value="{{if $.root.PageIsPullFiles}}diff{{else}}timeline{{end}}">
		<input type="hidden" name="latest_commit_id" value="{{$.root.AfterCommitID}}"/>
		<input type="hidden" name="side" value="{{if $.Side}}{{$.Side}}{{end}}">
		<input type="hidden" name="line" value="{{if $.Line}}{{$.Line}}{{end}}">
		<input type="hidden" name="path" value="{{if $.File}}{{$.File}}{{end}}">
		<input type="hidden" name="diff_start_cid">
		<input type="hidden" name="diff_end_cid">
		<input type="hidden" name="diff_base_cid">
		<div class="ui top tabular menu" {{if not $.hidden}}onload="assingMenuAttributes(this)" {{end}}data-write="write" data-preview="preview">
			<a class="active item" data-tab="write">{{$.root.i18n.Tr "write"}}</a>
			<a class="item" data-tab="preview" data-url="{{$.root.Repository.APIURL}}/markdown" data-context="{{$.root.RepoLink}}">{{$.root.i18n.Tr "preview"}}</a>
		</div>
		<div class="field">
			<div class="ui active tab" data-tab="write">
				<textarea name="content" placeholder="{{$.root.i18n.Tr "repo.diff.comment.placeholder"}}"></textarea>
			</div>
			<div class="ui tab markdown" data-tab="preview">
			{{.i18n.Tr "loading"}}
			</div>
		</div>
		<div class="field footer">
			<span class="markdown-info">{{svg "octicon-markdown"}} {{$.root.i18n.Tr "repo.diff.comment.markdown_info"}}</span>
			<div class="ui right">
				{{if $.reply}}
					<button class="ui submit green tiny button btn-reply" type="submit">{{$.root.i18n.Tr "repo.diff.comment.reply"}}</button>
					<input type="hidden" name="reply" value="{{$.reply}}">
				{{else}}
					{{if $.root.CurrentReview}}
						<button name="is_review" value="true" type="submit"
								class="ui submit green tiny button btn-add-comment">{{$.root.i18n.Tr "repo.diff.comment.add_review_comment"}}</button>
					{{else}}
						<button name="is_review" value="true" type="submit"
								class="ui submit green tiny button btn-start-review">{{$.root.i18n.Tr "repo.diff.comment.start_review"}}</button>
						<button type="submit"
								class="ui submit tiny basic button btn-add-single">{{$.root.i18n.Tr "repo.diff.comment.add_single_comment"}}</button>
					{{end}}
				{{end}}
				{{if or (not $.HasComments) $.hidden}}
					<button type="button" class="ui submit tiny basic button btn-cancel" onclick="window.cancelCodeComment(this);">{{$.root.i18n.Tr "cancel"}}</button>
				{{end}}
			</div>
		</div>
	</form>
{{end}}