{{define "content"}}
{{if .IsEmpty}}
<section aria-labelledby="empty-state-heading">
  <h2 id="empty-state-heading">Empty repository</h2>
  <p>This repository is empty. Initialize it with your first commit:</p>
  <pre><code>git clone {{.SSHURL}}
cd {{.Repo.Name}}
touch README.md
git add README.md
git commit -m "Initial commit"
git push -u origin main</code></pre>
</section>
{{else}}
<fieldset>
  <h3>Clone</h3>
  <label>
    <input name="url-type" type="checkbox" role="switch" />
    Use HTTP
  </label>
  <p id="ssh-url"><code>git clone {{.SSHURL}}</code></p>
  <p id="http-url" style="display: none;"><code>git clone {{.HTTPURL}}</code></p>
</fieldset>

<script>
document.querySelector('input[name="url-type"]').addEventListener('change', function() {
  const sshUrl = document.getElementById('ssh-url');
  const httpUrl = document.getElementById('http-url');
  
  if (this.checked) {
    sshUrl.style.display = 'none';
    httpUrl.style.display = 'block';
  } else {
    sshUrl.style.display = 'block';
    httpUrl.style.display = 'none';
  }
});
</script>

{{if .ReadmeHTML}}
<section aria-labelledby="readme-heading">
  <h2 id="readme-heading">README</h2>
  <article>
    {{.ReadmeHTML}}
  </article>
</section>
{{end}}
{{end}}
{{end}}