{{define "title"}}Inspecter le site web |{{end}}

{{define "body"}}
<div class="d-flex">
  <a class="ml-4 btn btn-primary" href="/website/new">Nouveau site web</a>
	<!--<h4>Inspecter les sites webs</h4>-->
  <a class="ml-auto btn btn-link" href="/website/configure">Mes identifiants</a>
  <a class="ml-4 btn btn-info" href="/">Menu principal</a>
</div>

<div class="row mt-3" >
	<div class="col-md-3">
		<div class="list-group">
			{{ $view := .View }}
			{{ range $wid := .Ctrl.List }}
			{{ if eq $wid.Internal $view.Name.Internal }}
			<a href="/website/inspect/{{ $wid.Pretty }}" class="list-group-item list-group-item-action active">
				{{ $wid.Url }}
			</a>
			{{ else }}
			<a href="/website/inspect/{{ $wid.Pretty }}" class="list-group-item list-group-item-action">
				{{ $wid.Url }}
			</a>
			{{ end }}
			{{ end }}
		</div>
	</div>
	<div class="col-md-9">
		<h2>{{ .View.Name.Url }}</h2>

		<h5 class="mt-3">Quotas</h5>
		<div class="progress mt-3">
			<div class="progress-bar" role="progressbar" aria-valuenow="{{ .View.Size.Current }}" aria-valuemin="0" aria-valuemax="{{ .View.Size.Max }}" style="width: {{ .View.Size.Percent }}%; min-width: 2em;">
				{{ .View.Size.Ratio }}%
  			</div>
		</div>

		<p class="text-center">
		{{ .View.Size.PrettyCurrent }} utilisé sur un maximum de {{ .View.Size.PrettyMax }}
		{{ if gt .View.Files.Ratio 0.5 }}
		<br>{{ .View.Files.Current }} fichiers sur un maximum de {{ .View.Files.Max }}
		{{ end }}
		</p>


		{{ if .View.Name.Expanded }}
		<h5 class="mt-5">Vous ne savez pas comment configurer votre nom de domaine ?</h5>
			<p> Le nom de domaine {{ .View.Name.Url }} n'est pas géré par Deuxfleurs, il vous revient donc de configurer la zone DNS. Vous devez ajouter une entrée <code>CNAME garage.deuxfleurs.fr</code> ou <code>ALIAS garage.deuxfleurs.fr</code> auprès de votre hébergeur DNS, qui est souvent aussi le bureau d'enregistrement (eg. Gandi, GoDaddy, BookMyName, etc.).</p>
		{{ end }}


	</div>
</div>
{{ end }}