{{ template "headersMenu.html" . }}

<section class="flex relative justify-center items-center py-20">
	<div class="container" id="EditView">
		<div class="col-span-12">
			<h5 class="text-2xl font-semibold lg:text-4xl"><small class="font-bold">{{ "Nouveau" | t }}</small><br/><span class="text-indigo-600">{{ "QrCode" | t }}</span></h5>
		</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" style="max-width: 364px">
					<div class="bg-white shadow border-2 dark:shadow-gray-800" style="border-top:0 !important; padding:10%; border-radius:0 0 12px 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 up-submit method="post" action="/save">
					<input type="hidden" name="{{ .data.csrfName }}" value="{{ .data.csrfValue }}" />
					<div class="mb-5">
						<div>
							<label for="content" class="font-semibold">{{ "Choisissez votre raccourci" | t }}</label>
							<input type="text" name="content" id="content" class="px-3 py-2 w-full text-black bg-white rounded shadow border-2 dark:bg-slate-900 dark:text-white" placeholder="https://qrcode.pm/" value="https://qrcode.pm/{{ .code }}">
						</div>

					</div>
					<div class="mb-5">
						<div class="ltr:text-left rtl:text-right">
							<label for="name" class="font-semibold">{{ "Nom du raccourci" | t }}</label>
							<input type="text" name="name" id="name" class="px-3 py-2 w-full text-black bg-white rounded shadow border-2 dark:bg-slate-900 dark:text-white" placeholder="" value="">
						</div>
					</div>
					<div class="mb-5">
						<div class="ltr:text-left rtl:text-right">
							<label for="url" class="font-semibold">{{ "URL de redirection" | t }}</label>
							<input type="text" 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="">
						</div>
					</div>
					<div class="mb-5">
						<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>
				</form>
			</div><!--end col-->
		</div><!--end grid-->
	</div><!--end container-->

</section>

{{ template "footer.html" . }}