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

{{define "body"}}
<div class="d-flex">
	<!--<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">
	{{ if .Err }}
	<div class="col-md-12 mt-3">
		<div class="alert alert-danger">{{ .Err.Error }}</div>
	</div>
	{{ end }}

	<div class="col-md-3 mt-3">
                <a class="btn btn-primary btn-block" href="/website/new">
			<svg id="i-plus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="18" height="18" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6">
    				<path d="M16 2 L16 30 M2 16 L30 16" />
			</svg>
			<span class="ml-1">Nouveau site web</span>
		</a>

		<div class="list-group mt-3">
			{{ $view := .View }}
			{{ range $wid := .Describe.Websites }}
			{{ 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>

		<p class="text-center mt-2">
		{{ .Describe.AllowedWebsites.Current }} sites créés sur {{ .Describe.AllowedWebsites.Max }}<br/>
		Jusqu'à {{ .Describe.BurstBucketQuotaSize }} par site web
		</p>
	</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.Percent }}%
  			</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>

		<h5 class="mt-3">Actions</h5>
		<form action="" method="post">
			<div class="btn-group" role="group" aria-label="Actions sur le site web">
  				<button class="btn btn-secondary" name="action" value="increase_quota">Augmenter le quota</button>
  				<a class="btn btn-secondary disabled">Changer le nom de domaine</a>
  				<button class="btn btn-danger" name="action" value="delete_bucket">Supprimer</button>
			</div>
		</form>


		{{ 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 }}