<h4 class="ui top attached header">
	{{.i18n.Tr "settings.authorized_oauth2_applications"}}
</h4>
<div class="ui attached segment">
	<div class="ui key list">
		<div class="item">
			{{.i18n.Tr "settings.authorized_oauth2_applications_description"}}
		</div>
		{{range $grant := .Grants}}
			<div class="item">
				<div class="right floated content">
					<button class="ui red tiny button delete-button" id="revoke-gitea-oauth2-grant"
							data-url="{{AppSubUrl}}/user/settings/applications/oauth2/revoke"
							data-id="{{$grant.ID}}">
						{{$.i18n.Tr "settings.revoke_key"}}
					</button>
				</div>
				<i class="big key icon"></i>
				<div class="content">
					<strong>{{$grant.Application.Name}}</strong>
					<div class="activity meta">
						<i>{{$.i18n.Tr "settings.add_on"}} <span>{{$grant.CreatedUnix.FormatShort}}</span></i>
					</div>
				</div>
			</div>
		{{end}}
	</div>
</div>

<div class="ui small basic delete modal" id="revoke-gitea-oauth2-grant">
	<div class="ui icon header">
		<i class="shield alternate icon"></i>
		{{.i18n.Tr "settings.revoke_oauth2_grant"}}
	</div>
	<div class="content">
		<p>{{.i18n.Tr "settings.revoke_oauth2_grant_description"}}</p>
	</div>
	{{template "base/delete_modal_actions" .}}
</div>