{{template "base/head" .}}
<div class="page-content repository quickstart">
	{{template "repo/header" .}}
	<div class="ui container">
		<div class="ui grid">
			<div class="sixteen wide column content">
				{{template "base/alert" .}}
				{{if .Repository.IsArchived}}
					<div class="ui warning message">
						{{.i18n.Tr "repo.archive.title"}}
					</div>
				{{end}}
				{{if .CanWriteCode}}
					<h4 class="ui top attached header">
						{{.i18n.Tr "repo.quick_guide"}}
					</h4>
					<div class="ui attached guide table segment">
						<div class="item">
							<h3>{{.i18n.Tr "repo.clone_this_repo"}} <small>{{.i18n.Tr "repo.clone_helper" "http://git-scm.com/book/en/Git-Basics-Getting-a-Git-Repository" | Str2html}}</small></h3>
							<div class="ui action small input">
								{{template "repo/clone_buttons" .}}
							</div>
						</div>

						{{if not .Repository.IsArchived}}
							<div class="ui divider"></div>

							<div class="item">
								<h3>{{.i18n.Tr "repo.create_new_repo_command"}}</h3>
								<div class="markup">
									<pre><code>touch README.md
git init
{{if ne .Repository.DefaultBranch "master"}}git checkout -b {{.Repository.DefaultBranch}}{{end}}
git add README.md
git commit -m "first commit"
git remote add origin <span class="clone-url">{{$.CloneLink.HTTPS}}</span>
git push -u origin {{.Repository.DefaultBranch}}</code></pre>
								</div>
							</div>
							<div class="ui divider"></div>

							<div class="item">
								<h3>{{.i18n.Tr "repo.push_exist_repo"}}</h3>
								<div class="markup">
									<pre><code>git remote add origin <span class="clone-url">{{$.CloneLink.HTTPS}}</span>
git push -u origin {{.Repository.DefaultBranch}}</code></pre>
								</div>
							</div>
							<script defer>
								/* eslint-disable no-undef */
								const cloneUrls = document.getElementsByClassName('clone-url');
								if (cloneUrls) {
									for (let i = 0; i < cloneUrls.length; i++) {
										cloneUrls[i].textContent = (isSSH ? sshButton : httpsButton).dataset.link;
									}
								}
							</script>
						{{end}}
					{{else}}
						<div class="ui segment center">
							{{.i18n.Tr "repo.empty_message"}}
						</div>
					{{end}}
				</div>
			</div>
		</div>
	</div>
</div>
{{template "base/footer" .}}