{{template "base/head" .}}
<div class="page-content user settings repos">
	{{template "user/settings/navbar" .}}
	<div class="ui container">
		{{template "base/alert" .}}
		<h4 class="ui top attached header">
			{{.locale.Tr "settings.repos"}}
		</h4>
		<div class="ui attached segment">
			{{if or .allowAdopt .allowDelete}}
				{{if .Dirs}}
					<div class="ui middle aligned divided list">
						{{range $dirI, $dir := .Dirs}}
							{{ $repo := index $.ReposMap $dir}}
							<div class="item">
								<div class="content">
									{{if $repo}}
										{{if $repo.IsPrivate}}
											<span class="text gold icon">{{svg "octicon-lock"}}</span>
										{{else if $repo.IsFork}}
											<span class="icon">{{svg "octicon-repo-forked"}}</span>
										{{else if $repo.IsMirror}}
											<span class="icon">{{svg "octicon-mirror"}}</span>
										{{else if $repo.IsTemplate}}
											<span class="icon">{{svg "octicon-repo-template"}}</span>
										{{else}}
											<span class="icon">{{svg "octicon-repo"}}</span>
										{{end}}
										<a class="name" href="{{$repo.Link}}">{{$repo.OwnerName}}/{{$repo.Name}}</a>
										<span>{{FileSize $repo.Size}}</span>
										{{if $repo.IsFork}}
											{{$.locale.Tr "repo.forked_from"}}
											<span><a href="{{$repo.BaseRepo.Link}}">{{$repo.BaseRepo.OwnerName}}/{{$repo.BaseRepo.Name}}</a></span>
										{{end}}
									{{else}}
										<span class="icon">{{svg "octicon-file-directory-fill"}}</span>
										<span class="name">{{$.Owner.Name}}/{{$dir}}</span>
										<div class="right floated content">
											{{if $.allowAdopt}}
												<button class="ui button submit tiny green adopt show-modal" data-modal="#adopt-unadopted-modal-{{$dirI}}"><span class="icon">{{svg "octicon-plus"}}</span><span class="label">{{$.locale.Tr "repo.adopt_preexisting_label"}}</span></button>
												<div class="ui basic modal" id="adopt-unadopted-modal-{{$dirI}}">
													{{svg "octicon-x" 16 "close inside"}}
													<div class="header">
														<span class="label">{{$.locale.Tr "repo.adopt_preexisting"}}</span>
													</div>
													<div class="content">
														<p>{{$.locale.Tr "repo.adopt_preexisting_content" $dir}}</p>
													</div>
													<form class="ui form" method="POST" action="{{AppSubUrl}}/user/settings/repos/unadopted">
														{{$.CsrfTokenHtml}}
														<input type="hidden" name="id" value="{{$dir}}">
														<input type="hidden" name="action" value="adopt">
														<div class="actions">
															<div class="ui red basic inverted cancel button">
																<i class="remove icon"></i>
																{{$.locale.Tr "modal.no"}}
															</div>
															<button class="ui green basic inverted ok button">
																<i class="checkmark icon"></i>
																{{$.locale.Tr "modal.yes"}}
															</button>
														</div>
													</form>
												</div>
											{{end}}
											{{if $.allowDelete}}
												<button class="ui button submit tiny red delete show-modal" data-modal="#delete-unadopted-modal-{{$dirI}}"><span class="icon">{{svg "octicon-x"}}</span><span class="label">{{$.locale.Tr "repo.delete_preexisting_label"}}</span></button>
												<div class="ui basic modal" id="delete-unadopted-modal-{{$dirI}}">
													{{svg "octicon-x" 16 "close inside"}}
													<div class="header">
														<span class="label">{{$.locale.Tr "repo.delete_preexisting"}}</span>
													</div>
													<div class="content">
														<p>{{$.locale.Tr "repo.delete_preexisting_content" $dir}}</p>
													</div>
													<form class="ui form" method="POST" action="{{AppSubUrl}}/user/settings/repos/unadopted">
														{{$.CsrfTokenHtml}}
														<input type="hidden" name="id" value="{{$dir}}">
														<input type="hidden" name="action" value="delete">
														<div class="actions">
															<div class="ui red basic inverted cancel button">
																<i class="remove icon"></i>
																{{$.locale.Tr "modal.no"}}
															</div>
															<button class="ui green basic inverted ok button">
																<i class="checkmark icon"></i>
																{{$.locale.Tr "modal.yes"}}
															</button>
														</div>
													</form>
												</div>
											{{end}}
										</div>
									{{end}}
								</div>
							</div>
						{{end}}
					</div>
					{{template "base/paginate" .}}
				{{else}}
					<div class="item">
						{{.locale.Tr "settings.repos_none"}}
					</div>
				{{end}}
			{{else}}
				{{if .Repos}}
					<div class="ui middle aligned divided list">
						{{range .Repos}}
							<div class="item">
								<div class="content">
									{{if .IsPrivate}}
										{{svg "octicon-lock" 16 "mr-2 iconFloat text gold"}}
									{{else if .IsFork}}
										{{svg "octicon-repo-forked" 16 "mr-2 iconFloat"}}
									{{else if .IsMirror}}
										{{svg "octicon-mirror" 16 "mr-2 iconFloat"}}
									{{else if .IsTemplate}}
										{{svg "octicon-repo-template" 16 "mr-2 iconFloat"}}
									{{else}}
										{{svg "octicon-repo" 16 "mr-2 iconFloat"}}
									{{end}}
									<a class="name" href="{{.Link}}">{{.OwnerName}}/{{.Name}}</a>
									<span>{{FileSize .Size}}</span>
									{{if .IsFork}}
										{{$.locale.Tr "repo.forked_from"}}
										<span><a href="{{.BaseRepo.Link}}">{{.BaseRepo.OwnerName}}/{{.BaseRepo.Name}}</a></span>
									{{end}}
								</div>
							</div>
						{{end}}
					</div>
					{{template "base/paginate" .}}
				{{else}}
					<div class="item">
						{{.locale.Tr "settings.repos_none"}}
					</div>
				{{end}}
			{{end}}
		</div>
	</div>
</div>

<div class="ui small basic delete modal">
	<div class="ui icon header">
		{{svg "octicon-trash"}}
		{{.locale.Tr "settings.remove_account_link"}}
	</div>
	<div class="content">
		<p>{{.locale.Tr "settings.remove_account_link_desc"}}</p>
	</div>
	{{template "base/delete_modal_actions" .}}
</div>
{{template "base/footer" .}}