add hidden button to block multiple reservation

This commit is contained in:
soukainna 2023-05-03 16:51:01 +02:00
parent b89b8064c5
commit 0bf315596b
1 changed files with 5 additions and 3 deletions

View File

@ -223,11 +223,13 @@
</div> </div>
</div> </div>
{{end}} {{end}}
<div class="mt-5 sm:mt-6"> <div x-data="{
<button type="submit" class="inline-flex w-full justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-co-blue focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 sm:text-sm">Réserver</button> buttondialog: false
}"class="mt-5 sm:mt-6" x-show="!buttondialog">
<button @click="buttondialog = !buttondialog" type="submit" class="inline-flex w-full justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-co-blue focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 sm:text-sm">Réserver</button>
</div> </div>
</form> </form>
<div class="mt-5 sm:mt-6"> <div class="mt-5 sm:mt-6" >
<button @click="documentsdialog=false" type="button" class="inline-flex w-full justify-center max-w-xs bg-white hover:bg-gray-50 border-gray-300 border px-4 py-2 text-gray-700 items-center text-sm rounded-2xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-co-blue">Annuler</button> <button @click="documentsdialog=false" type="button" class="inline-flex w-full justify-center max-w-xs bg-white hover:bg-gray-50 border-gray-300 border px-4 py-2 text-gray-700 items-center text-sm rounded-2xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-co-blue">Annuler</button>
</div> </div>
</div> </div>