{{template "base/head" .}}
<div class="repository settings edit">
	{{template "repo/header" .}}
	<div class="ui container">
		<div class="ui grid">
			{{template "repo/settings/navbar" .}}
			<div class="twelve wide column content">
				{{template "base/alert" .}}
				<h4 class="ui top attached header">
					{{.i18n.Tr "repo.default_branch"}}
				</h4>
				<div class="ui attached table segment">
					<form class="ui hook list form" action="{{.Link}}" method="post">
						{{.CsrfTokenHtml}}
						<input type="hidden" name="action" value="default_branch">
						<div class="item">
							The default branch is considered the "base" branch in your repository,
							against which all pull requests and code commits are automatically made,
							unless you specify a different branch.
						</div>
						{{if not .Repository.IsBare}}
						<div class="ui grid padded">
							<div class="eight wide column">
								<div class="ui fluid dropdown selection visible" tabindex="0">
									<select name="branch">
										<option value="{{.Repository.DefaultBranch}}">{{.Repository.DefaultBranch}}</option>
										{{range .Branches}}
											<option value="{{.}}">{{.}}</option>
										{{end}}
          							</select><i class="dropdown icon"></i>
									<div class="default text">{{.Repository.DefaultBranch}}</div>
									<div class="menu transition hidden" tabindex="-1" style="display: block !important;">
										{{range .Branches}}
											<div class="item" data-value="{{.}}">{{.}}</div>
										{{end}}
									</div>
								</div>
							</div>
						</div>
						{{end}}
						<div class="item field">
							<button class="ui green button">{{$.i18n.Tr "repo.settings.update_settings"}}</button>
						</div>
					</form>
				</div>

				<h4 class="ui top attached header">
					{{.i18n.Tr "repo.settings.protected_branch"}}
				</h4>
				<div class="ui attached table segment">
					<div class="ui grid padded">
						<div class="eight wide column">
							<div class="ui fluid dropdown selection visible" tabindex="0">
								<select id="protectedBranch" name="branch" data-url="{{.Repository.Link}}/settings/branches?action=protected_branch">
									{{range .LeftBranches}}
										<option value="">Choose a branch...</option>
										<option value="{{.}}">{{.}}</option>
									{{end}}
								</select><i class="dropdown icon"></i>
								<div class="default text">Choose a branch...</div>
								<div class="menu transition hidden" tabindex="-1" style="display: block !important;">
									{{range .LeftBranches}}
										<div class="item" data-value="{{.}}">{{.}}</div>
									{{end}}
								</div>
							</div>
						</div>
					</div>

					<div class="ui grid padded">
						<div class="sixteen wide column">
							<table class="ui single line table padded">
								<tbody>
									{{range .ProtectedBranches}}
										<tr>
											<td><div class="ui large label">{{.BranchName}}</div></td>
											<td class="right aligned"><button class="rm ui red button" data-url="{{$.Repository.Link}}/settings/branches?action=protected_branch&id={{.ID}}" data-val="{{.BranchName}}">Delete</button></td>
										</tr>
									{{else}}
										<tr class="center aligned"><td>There is no protected branch</td></tr>
									{{end}}
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{{template "base/footer" .}}