{{template "base/head" .}}
<div class="repository settings branches">
	{{template "repo/header" .}}
	{{template "repo/settings/navbar" .}}
	<div class="ui container">
		{{template "base/alert" .}}
		<h4 class="ui top attached header">
			{{.i18n.Tr "repo.settings.branch_protection" .Branch.BranchName | Str2html}}
		</h4>
		<div class="ui attached segment branch-protection">
			<form class="ui form" action="{{.Link}}" method="post">
				{{.CsrfTokenHtml}}
				<div class="inline field">
					<div class="ui checkbox">
						<input class="enable-protection" name="protected" type="checkbox" data-target="#protection_box" {{if .Branch.IsProtected}}checked{{end}}>
						<label>{{.i18n.Tr "repo.settings.protect_this_branch"}}</label>
						<p class="help">{{.i18n.Tr "repo.settings.protect_this_branch_desc"}}</p>
					</div>
				</div>
				<div id="protection_box" class="fields {{if not .Branch.IsProtected}}disabled{{end}}">
					<div class="field">
						<div class="ui checkbox">
							<input class="enable-whitelist" name="enable_whitelist" type="checkbox" data-target="#whitelist_box" {{if .Branch.EnableWhitelist}}checked{{end}}>
							<label>{{.i18n.Tr "repo.settings.protect_whitelist_committers"}}</label>
							<p class="help">{{.i18n.Tr "repo.settings.protect_whitelist_committers_desc"}}</p>
						</div>
					</div>
					<div id="whitelist_box" class="fields {{if not .Branch.EnableWhitelist}}disabled{{end}}">
						<div class="whitelist field">
							<label>{{.i18n.Tr "repo.settings.protect_whitelist_users"}}</label>
							<div class="ui multiple search selection dropdown">
								<input type="hidden" name="whitelist_users" value="{{.whitelist_users}}">
								<div class="default text">{{.i18n.Tr "repo.settings.protect_whitelist_search_users"}}</div>
								<div class="menu">
									{{range .Users}}
										<div class="item" data-value="{{.ID}}">
											<img class="ui mini image" src="{{.RelAvatarLink}}">
											{{.Name}}
										</div>
									{{end}}
								</div>
							</div>
						</div>
						{{if .Owner.IsOrganization}}
							<br>
							<div class="whitelist field">
								<label>{{.i18n.Tr "repo.settings.protect_whitelist_teams"}}</label>
								<div class="ui multiple search selection dropdown">
									<input type="hidden" name="whitelist_teams" value="{{.whitelist_teams}}">
									<div class="default text">{{.i18n.Tr "repo.settings.protect_whitelist_search_teams"}}</div>
									<div class="menu">
										{{range .Teams}}
											<div class="item" data-value="{{.ID}}">
												<i class="octicon octicon-jersey"></i>
												{{.Name}}
											</div>
										{{end}}
									</div>
								</div>
							</div>
						{{end}}
					</div>
				</div>

				<div class="ui divider"></div>

				<div class="field">
					<button class="ui green button">{{$.i18n.Tr "repo.settings.update_settings"}}</button>
				</div>
			</form>
		</div>
	</div>
</div>
{{template "base/footer" .}}