{{template "user/settings/layout_head" (dict "ctxData" . "pageClass" "user settings repos")}}
	<div class="user-setting-content">
		<h4 class="ui top attached header">
			{{ctx.Locale.Tr "settings.repos"}}
		</h4>
		<div class="ui attached segment">
			{{if or .allowAdopt .allowDelete}}
				{{if .Dirs}}
					<div class="ui list">
						{{range $dirI, $dir := .Dirs}}
							{{$repo := index $.ReposMap $dir}}
							<div class="item {{if not $repo}}tw-py-1{{end}}">{{/* if not repo, then there are "adapt" buttons, so the padding shouldn't be that default large*/}}
								<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="muted name" href="{{$repo.Link}}">{{$repo.OwnerName}}/{{$repo.Name}}</a>
										<span class="text light-3" {{if not (eq $repo.Size 0)}} data-tooltip-content="{{$repo.SizeDetailsString}}"{{end}}>{{FileSize $repo.Size}}</span>
										{{if $repo.IsFork}}
											{{ctx.Locale.Tr "repo.forked_from"}}
											<span><a href="{{$repo.BaseRepo.Link}}">{{$repo.BaseRepo.OwnerName}}/{{$repo.BaseRepo.Name}}</a></span>
										{{end}}
									{{else}}
										<span class="icon tw-inline-block tw-pt-2">{{svg "octicon-file-directory-fill"}}</span>
										<span class="name tw-inline-block tw-pt-2">{{$.ContextUser.Name}}/{{$dir}}</span>
										<div class="tw-float-right">
											{{if $.allowAdopt}}
												<button class="ui button primary show-modal tw-p-2" data-modal="#adopt-unadopted-modal-{{$dirI}}"><span class="icon">{{svg "octicon-plus"}}</span><span class="label">{{ctx.Locale.Tr "repo.adopt_preexisting_label"}}</span></button>
												<div class="ui g-modal-confirm modal" id="adopt-unadopted-modal-{{$dirI}}">
													<div class="header">
														<span class="label">{{ctx.Locale.Tr "repo.adopt_preexisting"}}</span>
													</div>
													<div class="content">
														<p>{{ctx.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">
														{{template "base/modal_actions_confirm" $}}
													</form>
												</div>
											{{end}}
											{{if $.allowDelete}}
												<button class="ui button red show-modal tw-p-2" data-modal="#delete-unadopted-modal-{{$dirI}}"><span class="icon">{{svg "octicon-x"}}</span><span class="label">{{ctx.Locale.Tr "repo.delete_preexisting_label"}}</span></button>
												<div class="ui g-modal-confirm modal" id="delete-unadopted-modal-{{$dirI}}">
													<div class="header">
														<span class="label">{{ctx.Locale.Tr "repo.delete_preexisting"}}</span>
													</div>
													<div class="content">
														<p>{{ctx.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">
														{{template "base/modal_actions_confirm" $}}
													</form>
												</div>
											{{end}}
										</div>
									{{end}}
								</div>
							</div>
						{{end}}
					</div>
					{{template "base/paginate" .}}
				{{else}}
					<div class="item">
						{{ctx.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 flex-text-block">
									{{if .IsPrivate}}
										{{svg "octicon-lock" 16 "text gold"}}
									{{else if .IsFork}}
										{{svg "octicon-repo-forked"}}
									{{else if .IsMirror}}
										{{svg "octicon-mirror"}}
									{{else if .IsTemplate}}
										{{svg "octicon-repo-template"}}
									{{else}}
										{{svg "octicon-repo"}}
									{{end}}
									<a class="name" href="{{.Link}}">{{.OwnerName}}/{{.Name}}</a>
									<span>{{FileSize .Size}}</span>
									{{if .IsFork}}
										{{ctx.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">
						{{ctx.Locale.Tr "settings.repos_none"}}
					</div>
				{{end}}
			{{end}}
		</div>
	</div>

<div class="ui g-modal-confirm delete modal">
	<div class="header">
		{{svg "octicon-trash"}}
		{{ctx.Locale.Tr "settings.remove_account_link"}}
	</div>
	<div class="content">
		<p>{{ctx.Locale.Tr "settings.remove_account_link_desc"}}</p>
	</div>
	{{template "base/modal_actions_confirm" .}}
</div>

{{template "user/settings/layout_footer" .}}
