{{ template "headersLogo.html" . }}

<section class="flex relative justify-center items-center py-10">
	<div id="EditView">
		<div class="container py-10">
			<div class="col-span-12">
				<h5 class="font-semibold"><a class="font-bold" href="javascript:history.go(-1)" up-dismiss up-follow up-layer="root"><i class="fa fa-arrow-left"></i> {{ "Tag NFC" | t }}</small><br/><span class="text-2xl text-indigo-600 lg:text-4xl">{{ .tag.SerialNumber }}</a></h5>
				<input type="text" id="content" name="content" readonly value="https://scan.pm/{{ .tag.SerialNumber }}" class="px-3 py-2 mt-4 w-full text-black bg-white shadow border-2 dark:bg-slate-900 dark:text-white" style="border-radius:12px">
			</div>
			<div class="grid md:grid-cols-12 grid-cols-1 gap-[30px]">
				<div class="lg:col-span-6 md:col-span-5">
					<div class="sticky top-20">
						<div class="bg-white shadow border-2 dark:shadow-gray-800" style="margin-top:25px !important;padding:10%;border-radius:12px"><div id="qrcode" class="mt-4 md:mt-0"></div></div>
					</div>
				</div><!--end col-->

				<div class="lg:col-span-6 md:col-span-7">
					<form id="saveForm" up-submit up-target="#saveForm" method="post" action="/save">
						<input type="hidden" name="code" value="{{ .tag.SerialNumber }}" />
						<div class="mt-10 mb-5">
						<div class="mb-5">
							{{ if notEmpty .tag.LatLon }}<a href="https://maps.google.com/?q={{ .tag.LatLon }}" target="_blank"><img class="w-20 rounded-lg shadow border-2 pull-right" src="https://maps.googleapis.com/maps/api/staticmap?center={{ .tag.LatLon }}&zoom=13&size=400x400&key=AIzaSyDp0RYfAHCn9c6AOOlrXmv5WqCze4dH0dc&markers=color:red%7Clabel:G%7C{{ .tag.LatLon }}&style=feature:administrative|color:0xff0000|visibility:simplified&style=feature:road.local%7Celement:geometry%7Ccolor:0x00ff00&style=feature:landscape%7Celement:geometry.fill%7Ccolor:0xffffff&style=element:labels%7Cinvert_lightness:true&style=feature:road.arterial%7Celement:labels%7Cinvert_lightness:false&style=feature:road|color:0xffaaaa|visibility:simplified&style=feature:poi|visibility:off" style="float: right" /></a>{{ end }}
							{{ if greaterThanZero .tag.NbViews }}
							<h6 class="mt-5 text-2xl font-bold">{{ .tag.NbViews }} {{ if greaterThanOne .tag.NbViews }}{{ "scans" | t }}{{ else }}{{ "scan" | t }}{{ end }}</h6>
							<div class="mb-5 text-xs text-slate-400">{{ "Dernière ouverture" | t }} {{ .tag.LastView }} {{ if notEmpty .tag.City }}{{ "localisée à" | t }} {{ .tag.City }}{{ end }}</div>
							{{ end }}
						</div>

						</div>
						{{ if greaterThanZero .tag.Card.Id }}
						<div class="mb-2">
							<div class="ltr:text-left rtl:text-right">
								<label for="name" class="font-semibold">{{ "Tag raccordé à la carte de visite" | t }}</label>
								<div class="relative mt-1 form-icon">
									<div class="w-full text-black bg-white rounded-lg shadow border-2 dark:bg-slate-900 dark:text-white"><a href="https://card.pm/{{ .tag.Card.Path.String }}" class="iframed-preview"><img class="rounded-lg w-100" src="https://card.pm/cdn/fb/{{ .tag.Card.Md5 }}.png" /></a></div>
								</div>
							</div>
						</div>
						<div>
							<input type="hidden" name="url" value="" />
							<input type="submit" class="text-white bg-indigo-600 rounded-md border-indigo-600 btn hover:bg-indigo-700 hover:border-indigo-700" value="{{ "Déconnecter" | t }}" />
							<a target="_blank" href="https://next.card.pm/detail/overview?i={{ .tag.Card.Id }}" class="ml-2 rounded-md border-indigo-600 btn hover:border-indigo-700"><i class="fa fa-edit"></i></a>
						</div>
						{{ else }}
						<div class="mb-5">
							<div class="ltr:text-left rtl:text-right">
								<label for="url" class="font-semibold">{{ "URL de redirection" | t }}</label>
								<div class="relative mt-2 form-icon">
									<input name="url" id="url" class="px-3 py-2 w-full text-black bg-white rounded shadow border-2 dark:bg-slate-900 dark:text-white" placeholder="" value="{{ .tag.Url }}">
								</div>
							</div>
						</div>
						<div>
							<input type="submit" class="text-white bg-indigo-600 rounded-md border-indigo-600 btn hover:bg-indigo-700 hover:border-indigo-700" value="{{ "Enregistrer" | t }}" />
						</div>
						{{ end }}
						{{ if .isPOST }}
						<div class="hidden popup">{{ "Modifications enregistrées" | t }}</div>
						{{ end }}
					</form>
				</div><!--end col-->
			</div><!--end grid-->
		</div><!--end container-->
	</div>
</section>

{{ template "footer.html" . }}