<div
	class="flex w-full flex-row"
	x-cloak
	x-data="signup({ categories: JSON.parse('[{\u0022id\u0022:1,\u0022uuid\u0022:\u00229237244b-fa68-5c9a-9d99-11b20a084077\u0022,\u0022title\u0022:\u0022Un camping\u0022,\u0022icon_url\u0022:\u0022\\\/svg\\\/login\\\/camping.svg\u0022,\u0022created_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022updated_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022deleted_at\u0022:null,\u0022sendinblue_list_id\u0022:20,\u0022pro\u0022:1,\u0022slot_mode\u0022:1,\u0022min_quantity\u0022:1,\u0022accommodation_text\u0022:\u0022slot\u0022,\u0022img\u0022:\u0022https:\\\/\\\/app-staging.styqr.fr\\\/build\\\/assets\\\/camping-B290_Vfl.svg\u0022},{\u0022id\u0022:2,\u0022uuid\u0022:\u00229eea22c2-39c4-545c-8975-e0d330ece946\u0022,\u0022title\u0022:\u0022Une chambre d\\u0027h\\u00f4tes\u0022,\u0022icon_url\u0022:\u0022\\\/svg\\\/login\\\/guesthouse.svg\u0022,\u0022created_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022updated_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022deleted_at\u0022:null,\u0022sendinblue_list_id\u0022:21,\u0022pro\u0022:1,\u0022slot_mode\u0022:0,\u0022min_quantity\u0022:1,\u0022accommodation_text\u0022:\u0022room\u0022,\u0022img\u0022:\u0022https:\\\/\\\/app-staging.styqr.fr\\\/build\\\/assets\\\/guesthouse-U1SBU3iO.svg\u0022},{\u0022id\u0022:3,\u0022uuid\u0022:\u0022e45a2f60-02b6-5ac5-805e-d7968752ffe3\u0022,\u0022title\u0022:\u0022Une conciergerie B\\u0026B\u0022,\u0022icon_url\u0022:\u0022\\\/svg\\\/login\\\/concierge.svg\u0022,\u0022created_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022updated_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022deleted_at\u0022:null,\u0022sendinblue_list_id\u0022:22,\u0022pro\u0022:1,\u0022slot_mode\u0022:0,\u0022min_quantity\u0022:1,\u0022accommodation_text\u0022:\u0022accommodation\u0022,\u0022img\u0022:\u0022https:\\\/\\\/app-staging.styqr.fr\\\/build\\\/assets\\\/concierge-CKRzrJOc.svg\u0022},{\u0022id\u0022:4,\u0022uuid\u0022:\u0022a4a653fd-e28c-5488-819b-483aae619f51\u0022,\u0022title\u0022:\u0022Un gestionnaire de location\u0022,\u0022icon_url\u0022:\u0022\\\/svg\\\/login\\\/rental_manager.svg\u0022,\u0022created_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022updated_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022deleted_at\u0022:null,\u0022sendinblue_list_id\u0022:23,\u0022pro\u0022:1,\u0022slot_mode\u0022:0,\u0022min_quantity\u0022:1,\u0022accommodation_text\u0022:\u0022accommodation\u0022,\u0022img\u0022:\u0022https:\\\/\\\/app-staging.styqr.fr\\\/build\\\/assets\\\/rental_manager-D8TMRcSw.svg\u0022},{\u0022id\u0022:5,\u0022uuid\u0022:\u00223c42c2e2-4667-5ebc-b6f8-95708456e956\u0022,\u0022title\u0022:\u0022Un particulier\u0022,\u0022icon_url\u0022:\u0022\\\/svg\\\/login\\\/individual.svg\u0022,\u0022created_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022updated_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022deleted_at\u0022:null,\u0022sendinblue_list_id\u0022:26,\u0022pro\u0022:0,\u0022slot_mode\u0022:0,\u0022min_quantity\u0022:1,\u0022accommodation_text\u0022:\u0022accommodation\u0022,\u0022img\u0022:\u0022https:\\\/\\\/app-staging.styqr.fr\\\/build\\\/assets\\\/individual-CpeSFiDM.svg\u0022},{\u0022id\u0022:6,\u0022uuid\u0022:\u002297f75d8d-4007-592d-8f30-b0677e74bc10\u0022,\u0022title\u0022:\u0022Un g\\u00eete\u0022,\u0022icon_url\u0022:\u0022\\\/svg\\\/login\\\/cottage.svg\u0022,\u0022created_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022updated_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022deleted_at\u0022:null,\u0022sendinblue_list_id\u0022:24,\u0022pro\u0022:1,\u0022slot_mode\u0022:0,\u0022min_quantity\u0022:1,\u0022accommodation_text\u0022:\u0022accommodation\u0022,\u0022img\u0022:\u0022https:\\\/\\\/app-staging.styqr.fr\\\/build\\\/assets\\\/cottage-BuM7NTtJ.svg\u0022},{\u0022id\u0022:7,\u0022uuid\u0022:\u00222a343f89-f849-56e7-8a18-fe1ef38296e3\u0022,\u0022title\u0022:\u0022Un h\\u00f4tel\u0022,\u0022icon_url\u0022:\u0022\\\/svg\\\/login\\\/hotel.svg\u0022,\u0022created_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022updated_at\u0022:\u00222019-10-03T07:35:54.000000Z\u0022,\u0022deleted_at\u0022:null,\u0022sendinblue_list_id\u0022:25,\u0022pro\u0022:1,\u0022slot_mode\u0022:1,\u0022min_quantity\u0022:5,\u0022accommodation_text\u0022:\u0022room\u0022,\u0022img\u0022:\u0022https:\\\/\\\/app-staging.styqr.fr\\\/build\\\/assets\\\/hotel-CMe89YVl.svg\u0022}]') })"
>

	<div
	class="flex justify-center"
	x-data="commonModal({ modalName: 'maeva_signup_modal' })"
>
	<div
		aria-modal="true"
		class="fixed inset-0 z-[2000] overflow-y-auto"
		role="dialog"
		style="display: none"
		x-on:keydown.escape.prevent.stop="closeModal()"
		x-show="open"
	>
		<div
			:class="{
			    'bg-black/25': $store.config.isBase,
			    'bg-maevablue/25': $store.config.isMaeva
			}"
			class="fixed inset-0"
			x-show="open"
			x-transition.opacity
		></div>

		<div
			class="relative flex min-h-screen items-center justify-center p-4"
			x-on:click="closeModal()"
			x-show="open"
			x-transition
		>
			<div
				class="relative flex max-w-[90vw] rounded-xl bg-white p-12 shadow-lg lg:min-w-[700px]"
				x-on:click.stop
				x-trap.noscroll.inert="open"
			>
				<div class="flex w-full flex-col items-center gap-4">
					<div class="flex w-full justify-end">
						<div
							:class="{
							    'hover:text-white hover:bg-styqrgreen bg-styqrgreen/10 text-styqrgreen': $store.config.env === window
							        .STYQR_ENV_BASE,
							    'hover:text-white hover:bg-maevablue bg-maevalightyellow text-maevablue': $store.config.env === window
							        .STYQR_ENV_MAEVA,
							}"
							@click="closeModal()"
							class="-mt-4 flex h-10 w-10 cursor-pointer items-center justify-center rounded-full transition-all duration-300"
						>
							<svg
								data-name="Layer 2"
								height="22"
								id="Layer_2"
								viewBox="0 0 22 22"
								width="22"
								xmlns="http://www.w3.org/2000/svg"
							>
								<g
									data-name="invisible box"
									id="invisible_box"
								>
									<rect
										data-name="Rectangle 45"
										fill="none"
										height="22"
										id="Rectangle_45"
										width="22"
									/>
								</g>
								<g
									data-name="icons Q2"
									id="icons_Q2"
									transform="translate(4.584 4.565)"
								>
									<path
										d="M17.7,16.395l4.858-4.812a.963.963,0,0,0,.092-1.238.871.871,0,0,0-1.375-.092l-4.858,4.858-4.858-4.858a.871.871,0,0,0-1.375.092.963.963,0,0,0,.092,1.238l4.858,4.813-4.858,4.813a.963.963,0,0,0-.092,1.238.871.871,0,0,0,1.375.092l4.858-4.858,4.858,4.858a.871.871,0,0,0,1.375-.092.962.962,0,0,0-.092-1.238Z"
										data-name="Tracé 39"
										fill="currentColor"
										id="Tracé_39"
										transform="translate(-10.001 -9.959)"
									/>
								</g>
							</svg>
						</div>
					</div>
					<div class="flex flex-col items-center justify-evenly gap-7">
			<div class="flex flex-col justify-evenly gap-10">
				<div class="flex justify-center">
					<span class="opensans-bold text-2xl text-styqrblack">
						Votre mail n'est pas référencé
					</span>
				</div>
				<div class="flex justify-center">

					<span class="opensans-regular text-lg text-styqrblack">
						Merci de contacter le pôle Expérience de Maeva.com
					</span>
				</div>
				<div class="flex justify-center">

					<div class="flex items-center justify-between gap-10">
						<a
							class="text-maevablue underline"
							href="#"
						>Contacter le support</a>
						<button
							@click="$dispatch('closeCommonModal', { modalName: 'maeva_signup_modal'})"
							class="poppins-medium opensans-bold h-14 w-40 rounded bg-maevayellow text-center text-base text-styqrblack transition-all duration-100"
							type="button"
						>
							<span>Annuler</span>
						</button>
					</div>
				</div>
			</div>
		</div>

				</div>
			</div>
		</div>
	</div>
</div>

<script>
	function commonModal({
		modalName
	}) {
		return {
			open: false,
			modalName,
			closeModal() {
				this.open = false;
			},
			openModal() {
				this.open = true;
			},
			init() {
				window.addEventListener('openCommonModal', (event) => {
					console.log(event.detail.modalName, this.modalName);
					if (event.detail.modalName === this.modalName) {
						this.open = true
					}

				});

				window.addEventListener('closeCommonModal', (event) => {
					if (event.detail.modalName === this.modalName) {
						this.open = false
					}


				});
			},
		};
	}
</script>

	<template x-if="false">
		<span @click="$dispatch('openCommonModal', { modalName: 'maeva_signup_modal' })">Testmodal</span>
	</template>
	<div
		:class="{
		    'bg-styqrverylightgrey ': $store.config.isBase,
		    'bg-maevaverylightgrey': $store.config.isMaeva
		}"
		class="flex w-full flex-col gap-7 pb-7 lg:w-1/2"
	>
		<div class="flex justify-center pt-8 lg:justify-start lg:pl-16">
			<img
				:class="{
				    'scale-150': $store.config.isMaeva,
				    'scale-[2.0] ml-5 mb-5': $store.config.env === window
				        .STYQR_ENV_GDF
				}"
				alt="Votre livret de bienvenue sidebar logo"
				class="w-28"
				src="https://app-staging.styqr.fr/build/assets/logo-BQWXqMGo.svg"
			>
		</div>

		<form
			@submit.prevent="submit()"
			action="https://app-staging.styqr.fr/auth/signup"
			class="h-full"
			method="post"
			x-ref="signupForm"
		>
			<input type="hidden" name="_token" value="rAHZR463KgCg1ZNzK7fWLbXuGx3Z2CN0ZLspovJI" autocomplete="off">			<div class="flex w-full flex-col items-center justify-between gap-10">
				<div class="flex w-5/6 flex-col justify-center gap-7 lg:w-4/6">
					<div class="flex flex-col justify-center lg:justify-start">
						<template x-if="$store.config.isBase || $store.config.isMaeva">
							<span
								:class="{
								    'opensans-semibold': $store.config.isMaeva,
								    'poppins-medium': $store.config.isBase
								}"
								class="text-center text-3xl text-styqrblack lg:text-left"
							>Bienvenue</span>
						</template>
						<template x-if="$store.config.isGDF">
							<span class="mulish-light text-center text-3xl text-black lg:text-left">
								Bienvenue sur <br><span class="mulish-semibold">Mon Livret d'accueil Gîtes de France®</span></span>
						</template>
						<template x-if="$store.config.isGDF">
							<span class="mulish-regular opensans-regular mulish-regular mt-7 text-center text-lg text-black lg:text-left">
								Cette plateforme est <span class="mulish-bold">exclusivement dédiés aux propriétaires Gîtes de France®</span>.  Si vous ne parvenez pas à créer votre compte contactez-nous via le chat en ligne.							</span>
						</template>
						<template x-if="$store.config.isBase || $store.config.isMaeva">
							<span
								class="poppins-regular opensans-regular text-center text-lg text-styqrmediumgrey lg:text-left">Créez votre compte sur Votre livret de bienvenue							</span>
						</template>
					</div>
					<template x-if="$store.config.isBase">
						<div class="flex flex-col gap-4">
							<a
								class="poppins-regular flex h-14 w-full cursor-pointer items-center justify-center gap-4 rounded-md bg-white text-base text-styqrblack transition-all duration-100 hover:bg-[#EDEDED]"
								href="https://app-staging.styqr.fr/auth/google/redirect"
							>
								<div class="h-9 w-9">
									<img
										src="https://app-staging.styqr.fr/build/assets/google-CfoTaO6A.svg"
										x-cloak
									/>
								</div>
								Google connexion							</a>
							<a
								class="poppins-regular flex h-14 w-full cursor-pointer items-center justify-center gap-4 rounded-md bg-white text-base text-styqrblack transition-all duration-100 hover:bg-[#3B5998] hover:text-white"
								href="https://app-staging.styqr.fr/auth/facebook/redirect"
							>
								<div class="h-9 w-9">
									<img
										src="https://app-staging.styqr.fr/build/assets/fb-CZSFXdFF.svg"
										x-cloak
									/>
								</div>
								Facebook connect							</a>
							<div class="flex items-center">
								<div class="h-[2px] w-full bg-white"></div>
								<span class="poppins-regular opensans-regular px-6 text-base text-styqrblack">ou</span>
								<div class="h-[2px] w-full bg-white"></div>
							</div>
						</div>
					</template>

					<div
	class="inputWrapper flex w-full flex-col"
	x-data="inputWrapper({
    align: 'left' ?? 'left',
    type: 'text',
    customTW: '',
    inputName: 'fname',
    inputValue: '',
    formUniqId: null,
    backgroundColor: '#FFFFFF',
    additionalInfoIsSet: false,
    isDisabled: false,
    rules: 'required|max:50',
    errorMessages: [],
})"
>
			<label
			:class="{
			    'text-styqrblack': $store.config.isBase || $store.config.isMaeva,
			    'text-black': $store.config.isGDF
			}"
			class="poppins-medium opensans-regular mulish-semibold mb-2 text-base"
			for="fname-"
		>
			Prénom
		</label>
	
	<div class="relative flex items-center">
		<input
			:class="{
			    'text-center': align === 'center',
			    'border-styqrred border-2':
			        !isValid,
			    'cursor-not-allowed': isDisabled,
			    'bg-maevaverylightgrey': $store.config.isMaeva,
			    'bg-styqrverylightgrey focus:border-styqrpurple/30 focus:ring-styqrpurple/30 focus:ring-2': $store.config.env ===
			        window
			        .STYQR_ENV_BASE,
			    'bg-gdfverylightgrey': $store.config.isGDF,
			
			    'rounded-md  focus:outline-none   placeholder:italic border-[1px] border-solid border-styqrmediumgrey/10 ': [
			        window.STYQR_ENV_MAEVA, window.STYQR_ENV_BASE, window.STYQR_ENV_GDF
			    ].includes($store.config.env),
			}"
			:disabled="isDisabled"
			:type="type"
			:value="inputValue"
			@blur="additionalInfoIsSet ? showAdditionalInfo = false : null; rules ? $validate(rules) : null"
			@change="$dispatch('inputupdated', { 
                name: 'fname', 
                value: $event.target.value,
                formUniqId: formUniqId
            })"
			@focus="additionalInfoIsSet ? showAdditionalInfo = true : null"
			@keyup="if (type !== 'date') $dispatch('inputupdated', { 
                name: 'fname', 
                value: $event.target.value,
                formUniqId: formUniqId
            })"
			class="trans-active poppins-regular opensans-regular mulish-regular h-16 w-full pl-6 text-lg placeholder:font-normal"
			data-name="fname-"
			id="fname-"
			lang="fr"
			maxlength="500"
			name="fname"
			placeholder="Entrez votre prénom"
			x-ref="fname"
		>

		<!-- TODO, change the way we pass custom prop, use $attributes ? -->
		
	</div>
	
	
	<template x-if="!isValid && errorMessages.length">
		<div class="mt-1 flex flex-col gap-1">
			<template x-for="error in errorMessages">
				<div class="poppins-light opensans-regular text-xs text-styqrred">
					<span x-text="error"></span>
				</div>
			</template>
		</div>
	</template>
	</div>

	<script>
		function inputWrapper({
			align,
			type,
			customTW,
			inputName,
			inputValue,
			formUniqId,
			additionalInfoIsSet,
			rules,
			errorMessages,
			isDisabled,
		}) {
			return {
				align,
				type,
				customTW,
				inputName,
				inputValue,
				formUniqId,
				additionalInfoIsSet,
				showAdditionalInfo: false,
				rules,
				isValid: true,
				errorMessages,
				isDisabled,
				init() {
					if (this.formUniqId) {
						if (this.$refs[
								`${this.inputName}-${this.formUniqId}`
							] !== undefined) {
							this.$refs[
								`${this.inputName}-${this.formUniqId}`
							].classList.add(...Object
								.values(this.customTW));
						}
					} else {
						if (this.$refs[this.inputName] !==
							undefined) {
							this.$refs[this.inputName].classList
								.add(...Object.values(this
									.customTW));
						}
					}

					if (errorMessages.length) {
						this.isValid = false
					}

					window.addEventListener('setinput', (
						event) => {

						Object.entries(event.detail)
							.forEach(([key, value]) => {
								if (key === this
									.inputName) {
									if (event.detail
										.formUniqId) {
										if (this
											.formUniqId ===
											event
											.detail
											.formUniqId
										) {
											this.inputValue =
												value;
										}
									} else {
										this.inputValue =
											value;
									}
								}
							});
					});

					window.addEventListener('inputvalidation', (
						event) => {
						if (event.detail.inputName === this
							.inputName) {
							this.isValid = event.detail
								.isValid;
							this.errorMessages = event
								.detail.errorMessages;
						}
					});
				}
			};
		}
	</script>
					<div
	class="inputWrapper flex w-full flex-col"
	x-data="inputWrapper({
    align: 'left' ?? 'left',
    type: 'text',
    customTW: '',
    inputName: 'lname',
    inputValue: '',
    formUniqId: null,
    backgroundColor: '#FFFFFF',
    additionalInfoIsSet: false,
    isDisabled: false,
    rules: 'required|max:50',
    errorMessages: [],
})"
>
			<label
			:class="{
			    'text-styqrblack': $store.config.isBase || $store.config.isMaeva,
			    'text-black': $store.config.isGDF
			}"
			class="poppins-medium opensans-regular mulish-semibold mb-2 text-base"
			for="lname-"
		>
			Nom
		</label>
	
	<div class="relative flex items-center">
		<input
			:class="{
			    'text-center': align === 'center',
			    'border-styqrred border-2':
			        !isValid,
			    'cursor-not-allowed': isDisabled,
			    'bg-maevaverylightgrey': $store.config.isMaeva,
			    'bg-styqrverylightgrey focus:border-styqrpurple/30 focus:ring-styqrpurple/30 focus:ring-2': $store.config.env ===
			        window
			        .STYQR_ENV_BASE,
			    'bg-gdfverylightgrey': $store.config.isGDF,
			
			    'rounded-md  focus:outline-none   placeholder:italic border-[1px] border-solid border-styqrmediumgrey/10 ': [
			        window.STYQR_ENV_MAEVA, window.STYQR_ENV_BASE, window.STYQR_ENV_GDF
			    ].includes($store.config.env),
			}"
			:disabled="isDisabled"
			:type="type"
			:value="inputValue"
			@blur="additionalInfoIsSet ? showAdditionalInfo = false : null; rules ? $validate(rules) : null"
			@change="$dispatch('inputupdated', { 
                name: 'lname', 
                value: $event.target.value,
                formUniqId: formUniqId
            })"
			@focus="additionalInfoIsSet ? showAdditionalInfo = true : null"
			@keyup="if (type !== 'date') $dispatch('inputupdated', { 
                name: 'lname', 
                value: $event.target.value,
                formUniqId: formUniqId
            })"
			class="trans-active poppins-regular opensans-regular mulish-regular h-16 w-full pl-6 text-lg placeholder:font-normal"
			data-name="lname-"
			id="lname-"
			lang="fr"
			maxlength="500"
			name="lname"
			placeholder="Entrez votre nom"
			x-ref="lname"
		>

		<!-- TODO, change the way we pass custom prop, use $attributes ? -->
		
	</div>
	
	
	<template x-if="!isValid && errorMessages.length">
		<div class="mt-1 flex flex-col gap-1">
			<template x-for="error in errorMessages">
				<div class="poppins-light opensans-regular text-xs text-styqrred">
					<span x-text="error"></span>
				</div>
			</template>
		</div>
	</template>
	</div>

					<div
	class="inputWrapper flex w-full flex-col"
	x-data="inputWrapper({
    align: 'left' ?? 'left',
    type: 'text',
    customTW: '',
    inputName: 'email',
    inputValue: '',
    formUniqId: null,
    backgroundColor: '#FFFFFF',
    additionalInfoIsSet: false,
    isDisabled: false,
    rules: 'required|email|max:100',
    errorMessages: [],
})"
>
			<label
			:class="{
			    'text-styqrblack': $store.config.isBase || $store.config.isMaeva,
			    'text-black': $store.config.isGDF
			}"
			class="poppins-medium opensans-regular mulish-semibold mb-2 text-base"
			for="email-"
		>
			Adresse mail
		</label>
	
	<div class="relative flex items-center">
		<input
			:class="{
			    'text-center': align === 'center',
			    'border-styqrred border-2':
			        !isValid,
			    'cursor-not-allowed': isDisabled,
			    'bg-maevaverylightgrey': $store.config.isMaeva,
			    'bg-styqrverylightgrey focus:border-styqrpurple/30 focus:ring-styqrpurple/30 focus:ring-2': $store.config.env ===
			        window
			        .STYQR_ENV_BASE,
			    'bg-gdfverylightgrey': $store.config.isGDF,
			
			    'rounded-md  focus:outline-none   placeholder:italic border-[1px] border-solid border-styqrmediumgrey/10 ': [
			        window.STYQR_ENV_MAEVA, window.STYQR_ENV_BASE, window.STYQR_ENV_GDF
			    ].includes($store.config.env),
			}"
			:disabled="isDisabled"
			:type="type"
			:value="inputValue"
			@blur="additionalInfoIsSet ? showAdditionalInfo = false : null; rules ? $validate(rules) : null"
			@change="$dispatch('inputupdated', { 
                name: 'email', 
                value: $event.target.value,
                formUniqId: formUniqId
            })"
			@focus="additionalInfoIsSet ? showAdditionalInfo = true : null"
			@keyup="if (type !== 'date') $dispatch('inputupdated', { 
                name: 'email', 
                value: $event.target.value,
                formUniqId: formUniqId
            })"
			class="trans-active poppins-regular opensans-regular mulish-regular h-16 w-full pl-6 text-lg placeholder:font-normal"
			data-name="email-"
			id="email-"
			lang="fr"
			maxlength="500"
			name="email"
			placeholder="Entrez votre adresse mail"
			x-ref="email"
		>

		<!-- TODO, change the way we pass custom prop, use $attributes ? -->
		
	</div>
	
	
	<template x-if="!isValid && errorMessages.length">
		<div class="mt-1 flex flex-col gap-1">
			<template x-for="error in errorMessages">
				<div class="poppins-light opensans-regular text-xs text-styqrred">
					<span x-text="error"></span>
				</div>
			</template>
		</div>
	</template>
	</div>

					<div
	class="inputWrapper flex w-full flex-col"
	x-data="inputWrapper({
    align: 'left' ?? 'left',
    type: 'password',
    customTW: '',
    inputName: 'password',
    inputValue: '',
    formUniqId: null,
    backgroundColor: '#FFFFFF',
    additionalInfoIsSet: true,
    isDisabled: false,
    rules: 'required|min:8|max:20|pwd',
    errorMessages: [],
})"
>
			<label
			:class="{
			    'text-styqrblack': $store.config.isBase || $store.config.isMaeva,
			    'text-black': $store.config.isGDF
			}"
			class="poppins-medium opensans-regular mulish-semibold mb-2 text-base"
			for="password-"
		>
			Mot de passe
		</label>
	
	<div class="relative flex items-center">
		<input
			:class="{
			    'text-center': align === 'center',
			    'border-styqrred border-2':
			        !isValid,
			    'cursor-not-allowed': isDisabled,
			    'bg-maevaverylightgrey': $store.config.isMaeva,
			    'bg-styqrverylightgrey focus:border-styqrpurple/30 focus:ring-styqrpurple/30 focus:ring-2': $store.config.env ===
			        window
			        .STYQR_ENV_BASE,
			    'bg-gdfverylightgrey': $store.config.isGDF,
			
			    'rounded-md  focus:outline-none   placeholder:italic border-[1px] border-solid border-styqrmediumgrey/10 ': [
			        window.STYQR_ENV_MAEVA, window.STYQR_ENV_BASE, window.STYQR_ENV_GDF
			    ].includes($store.config.env),
			}"
			:disabled="isDisabled"
			:type="type"
			:value="inputValue"
			@blur="additionalInfoIsSet ? showAdditionalInfo = false : null; rules ? $validate(rules) : null"
			@change="$dispatch('inputupdated', { 
                name: 'password', 
                value: $event.target.value,
                formUniqId: formUniqId
            })"
			@focus="additionalInfoIsSet ? showAdditionalInfo = true : null"
			@keyup="if (type !== 'date') $dispatch('inputupdated', { 
                name: 'password', 
                value: $event.target.value,
                formUniqId: formUniqId
            })"
			class="trans-active poppins-regular opensans-regular mulish-regular h-16 w-full pl-6 text-lg placeholder:font-normal"
			data-name="password-"
			id="password-"
			lang="fr"
			maxlength="500"
			name="password"
			placeholder="Entrez votre mot de passe"
			x-ref="password"
		>

		<!-- TODO, change the way we pass custom prop, use $attributes ? -->
					<button
				@click="type === 'password' ? type = 'text' : type = 'password'"
				class="absolute right-5 top-1/2 -translate-y-1/2 transform cursor-pointer text-styqrmediumgrey"
				type="button"
			>
				<div>
					<img
						class="aspect-[1/1] w-4"
						src="https://app-staging.styqr.fr/build/assets/eye-regular-D2tz0aXv.svg"
						x-cloak
						x-show="type === 'password'"
					>

				</div>
				<div>
					<img
						class="aspect-[1/1] w-4"
						src="https://app-staging.styqr.fr/build/assets/eye-slash-regular-CCrAfMiw.svg"
						x-cloak
						x-show="type === 'text'"
					>
				</div>
			</button>
		
	</div>
	
	
	<template x-if="!isValid && errorMessages.length">
		<div class="mt-1 flex flex-col gap-1">
			<template x-for="error in errorMessages">
				<div class="poppins-light opensans-regular text-xs text-styqrred">
					<span x-text="error"></span>
				</div>
			</template>
		</div>
	</template>
			<div
			class="flex"
			x-cloak
			x-collapse
			x-show="additionalInfoIsSet && showAdditionalInfo"
		>
			<div class="poppins-light opensans-regular text-xs text-styqrmediumgrey"><p>Pour assurer la sécurité de votre compte, veuillez choisir un mot de passe respectant les critères suivants :
							</p>
							<ul class="list-disc pl-4">
								<li>Entre 8 et 20 caractères</li>
								<li>Au moins une majuscule (A-Z)</li>
								<li>Au moins une minuscule (a-z)</li>
								<li>Au moins un chiffre (0-9)</li>
								<li>Au moins un caractère spécial (!@#$%^&*...)</li>
							</ul></div>
		</div>
	</div>

											<span class="poppins-medium opensans-bold text-base text-styqrblack">
							Quel type d'hébergement proposez-vous ?						</span>
						<div class="flex w-full flex-col gap-2">
							<div class="flex flex-col flex-wrap lg:flex-row">
								<template x-for="(option, index) in categories">
									<label
										:key="index"
										class="poppins-light opensans-regular mb-3 mt-3 flex basis-1/2 items-center gap-4 text-sm"
									>
										<input
											:value="option['id']"
											class="hidden"
											name="user_category_id"
											type="radio"
											x-model="selectedCategory"
										/>
										<div
											:class="{
											    'border-styqrpurple bg-styqrpurple/5': $store.config.isBase,
											    'border-maevablue bg-maevablue/5': $store.config.isMaeva
											}"
											class="flex h-6 w-6 cursor-pointer items-center justify-center rounded-md border-2"
										>
											<div
												:class="{
												    'bg-styqrpurple': $store.config.isBase,
												    'bg-maevablue': $store.config.isMaeva
												}"
												class="checkbox-inside h-3 w-3 rounded"
												x-show="selectedCategory == option['id']"
												x-transition
											></div>
										</div>
										<div
											:class="{
											    'bg-styqrpurple/5': $store.config.isBase,
											    'bg-maevalightgrey': $store.config.isMaeva
											}"
											class="flex h-9 w-9 items-center justify-center rounded-full bg-styqrpurple/5"
										>
											<img :src="option.img" />
										</div>
										<span x-text="categoriesLabel[option['id']]"></span>
									</label>
								</template>
							</div>
						</div>
						<div
							:class="{
							    'text-styqrred': $store.config.isBase || $store.config.isMaeva,
							    'text-gdfred': $store.config.isGDF
							}"
							class="poppins-light opensans-regular text-xs"
							x-cloak
							x-show="!fieldsValidationStatus.category"
						>
							<span>La catégorie est obligatoire.</span>
						</div>

																<div
	@recaptcha.window="execute"
	x-data="recaptcha()"
></div>


					<button
						:class="{
						    'bg-styqrred hover:bg-styqrdarkred  text-white ': $store.config.isBase,
						    'bg-maevayellow text-styqrblack': $store.config.isMaeva,
						    'bg-gdfgreen text-white rounded-full': $store.config.isGDF
						}"
						class="poppins-medium opensans-bold mulish-semibold h-14 w-56 rounded text-center text-base shadow-lg transition-all duration-100"
						type="submit"
					>
						<span>Créer un compte</span>
					</button>
					<template x-if="$store.config.isBase">
						<p class="poppins-light text-[15px] text-styqrmediumgrey">
							En cliquant sur ‘Créer mon livret’, vous certifiez avoir pris connaissance et accepter sans réserve <a
							class="text-styqrblack underline"
							href="https://styqr.fr/conditions-generales-de-vente-et-dutilisation-cgvu/"
							target="_blank"
						> les Conditions
							générales d’utilisation et vente de Votre livret de bienvenue.</a><br><br>

						Pour en savoir plus sur la façon dont Votre livret de bienvenue recueille et protège vos données personnelles, veuillez consulter
						notre
						<a
							class="text-styqrblack underline"
							href="https://styqr.fr/politique-de-confidentialite/"
							target="_blank"
						>politique de confidentialité </a>.
						</p>
					</template>
					<template x-if="$store.config.isGDF">
						<p class="mulish-light text-[13px] text-gdfmediumgrey">
							<span>En cliquant sur ‘Créer mon livret’, vous certifiez avoir pris connaissance et accepter 
                            sans réserve 
                            <a
                                class="text-gdfgreen underline"
                                href="https://monlivretdaccueilgitesdefrance.fr/cgvu/"
                                target="_blank"
                            >les Conditions générales d’utilisation et vente de Gîtes de France ®</a> <br><br>
                            Pour en savoir plus sur la façon dont Gîtes de France ® recueille et protège vos données 
                            personnelles, veuillez consulter notre <a
							class="text-gdfgreen underline"
							href="https://monlivretdaccueilgitesdefrance.fr/politique-de-confidentialite-gdf/"
							target="_blank"
                            >
                                politique de confidentialité.
                            </a> 
                        </span>
						</p>
					</template>

				</div>

				<div class="flex w-5/6 flex-col justify-center gap-7 lg:w-4/6">
					<div class="h-[2px] w-full bg-white"></div>
					<span
						:class="{
						    'text-gdfmediumgrey': $store.config.isGDF,
						    'text-styqrmediumgrey': $store.config.isBase || $store.config.isMaeva
						}"
						class="poppins-regular opensans-regular mulish-regular text-sm"
					>
						Déjà un compte ?						<a
							:class="{
							    'text-styqrblack': $store.config.isBase,
							    'text-gdfgreen': $store.config.isGDF
							}"
							class="text-styqrblack underline hover:font-semibold"
							href="https://app-staging.styqr.fr/auth/login"
						>Connectez-vous</a>
					</span>
					<div class="poppins-regular opensans-regular mulish-regular flex gap-16 text-[15px] text-styqrblack">
						<a
							class="hover:underline"
							href="https://styqr.fr/politique-de-confidentialite/"
							target="_blank"
							x-cloak
							x-show="$store.config.isBase"
						>Politique de confidentialité</a>
						<a
							class="hover:underline"
							href="https://monlivretdaccueilgitesdefrance.fr/politique-de-confidentialite-gdf/"
							target="_blank"
							x-cloak
							x-show="$store.config.isGDF"
						>Politique de confidentialité</a>
						<a
							class="hover:underline"
							href="https://styqr.fr/conditions-generales-de-vente-et-dutilisation-cgvu/"
							target="_blank"
							x-cloak
							x-show="$store.config.isBase"
						>CGU</a>
						<a
							class="hover:underline"
							href="https://monlivretdaccueilgitesdefrance.fr/cgvu/"
							target="_blank"
							x-cloak
							x-show="$store.config.isGDF"
						>CGVU</a>
						<section class="flag-switcher">
	<select id="languageSelector">
		<option value="fr">🇫🇷</option>
		<option value="en">🇬🇧</option>
		<option value="es">🇪🇸</option>
		<option value="pt">🇵🇹</option>
		<option value="it">🇮🇹</option>
		<option value="de">🇩🇪</option>
	</select>
</section>

	<script>
		// TODO : Legacy, à refaire proprepment
		document.getElementById('languageSelector').addEventListener('change', function() {
			document.cookie = 'admin-locale=' + (this.value || '') + '; path=/';
			location.reload();
		});

		document.addEventListener('DOMContentLoaded', function() {
			let locale;
			const value = `; ${document.cookie}`;
			const parts = value.split(`; admin-locale=`);
			if (parts.length === 2) {
				locale = parts.pop().split(';').shift();
			} else {
				locale = navigator.language.substring(0, 2); // Default to browser language
				document.cookie = 'admin-locale=' + locale + '; path=/';
				location.reload();
			}
			let element = document.getElementById('languageSelector');
			element.value = locale;
		});
	</script>

					</div>
				</div>
			</div>
		</form>
	</div>

	<div
		:class="{
		    'bg-white ': $store.config.isBase,
		    'bg-maevalightyellow': $store.config.isMaeva,
		    'bg-gdfverylightgrey': $store.config.isGDF
		}"
		class="fixed right-0 top-0 hidden h-[100vh] w-1/2 lg:block"
	>
		<div class="flex h-full w-full flex-col items-center justify-center gap-8">
			<img
				class="w-5/6"
				src="https://app-staging.styqr.fr/build/assets/signup-CMMRwQnV.png"
			/>
			<a
				href="https://fr.trustpilot.com/review/styqr.fr"
				target="_blank"
				x-cloak
				x-show="$store.config.isBase"
			>
				<img src="https://app-staging.styqr.fr/build/assets/trustpilot-8P1Qo29L.svg" />
			</a>
			<div
				class="flex justify-center"
				x-show="$store.config.isBase"
			>
				<div class="flex gap-4">
					<a
						class="poppins-regular opensans-regular text-xs text-styqrmediumgrey underline"
						href="https://styqr.fr/decouvrez-nos-fonctionnalites/"
					>Découvrez Votre livret de bienvenue</a>
					<a
						class="poppins-regular opensans-regular text-xs text-styqrmediumgrey underline"
						href="https://styqr.fr/nos-tarifs/"
					>Nos tarifs</a>

				</div>
			</div>
		</div>
	</div>
</div>

	<script>
		function signup({
			categories
		}) {

			return {
				categories,
				selectedCategory: null,
				fieldsValidationStatus: {
					fname: false,
					lname: false,
					email: false,
					password: false,
					category: true,
				},
				categoriesLabel: {
					'1': 'Camping',
					'2': 'Chambre d\u0027h\u00f4tes',
					'3': 'Conciergerie',
					'4': 'Gestionnaire de locations',
					'5': 'Particulier',
					'6': 'G\u00eete',
					'7': 'H\u00f4tel',
				},
				init() {
					window.addEventListener('inputvalidation', (event) => {
						this.setFieldsValidationStatus(event.detail.inputName, event.detail.isValid)
					})
				},
				setFieldsValidationStatus(field, isValid) {
					this.fieldsValidationStatus[field] = isValid
				},
				submit() {
					if (!this.selectedCategory) {
						this.fieldsValidationStatus.category = false;
					} else {
						this.fieldsValidationStatus.category = true;
					}
					if (this.$store.config.isGDF) {
						this.fieldsValidationStatus.category = true;
					}
					Object.keys(this.fieldsValidationStatus).forEach(field => {
						const element = this.$refs.signupForm.querySelector(`[name=${field}]`);
						if (element) {
							element.dispatchEvent(new Event('blur'));
						}
					})
					const formIsIncomplete = Object.values(this.fieldsValidationStatus).some(status => !status)
					if (formIsIncomplete) {
						const invalidInput = this.$refs.signupForm.querySelector(`[name=fname]`);
						if (invalidInput) {
							invalidInput.scrollIntoView({
								behavior: 'smooth',
								block: 'center'
							});
						}
						return;
					}
					this.$dispatch('recaptcha');
				}
			}
		}
	</script>

<!DOCTYPE html>
<html lang="fr">

<head>

	<style>
		[x-cloak] {
			display: none !important;
		}
	</style>
	<meta
		content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, orientation=portrait"
		name="viewport"
	>

	<meta content="#F6F7FB" />

		<title>
		StyQR
	</title>

	<meta
		content="#F6F7FB"
		name="theme-color"
	/>

	<link rel="preload" as="style" href="https://app-staging.styqr.fr/build/assets/app--gxtxdyk.css" /><link rel="stylesheet" href="https://app-staging.styqr.fr/build/assets/app--gxtxdyk.css" />	<link rel="modulepreload" href="https://app-staging.styqr.fr/build/assets/app-l0sNRNKZ.js" /><script type="module" src="https://app-staging.styqr.fr/build/assets/app-l0sNRNKZ.js"></script>
	<link
		href="https://fonts.googleapis.com"
		rel="preconnect"
	>
	<link
		crossorigin
		href="https://fonts.gstatic.com"
		rel="preconnect"
	>
	<link
		href="https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/choices.min.css"
		rel="stylesheet"
	/>

	<link
		href="https://cdn.jsdelivr.net/npm/dropzone@5/dist/min/dropzone.min.css"
		rel="stylesheet"
		type="text/css"
	/>
	<link
		href="https://cdn.jsdelivr.net/npm/tippy.js@6/dist/tippy.min.css"
		rel="stylesheet"
	/>

	<script src="https://cdn.jsdelivr.net/npm/choices.js@9.0.1/public/assets/scripts/choices.min.js"></script>

	<link
		href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
		rel="stylesheet"
	>
	<link
		href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap"
		rel="stylesheet"
	>

	<link
		href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap"
		rel="stylesheet"
	>

	<link
		href="https://app-staging.styqr.fr/img/base/favicon.png"
		rel="icon"
		type="image/png"
	/>

	<meta
		content="rAHZR463KgCg1ZNzK7fWLbXuGx3Z2CN0ZLspovJI"
		name="csrf-token"
	>
	<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KWWGGZ9');</script>
<!-- End Google Tag Manager -->

<link rel='stylesheet' type='text/css' property='stylesheet' href='/_debugbar/assets/stylesheets?v=1753192890' data-turbolinks-eval='false' data-turbo-eval='false'><script src='/_debugbar/assets/javascript?v=1753192890' data-turbolinks-eval='false' data-turbo-eval='false'></script><script data-turbo-eval='false'>jQuery.noConflict(true);</script>
<script> Sfdump = window.Sfdump || (function (doc) { doc.documentElement.classList.add('sf-js-enabled'); var rxEsc = /([.*+?^${}()|\[\]\/\\])/g, idRx = /\bsf-dump-\d+-ref[012]\w+\b/, keyHint = 0 <= navigator.platform.toUpperCase().indexOf('MAC') ? 'Cmd' : 'Ctrl', addEventListener = function (e, n, cb) { e.addEventListener(n, cb, false); }; if (!doc.addEventListener) { addEventListener = function (element, eventName, callback) { element.attachEvent('on' + eventName, function (e) { e.preventDefault = function () {e.returnValue = false;}; e.target = e.srcElement; callback(e); }); }; } function toggle(a, recursive) { var s = a.nextSibling || {}, oldClass = s.className, arrow, newClass; if (/\bsf-dump-compact\b/.test(oldClass)) { arrow = '▼'; newClass = 'sf-dump-expanded'; } else if (/\bsf-dump-expanded\b/.test(oldClass)) { arrow = '▶'; newClass = 'sf-dump-compact'; } else { return false; } if (doc.createEvent && s.dispatchEvent) { var event = doc.createEvent('Event'); event.initEvent('sf-dump-expanded' === newClass ? 'sfbeforedumpexpand' : 'sfbeforedumpcollapse', true, false); s.dispatchEvent(event); } a.lastChild.innerHTML = arrow; s.className = s.className.replace(/\bsf-dump-(compact|expanded)\b/, newClass); if (recursive) { try { a = s.querySelectorAll('.'+oldClass); for (s = 0; s < a.length; ++s) { if (-1 == a[s].className.indexOf(newClass)) { a[s].className = newClass; a[s].previousSibling.lastChild.innerHTML = arrow; } } } catch (e) { } } return true; }; function collapse(a, recursive) { var s = a.nextSibling || {}, oldClass = s.className; if (/\bsf-dump-expanded\b/.test(oldClass)) { toggle(a, recursive); return true; } return false; }; function expand(a, recursive) { var s = a.nextSibling || {}, oldClass = s.className; if (/\bsf-dump-compact\b/.test(oldClass)) { toggle(a, recursive); return true; } return false; }; function collapseAll(root) { var a = root.querySelector('a.sf-dump-toggle'); if (a) { collapse(a, true); expand(a); return true; } return false; } function reveal(node) { var previous, parents = []; while ((node = node.parentNode || {}) && (previous = node.previousSibling) && 'A' === previous.tagName) { parents.push(previous); } if (0 !== parents.length) { parents.forEach(function (parent) { expand(parent); }); return true; } return false; } function highlight(root, activeNode, nodes) { resetHighlightedNodes(root); Array.from(nodes||[]).forEach(function (node) { if (!/\bsf-dump-highlight\b/.test(node.className)) { node.className = node.className + ' sf-dump-highlight'; } }); if (!/\bsf-dump-highlight-active\b/.test(activeNode.className)) { activeNode.className = activeNode.className + ' sf-dump-highlight-active'; } } function resetHighlightedNodes(root) { Array.from(root.querySelectorAll('.sf-dump-str, .sf-dump-key, .sf-dump-public, .sf-dump-protected, .sf-dump-private')).forEach(function (strNode) { strNode.className = strNode.className.replace(/\bsf-dump-highlight\b/, ''); strNode.className = strNode.className.replace(/\bsf-dump-highlight-active\b/, ''); }); } return function (root, x) { root = doc.getElementById(root); var indentRx = new RegExp('^('+(root.getAttribute('data-indent-pad') || ' ').replace(rxEsc, '\\$1')+')+', 'm'), options = {"maxDepth":1,"maxStringLength":160,"fileLinkFormat":false}, elt = root.getElementsByTagName('A'), len = elt.length, i = 0, s, h, t = []; while (i < len) t.push(elt[i++]); for (i in x) { options[i] = x[i]; } function a(e, f) { addEventListener(root, e, function (e, n) { if ('A' == e.target.tagName) { f(e.target, e); } else if ('A' == e.target.parentNode.tagName) { f(e.target.parentNode, e); } else { n = /\bsf-dump-ellipsis\b/.test(e.target.className) ? e.target.parentNode : e.target; if ((n = n.nextElementSibling) && 'A' == n.tagName) { if (!/\bsf-dump-toggle\b/.test(n.className)) { n = n.nextElementSibling || n; } f(n, e, true); } } }); }; function isCtrlKey(e) { return e.ctrlKey || e.metaKey; } function xpathString(str) { var parts = str.match(/[^'"]+|['"]/g).map(function (part) { if ("'" == part) { return '"\'"'; } if ('"' == part) { return "'\"'"; } return "'" + part + "'"; }); return "concat(" + parts.join(",") + ", '')"; } function xpathHasClass(className) { return "contains(concat(' ', normalize-space(@class), ' '), ' " + className +" ')"; } a('mouseover', function (a, e, c) { if (c) { e.target.style.cursor = "pointer"; } }); a('click', function (a, e, c) { if (/\bsf-dump-toggle\b/.test(a.className)) { e.preventDefault(); if (!toggle(a, isCtrlKey(e))) { var r = doc.getElementById(a.getAttribute('href').slice(1)), s = r.previousSibling, f = r.parentNode, t = a.parentNode; t.replaceChild(r, a); f.replaceChild(a, s); t.insertBefore(s, r); f = f.firstChild.nodeValue.match(indentRx); t = t.firstChild.nodeValue.match(indentRx); if (f && t && f[0] !== t[0]) { r.innerHTML = r.innerHTML.replace(new RegExp('^'+f[0].replace(rxEsc, '\\$1'), 'mg'), t[0]); } if (/\bsf-dump-compact\b/.test(r.className)) { toggle(s, isCtrlKey(e)); } } if (c) { } else if (doc.getSelection) { try { doc.getSelection().removeAllRanges(); } catch (e) { doc.getSelection().empty(); } } else { doc.selection.empty(); } } else if (/\bsf-dump-str-toggle\b/.test(a.className)) { e.preventDefault(); e = a.parentNode.parentNode; e.className = e.className.replace(/\bsf-dump-str-(expand|collapse)\b/, a.parentNode.className); } }); elt = root.getElementsByTagName('SAMP'); len = elt.length; i = 0; while (i < len) t.push(elt[i++]); len = t.length; for (i = 0; i < len; ++i) { elt = t[i]; if ('SAMP' == elt.tagName) { a = elt.previousSibling || {}; if ('A' != a.tagName) { a = doc.createElement('A'); a.className = 'sf-dump-ref'; elt.parentNode.insertBefore(a, elt); } else { a.innerHTML += ' '; } a.title = (a.title ? a.title+'\n[' : '[')+keyHint+'+click] Expand all children'; a.innerHTML += elt.className == 'sf-dump-compact' ? '<span>▶</span>' : '<span>▼</span>'; a.className += ' sf-dump-toggle'; x = 1; if ('sf-dump' != elt.parentNode.className) { x += elt.parentNode.getAttribute('data-depth')/1; } } else if (/\bsf-dump-ref\b/.test(elt.className) && (a = elt.getAttribute('href'))) { a = a.slice(1); elt.className += ' sf-dump-hover'; elt.className += ' '+a; if (/[\[{]$/.test(elt.previousSibling.nodeValue)) { a = a != elt.nextSibling.id && doc.getElementById(a); try { s = a.nextSibling; elt.appendChild(a); s.parentNode.insertBefore(a, s); if (/^[@#]/.test(elt.innerHTML)) { elt.innerHTML += ' <span>▶</span>'; } else { elt.innerHTML = '<span>▶</span>'; elt.className = 'sf-dump-ref'; } elt.className += ' sf-dump-toggle'; } catch (e) { if ('&' == elt.innerHTML.charAt(0)) { elt.innerHTML = '…'; elt.className = 'sf-dump-ref'; } } } } } if (doc.evaluate && Array.from && root.children.length > 1) { root.setAttribute('tabindex', 0); SearchState = function () { this.nodes = []; this.idx = 0; }; SearchState.prototype = { next: function () { if (this.isEmpty()) { return this.current(); } this.idx = this.idx < (this.nodes.length - 1) ? this.idx + 1 : 0; return this.current(); }, previous: function () { if (this.isEmpty()) { return this.current(); } this.idx = this.idx > 0 ? this.idx - 1 : (this.nodes.length - 1); return this.current(); }, isEmpty: function () { return 0 === this.count(); }, current: function () { if (this.isEmpty()) { return null; } return this.nodes[this.idx]; }, reset: function () { this.nodes = []; this.idx = 0; }, count: function () { return this.nodes.length; }, }; function showCurrent(state) { var currentNode = state.current(), currentRect, searchRect; if (currentNode) { reveal(currentNode); highlight(root, currentNode, state.nodes); if ('scrollIntoView' in currentNode) { currentNode.scrollIntoView(true); currentRect = currentNode.getBoundingClientRect(); searchRect = search.getBoundingClientRect(); if (currentRect.top < (searchRect.top + searchRect.height)) { window.scrollBy(0, -(searchRect.top + searchRect.height + 5)); } } } counter.textContent = (state.isEmpty() ? 0 : state.idx + 1) + ' of ' + state.count(); } var search = doc.createElement('div'); search.className = 'sf-dump-search-wrapper sf-dump-search-hidden'; search.innerHTML = ' <input type="text" class="sf-dump-search-input"> <span class="sf-dump-search-count">0 of 0<\/span> <button type="button" class="sf-dump-search-input-previous" tabindex="-1"> <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1683 1331l-166 165q-19 19-45 19t-45-19L896 965l-531 531q-19 19-45 19t-45-19l-166-165q-19-19-19-45.5t19-45.5l742-741q19-19 45-19t45 19l742 741q19 19 19 45.5t-19 45.5z"\/><\/svg> <\/button> <button type="button" class="sf-dump-search-input-next" tabindex="-1"> <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1683 808l-742 741q-19 19-45 19t-45-19L109 808q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"\/><\/svg> <\/button> '; root.insertBefore(search, root.firstChild); var state = new SearchState(); var searchInput = search.querySelector('.sf-dump-search-input'); var counter = search.querySelector('.sf-dump-search-count'); var searchInputTimer = 0; var previousSearchQuery = ''; addEventListener(searchInput, 'keyup', function (e) { var searchQuery = e.target.value; /* Don't perform anything if the pressed key didn't change the query */ if (searchQuery === previousSearchQuery) { return; } previousSearchQuery = searchQuery; clearTimeout(searchInputTimer); searchInputTimer = setTimeout(function () { state.reset(); collapseAll(root); resetHighlightedNodes(root); if ('' === searchQuery) { counter.textContent = '0 of 0'; return; } var classMatches = [ "sf-dump-str", "sf-dump-key", "sf-dump-public", "sf-dump-protected", "sf-dump-private", ].map(xpathHasClass).join(' or '); var xpathResult = doc.evaluate('.//span[' + classMatches + '][contains(translate(child::text(), ' + xpathString(searchQuery.toUpperCase()) + ', ' + xpathString(searchQuery.toLowerCase()) + '), ' + xpathString(searchQuery.toLowerCase()) + ')]', root, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null); while (node = xpathResult.iterateNext()) state.nodes.push(node); showCurrent(state); }, 400); }); Array.from(search.querySelectorAll('.sf-dump-search-input-next, .sf-dump-search-input-previous')).forEach(function (btn) { addEventListener(btn, 'click', function (e) { e.preventDefault(); -1 !== e.target.className.indexOf('next') ? state.next() : state.previous(); searchInput.focus(); collapseAll(root); showCurrent(state); }) }); addEventListener(root, 'keydown', function (e) { var isSearchActive = !/\bsf-dump-search-hidden\b/.test(search.className); if ((114 === e.keyCode && !isSearchActive) || (isCtrlKey(e) && 70 === e.keyCode)) { /* F3 or CMD/CTRL + F */ if (70 === e.keyCode && document.activeElement === searchInput) { /* * If CMD/CTRL + F is hit while having focus on search input, * the user probably meant to trigger browser search instead. * Let the browser execute its behavior: */ return; } e.preventDefault(); search.className = search.className.replace(/\bsf-dump-search-hidden\b/, ''); searchInput.focus(); } else if (isSearchActive) { if (27 === e.keyCode) { /* ESC key */ search.className += ' sf-dump-search-hidden'; e.preventDefault(); resetHighlightedNodes(root); searchInput.value = ''; } else if ( (isCtrlKey(e) && 71 === e.keyCode) /* CMD/CTRL + G */ || 13 === e.keyCode /* Enter */ || 114 === e.keyCode /* F3 */ ) { e.preventDefault(); e.shiftKey ? state.previous() : state.next(); collapseAll(root); showCurrent(state); } } }); } if (0 >= options.maxStringLength) { return; } try { elt = root.querySelectorAll('.sf-dump-str'); len = elt.length; i = 0; t = []; while (i < len) t.push(elt[i++]); len = t.length; for (i = 0; i < len; ++i) { elt = t[i]; s = elt.innerText || elt.textContent; x = s.length - options.maxStringLength; if (0 < x) { h = elt.innerHTML; elt[elt.innerText ? 'innerText' : 'textContent'] = s.substring(0, options.maxStringLength); elt.className += ' sf-dump-str-collapse'; elt.innerHTML = '<span class=sf-dump-str-collapse>'+h+'<a class="sf-dump-ref sf-dump-str-toggle" title="Collapse"> ◀</a></span>'+ '<span class=sf-dump-str-expand>'+elt.innerHTML+'<a class="sf-dump-ref sf-dump-str-toggle" title="'+x+' remaining characters"> ▶</a></span>'; } } } catch (e) { } }; })(document); </script><style> .sf-js-enabled .phpdebugbar pre.sf-dump .sf-dump-compact, .sf-js-enabled .sf-dump-str-collapse .sf-dump-str-collapse, .sf-js-enabled .sf-dump-str-expand .sf-dump-str-expand { display: none; } .sf-dump-hover:hover { background-color: #B729D9; color: #FFF !important; border-radius: 2px; } .phpdebugbar pre.sf-dump { display: block; white-space: pre; padding: 5px; overflow: initial !important; } .phpdebugbar pre.sf-dump:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; } .phpdebugbar pre.sf-dump .sf-dump-ellipsization { display: inline-flex; } .phpdebugbar pre.sf-dump a { text-decoration: none; cursor: pointer; border: 0; outline: none; color: inherit; } .phpdebugbar pre.sf-dump img { max-width: 50em; max-height: 50em; margin: .5em 0 0 0; padding: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAHUlEQVQY02O8zAABilCaiQEN0EeA8QuUcX9g3QEAAjcC5piyhyEAAAAASUVORK5CYII=) #D3D3D3; } .phpdebugbar pre.sf-dump .sf-dump-ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .phpdebugbar pre.sf-dump .sf-dump-ellipsis-tail { flex-shrink: 0; } .phpdebugbar pre.sf-dump code { display:inline; padding:0; background:none; } .sf-dump-public.sf-dump-highlight, .sf-dump-protected.sf-dump-highlight, .sf-dump-private.sf-dump-highlight, .sf-dump-str.sf-dump-highlight, .sf-dump-key.sf-dump-highlight { background: rgba(111, 172, 204, 0.3); border: 1px solid #7DA0B1; border-radius: 3px; } .sf-dump-public.sf-dump-highlight-active, .sf-dump-protected.sf-dump-highlight-active, .sf-dump-private.sf-dump-highlight-active, .sf-dump-str.sf-dump-highlight-active, .sf-dump-key.sf-dump-highlight-active { background: rgba(253, 175, 0, 0.4); border: 1px solid #ffa500; border-radius: 3px; } .phpdebugbar pre.sf-dump .sf-dump-search-hidden { display: none !important; } .phpdebugbar pre.sf-dump .sf-dump-search-wrapper { font-size: 0; white-space: nowrap; margin-bottom: 5px; display: flex; position: -webkit-sticky; position: sticky; top: 5px; } .phpdebugbar pre.sf-dump .sf-dump-search-wrapper > * { vertical-align: top; box-sizing: border-box; height: 21px; font-weight: normal; border-radius: 0; background: #FFF; color: #757575; border: 1px solid #BBB; } .phpdebugbar pre.sf-dump .sf-dump-search-wrapper > input.sf-dump-search-input { padding: 3px; height: 21px; font-size: 12px; border-right: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; color: #000; min-width: 15px; width: 100%; } .phpdebugbar pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next, .phpdebugbar pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous { background: #F2F2F2; outline: none; border-left: none; font-size: 0; line-height: 0; } .phpdebugbar pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .phpdebugbar pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next > svg, .phpdebugbar pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous > svg { pointer-events: none; width: 12px; height: 12px; } .phpdebugbar pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-count { display: inline-block; padding: 0 5px; margin: 0; border-left: none; line-height: 21px; font-size: 12px; }.phpdebugbar pre.sf-dump, .phpdebugbar pre.sf-dump .sf-dump-default{word-wrap: break-word; white-space: pre-wrap; word-break: normal}.phpdebugbar pre.sf-dump .sf-dump-num{font-weight:bold; color:#1299DA}.phpdebugbar pre.sf-dump .sf-dump-const{font-weight:bold}.phpdebugbar pre.sf-dump .sf-dump-str{font-weight:bold; color:#3A9B26}.phpdebugbar pre.sf-dump .sf-dump-note{color:#1299DA}.phpdebugbar pre.sf-dump .sf-dump-ref{color:#7B7B7B}.phpdebugbar pre.sf-dump .sf-dump-public{color:#000000}.phpdebugbar pre.sf-dump .sf-dump-protected{color:#000000}.phpdebugbar pre.sf-dump .sf-dump-private{color:#000000}.phpdebugbar pre.sf-dump .sf-dump-meta{color:#B729D9}.phpdebugbar pre.sf-dump .sf-dump-key{color:#3A9B26}.phpdebugbar pre.sf-dump .sf-dump-index{color:#1299DA}.phpdebugbar pre.sf-dump .sf-dump-ellipsis{color:#A0A000}.phpdebugbar pre.sf-dump .sf-dump-ns{user-select:none;}.phpdebugbar pre.sf-dump .sf-dump-ellipsis-note{color:#1299DA}.phpdebugbar[data-theme='dark'] pre.sf-dump, pre.sf-dump .sf-dump-default{background-color:#18171B; color:#FF8400; line-height:1.2em; font:12px Menlo, Monaco, Consolas, monospace; word-wrap: break-word; white-space: pre-wrap; position:relative; z-index:99999; word-break: break-all}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-num{font-weight:bold; color:#1299DA}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-const{font-weight:bold}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-str{font-weight:bold; color:#56DB3A}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-note{color:#1299DA}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-ref{color:#A0A0A0}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-public{color:#FFFFFF}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-protected{color:#FFFFFF}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-private{color:#FFFFFF}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-meta{color:#B729D9}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-key{color:#56DB3A}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-index{color:#1299DA}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-ellipsis{color:#FF8400}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-ns{user-select:none;}.phpdebugbar[data-theme='dark'] pre.sf-dump .sf-dump-ellipsis-note{color:#1299DA}</style>
</head>

<body
	:class="{
	    'bg-styqrverylightgrey': $store.config.isBase,
	    'bg-maevaverylightgrey': $store.config.isMaeva,
	    'bg-gdfverylightgrey': $store.config.isGDF &&
	        '1' &&
	        '' &&
	        '1' &&
	        '1'
	}"
	x-data
>
	<div
		class="fixed inset-0 z-[5000] flex items-center justify-center bg-black bg-opacity-40"
		style="display: none;"
		x-init="document.body.setAttribute('data-env', $store.config.env);"
		x-show="$store['loading-overlay'].visible"
		x-transition.opacity
	>
		<div class="flex flex-col items-center">
			<span class="loader-spinner scale-150"></span>
			<span class="poppins-semibold opensans-semibold mt-4 text-lg font-medium text-white">Chargement...</span>
		</div>
	</div>

		
	<div
	class="flex justify-center"
	x-data="{}"
>
	<div
		aria-modal="true"
		class="fixed inset-0 z-[2000] overflow-y-auto"
		role="dialog"
		style="display: none"
		x-on:keydown.escape.prevent.stop="$store.confirmModal.open = false"
		x-show="$store.confirmModal.open"
	>
		<div
			class="fixed inset-0 bg-black/25"
			x-show="$store.confirmModal.open"
			x-transition.opacity
		></div>

		<div
			class="relative flex min-h-screen items-center justify-center p-4"
			x-show="$store.confirmModal.open"
			x-transition
		>
			<div
				class="relative max-w-xl rounded-xl bg-white p-12 shadow-lg"
				x-on:click.stop
				x-trap.noscroll.inert="$store.confirmModal.open"
			>
				<div class="flex flex-col items-center justify-evenly gap-7">
					<span
						:class="{
						    'text-styqrblack': $store.config.isBase || $store.config.isMaeva,
						    'text-black': $store.config.isGDF,
						}"
						class="poppins-bold opensans-bold mulish-bold text-center text-2xl"
						x-text="$store.confirmModal.title"
					>Confirmation</span>
					<span
						:class="{
						    'text-styqrmediumgrey': $store.config.isBase,
						    'text-maevadarkgrey': $store.config.isMaeva,
						    'text-black': $store.config.isGDF
						}"
						class="poppins-regular opensans-regular mulish-regular text-left"
						x-html="$store.confirmModal.message"
					></span>

					<div class="flex flex-col gap-7 md:flex-row">
						<button
							:class="{
							    'bg-maevalightgrey hover:bg-maevalightgrey': $store.config.isMaeva,
							    'bg-styqrverylightgrey hover:bg-styqrlightgrey': $store.config.isBase,
							    'bg-gdfverylightgrey hover:bg-gdfdarkgrey ': $store.config.isGDF,
							}"
							@click="$store.confirmModal.onCancel()"
							class="poppins-medium opensans-bold mulish-bold h-14 w-60 rounded bg-styqrverylightgrey text-center text-base transition-all duration-100 focus:outline-none"
							type="button"
							x-show="$store.confirmModal.showButton.cancel"
						>
							<span x-text="$store.confirmModal.cancelText"></span>
						</button>
						<button
							:class="{
							    'bg-maevablue hover:bg-maevablue': $store.config.isMaeva,
							    'bg-styqrgreen hover:bg-styqrdarkgreen': $store.config.isBase,
							    'bg-gdfgreen hover:bg-gdfdarkgreen ': $store.config.isGDF,
							}"
							@click="$store.confirmModal.onOk()"
							class="poppins-medium opensans-bold mulish-bold h-14 w-60 rounded bg-styqrgreen text-center text-base text-white transition-all duration-100 hover:bg-styqrdarkgreen focus:outline-none"
							type="button"
							x-show="$store.confirmModal.showButton.ok"
						>
							<span x-text="$store.confirmModal.okText"></span>
						</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
	<div
	@notify.window="add($event)"
	aria-live="polite"
	class="fixed right-0 top-0 z-[1000] flex w-full max-w-sm flex-col space-y-4 pb-4 pr-4 sm:justify-start"
	role="status"
	x-data="{
    notifications: [],
    add(e) {
        this.notifications.push({
            id: e.timeStamp,
            type: e.detail.type,
            content: e.detail.content,
        })
    },
    remove(notification) {
        this.notifications = this.notifications.filter(i => i.id !== notification.id)
    },
}"
>
	<!-- Notification -->
	<template
		:key="notification.id"
		x-for="notification in notifications"
	>
		<div
			class="pointer-events-auto relative w-full max-w-sm rounded-lg border border-gray-200 bg-white p-2 shadow-lg"
			x-data="{
    show: false,
    typeToTitle: {
        'error': 'Erreur',
        'success': 'Réussite',
        'info': 'Information',
    },
    init() {
        this.$nextTick(() => this.show = true)
        setTimeout(() => this.transitionOut(), 5000)
    },
    transitionOut() {
        this.show = false

        setTimeout(() => this.remove(this.notification), 500)
    },
}"
			x-show="show"
			x-transition.duration.500ms
		>
			<div class="flex items-start gap-4">
				<div class="flex flex-1 gap-2 py-1.5 pl-2.5">
					<!-- Icons -->
					<div
						class="flex-shrink-0"
						x-show="notification.type === 'info'"
					>
						<svg
							class="mt-0.5 size-4 text-gray-600"
							fill="currentColor"
							viewBox="0 0 16 16"
							xmlns="http://www.w3.org/2000/svg"
						>
							<path
								clip-rule="evenodd"
								d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.75 8a.75.75 0 0 0 0 1.5h.75v1.75a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8.25 8h-1.5Z"
								fill-rule="evenodd"
							/>
						</svg>
						<span class="sr-only">Information:</span>
					</div>

					<div
						class="flex-shrink-0"
						x-show="notification.type === 'success'"
					>
						<svg
							class="mt-0.5 size-4 text-green-600"
							fill="currentColor"
							viewBox="0 0 16 16"
							xmlns="http://www.w3.org/2000/svg"
						>
							<path
								clip-rule="evenodd"
								d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.844-8.791a.75.75 0 0 0-1.188-.918l-3.7 4.79-1.649-1.833a.75.75 0 1 0-1.114 1.004l2.25 2.5a.75.75 0 0 0 1.15-.043l4.25-5.5Z"
								fill-rule="evenodd"
							></path>
						</svg>
						<span class="sr-only">Réussite:</span>
					</div>

					<div
						class="flex-shrink-0"
						x-show="notification.type === 'error'"
					>
						<svg
							class="mt-0.5 size-4 text-red-600"
							fill="currentColor"
							viewBox="0 0 16 16"
							xmlns="http://www.w3.org/2000/svg"
						>
							<path
								clip-rule="evenodd"
								d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
								fill-rule="evenodd"
							></path>
						</svg>
						<span class="sr-only">Erreur:</span>
					</div>

					<!-- Text -->
					<div class="flex flex-col gap-y-2">
						<p
							class="text-sm font-medium capitalize text-gray-800"
							x-text="typeToTitle[notification.type]"
						></p>

						<div
							class="text-sm text-gray-600"
							x-text="notification.content"
						></div>
					</div>
				</div>
				<!-- Remove button -->
				<div class="flex items-center">
					<button
						@click="transitionOut()"
						class="inline-flex items-center justify-center rounded-md p-1.5 font-medium text-gray-400 hover:bg-gray-800/5 hover:text-gray-800"
						type="button"
					>
						<svg
							aria-hidden
							class="size-5"
							fill="currentColor"
							viewBox="0 0 20 20"
						>
							<path
								clip-rule="evenodd"
								d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
								fill-rule="evenodd"
							></path>
						</svg>
						<span class="sr-only">Fermer la notification</span>
					</button>
				</div>
			</div>
		</div>
	</template>
</div>
	<script
		defer
		src="https://cdn.jsdelivr.net/npm/@alpinejs/collapse@3.x.x/dist/cdn.min.js"
	></script>

	<script
		defer
		src="https://cdn.jsdelivr.net/npm/simple-datatables@latest"
		type="text/javascript"
	></script>
	<script
		defer
		src="https://cdn.jsdelivr.net/npm/@alpinejs/sort@3.x.x/dist/cdn.min.js"
	></script>
	<script
		defer
		src="https://cdn.jsdelivr.net/npm/@alpinejs/focus@3.x.x/dist/cdn.min.js"
	></script>
	
	<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2/dist/umd/popper.min.js"></script>
	
	<script src="https://cdn.jsdelivr.net/npm/tippy.js@6/dist/tippy.umd.min.js"></script>

	<script
		defer
		src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"
	></script>
	<script src="https://cdn.jsdelivr.net/npm/dropzone@5/dist/min/dropzone.min.js"></script>
	<script>
		Dropzone.autoDiscover = false;
	</script>
	<script
		loading=async
		src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBKOPyB7mYU5mPo2A9I8oY934Py0XAiTLc&libraries=places"
	></script>

	<script src="https://cdn.jsdelivr.net/npm/libphonenumber-js@1.11.20/bundle/libphonenumber-js.min.js"></script>

	<script>
		window.STYQR_ENV_BASE = "base";
		window.STYQR_ENV_MAEVA = "maeva";
		window.STYQR_ENV_GDF = "gdf";

		document.addEventListener('alpine:init', () => {

			Alpine.store('menu', {
				open: false,
				shouldValidateBeforePageChange: false,
			})

			Alpine.store('loading-overlay', {
				visible: false,
			})


			Alpine.store('config', {
				env: "base",
				isGDF: "base" === window.STYQR_ENV_GDF,
				isMaeva: "base" === window.STYQR_ENV_MAEVA,
				isBase: "base" === window.STYQR_ENV_BASE,
			})

			Alpine.store('confirmModal', {
				open: false,
				onOk() {},
				onCancel() {},
				showButton: {
					cancel: true,
					ok: true,
				}
			});

			Alpine.store('formHasBeenModified', {

			})

			Alpine.magic('confirm', () => {
				return ({
					message = 'Voulez vous vraiment effectuer cette action ?',
					okText = 'OK',
					cancelText = "Annuler",
					title = "Confirmer",
					showButton = {
						cancel: true,
						ok: true,
					}
				}) => new Promise((resolve, reject) => {
					const confirmModal = Alpine.store('confirmModal')
					confirmModal.open = true
					confirmModal.message = message
					confirmModal.okText = okText
					confirmModal.cancelText = cancelText
					confirmModal.title = title
					confirmModal.showButton = showButton

					confirmModal.onOk = () => {
						confirmModal.open = false
						resolve(true)
					};

					confirmModal.onCancel = () => {
						confirmModal.open = false
						resolve(false)
					};
				});
			})


			Alpine.directive('tooltip', (el, {
				expression
			}, {
				evaluate
			}) => {
				tippy(el, {
					content: evaluate(expression),
					appendTo: 'parent',
					allowHTML: true,
					theme: 'styqr',
					delay: [null, 1500]
				})
			})
			Alpine.magic('validate', (el) => {
				return (rules) => {
					const value = el.value.trim();
					const rulesList = rules.split('|');
					let inputIsValid = true;
					const errorMessages = [];

					const errorMessagesMap = {
						required: "Ce champ est obligatoire.",
						min: (min) => `La valeur doit comporter au moins ${min} caractères.`,
						max: (max) => `La valeur ne doit pas dépasser ${max} caractères.`,
						pwd: "Le mot de passe n'est pas au bon format.",
						email: "L'adresse email n'est pas valide."
					};

					const validationMethods = {
						required() {
							return value !== '';
						},
						min(arg) {
							const minLength = parseInt(arg);
							return value.length >= minLength;
						},
						max(arg) {
							const maxLength = parseInt(arg);
							return value.length <= maxLength;
						},
						pwd() {
							const regex =
								/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/;

							return regex.test(value);
						},
						email() {
							const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
							return regex.test(value);
						}
					};

					rulesList.forEach(rule => {
						let [ruleName, arg] = rule.split(':');

						if (validationMethods[ruleName]) {
							const isValid = validationMethods[ruleName](arg);
							if (!isValid) {
								inputIsValid = false;
								if (errorMessagesMap[ruleName]) {
									errorMessages.push(typeof errorMessagesMap[ruleName] ===
										'function' ?
										errorMessagesMap[ruleName](arg) :
										errorMessagesMap[ruleName]);
								}
							}
						}
					});


					window.dispatchEvent(new CustomEvent('inputvalidation', {
						detail: {
							inputName: el.name,
							isValid: inputIsValid,
							errorMessages
						}
					}));

					return inputIsValid;
				};
			});
		})
	</script>

		<script src="https://www.google.com/recaptcha/api.js?render=explicit"></script>

	<script>
		window.recaptcha = () => {
			return {
				init() {
					grecaptcha.ready(() => {
						grecaptcha.render(this.$el, {
							sitekey: '6Lfur1IcAAAAAMkE1DxTfo86Azv4cWdF47m-7Iwn',
							size: 'invisible',
							callback: this.onComplete.bind(this)
						});
					});
				},
				execute() {
					grecaptcha.execute();
				},
				onComplete() {
					this.$el.closest('form').submit();
				}
			};
		};
	</script>

	<script type="text/javascript">
	window.$crisp = [];
	window.CRISP_WEBSITE_ID = "9c703196-0a4c-4ae3-ae89-b574d074cb94";
	(function() {
		d = document;
		s = d.createElement("script");
		s.src = "https://client.crisp.chat/l.js";
		s.async = 1;
		d.getElementsByTagName("head")[0].appendChild(s);
	})();
</script>
<script type="text/javascript">
var phpdebugbar = new PhpDebugBar.DebugBar({"theme":"auto","hideEmptyTabs":true});
phpdebugbar.addTab("request", new PhpDebugBar.DebugBar.Tab({"icon":"tags","order":-100,"title":"Request", "widget": new PhpDebugBar.Widgets.HtmlVariableListWidget()}));
phpdebugbar.addTab("messages", new PhpDebugBar.DebugBar.Tab({"icon":"list-alt","title":"Messages", "widget": new PhpDebugBar.Widgets.MessagesWidget()}));
phpdebugbar.addIndicator("time", new PhpDebugBar.DebugBar.Indicator({"icon":"clock-o","tooltip":"Request Duration","link":"timeline"}), "right");
phpdebugbar.addTab("timeline", new PhpDebugBar.DebugBar.Tab({"icon":"tasks","title":"Timeline", "widget": new PhpDebugBar.Widgets.TimelineWidget()}));
phpdebugbar.addIndicator("memory", new PhpDebugBar.DebugBar.Indicator({"icon":"cogs","tooltip":"Memory Usage"}), "right");
phpdebugbar.addTab("exceptions", new PhpDebugBar.DebugBar.Tab({"icon":"bug","title":"Exceptions", "widget": new PhpDebugBar.Widgets.ExceptionsWidget()}));
phpdebugbar.addIndicator("version", new PhpDebugBar.DebugBar.Indicator({"icon":"laravel phpdebugbar-fab"}), "right");
phpdebugbar.addTab("views", new PhpDebugBar.DebugBar.Tab({"icon":"leaf","title":"Views", "widget": new PhpDebugBar.Widgets.TemplatesWidget()}));
phpdebugbar.addTab("queries", new PhpDebugBar.DebugBar.Tab({"icon":"database","title":"Queries", "widget": new PhpDebugBar.Widgets.LaravelQueriesWidget()}));
phpdebugbar.addTab("models", new PhpDebugBar.DebugBar.Tab({"icon":"cubes","title":"Models", "widget": new PhpDebugBar.Widgets.TableVariableListWidget()}));
phpdebugbar.addTab("emails", new PhpDebugBar.DebugBar.Tab({"icon":"inbox","title":"Mails", "widget": new PhpDebugBar.Widgets.MailsWidget()}));
phpdebugbar.addTab("gate", new PhpDebugBar.DebugBar.Tab({"icon":"list-alt","title":"Gate", "widget": new PhpDebugBar.Widgets.MessagesWidget()}));
phpdebugbar.addIndicator("currentrequest", new PhpDebugBar.DebugBar.Indicator({"icon":"share","link":"request"}), "right");
phpdebugbar.setDataMap({
"request": ["request.data", {}],
"messages": ["messages.messages", []],
"messages:badge": ["messages.count", null],
"time": ["time.duration_str", '0ms'],
"timeline": ["time", {}],
"memory": ["memory.peak_usage_str", '0B'],
"exceptions": ["exceptions.exceptions", []],
"exceptions:badge": ["exceptions.count", null],
"version": ["laravel.version", ],
"version:tooltip": ["laravel.tooltip", {}],
"views": ["views", []],
"views:badge": ["views.nb_templates", 0],
"queries": ["queries", []],
"queries:badge": ["queries.nb_statements", 0],
"models": ["models", {}],
"models:badge": ["models.count", 0],
"emails": ["symfonymailer_mails.mails", []],
"emails:badge": ["symfonymailer_mails.count", null],
"gate": ["gate.messages", []],
"gate:badge": ["gate.count", null],
"request:badge": ["request.badge", null],
"currentrequest": ["request.data.uri", ],
"currentrequest:tooltip": ["request.tooltip", {}]
});
phpdebugbar.restoreState();
phpdebugbar.enableAjaxHandlerTab();
phpdebugbar.ajaxHandler = new PhpDebugBar.AjaxHandler(phpdebugbar, undefined, true);
phpdebugbar.ajaxHandler.bindToFetch();
phpdebugbar.ajaxHandler.bindToXHR();
phpdebugbar.setOpenHandler(new PhpDebugBar.OpenHandler({"url":"https:\/\/app-staging.styqr.fr\/_debugbar\/open"}));
phpdebugbar.addDataSet({"__meta":{"id":"01KDWTH57J2MHRGFNGDB3Q6RNS","datetime":"2026-01-01 13:04:09","utime":1767272649.97094,"method":"GET","uri":"\/auth\/signup","ip":"216.73.216.155"},"messages":{"count":0,"messages":[]},"time":{"count":17,"start":1767272649.913944,"end":1767272649.970953,"duration":0.057008981704711914,"duration_str":"57.01ms","measures":[{"label":"Booting","start":1767272649.913944,"relative_start":0,"end":1767272649.933643,"relative_end":1767272649.933643,"duration":0.0196990966796875,"duration_str":"19.7ms","memory":0,"memory_str":"0B","params":[],"collector":"time","group":null},{"label":"Application","start":1767272649.933655,"relative_start":0.019711017608642578,"end":1767272649.970955,"relative_end":1.9073486328125e-6,"duration":0.03729987144470215,"duration_str":"37.3ms","memory":0,"memory_str":"0B","params":[],"collector":"time","group":null},{"label":"Routing","start":1767272649.935446,"relative_start":0.021502017974853516,"end":1767272649.938178,"relative_end":1767272649.938178,"duration":0.0027320384979248047,"duration_str":"2.73ms","memory":0,"memory_str":"0B","params":[],"collector":null,"group":null},{"label":"Preparing Response","start":1767272649.959454,"relative_start":0.045510053634643555,"end":1767272649.970701,"relative_end":1767272649.970701,"duration":0.011246919631958008,"duration_str":"11.25ms","memory":0,"memory_str":"0B","params":[],"collector":null,"group":null},{"label":"View: front.auth.signup","start":1767272649.959646,"relative_start":0.04570198059082031,"end":1767272649.959646,"relative_end":1767272649.959646,"duration":0,"duration_str":"0\u03bcs","memory":0,"memory_str":"0B","params":[],"collector":"views","group":"View"},{"label":"View: components.common.modals.common","start":1767272649.967856,"relative_start":0.05391192436218262,"end":1767272649.967856,"relative_end":1767272649.967856,"duration":0,"duration_str":"0\u03bcs","memory":0,"memory_str":"0B","params":[],"collector":"views","group":"View"},{"label":"View: components.form.input","start":1767272649.968962,"relative_start":0.055017948150634766,"end":1767272649.968962,"relative_end":1767272649.968962,"duration":0,"duration_str":"0\u03bcs","memory":0,"memory_str":"0B","params":[],"collector":"views","group":"View"},{"label":"View: components.form.input","start":1767272649.969144,"relative_start":0.05520009994506836,"end":1767272649.969144,"relative_end":1767272649.969144,"duration":0,"duration_str":"0\u03bcs","memory":0,"memory_str":"0B","params":[],"collector":"views","group":"View"},{"label":"View: components.form.input","start":1767272649.969237,"relative_start":0.05529308319091797,"end":1767272649.969237,"relative_end":1767272649.969237,"duration":0,"duration_str":"0\u03bcs","memory":0,"memory_str":"0B","params":[],"collector":"views","group":"View"},{"label":"View: components.form.input","start":1767272649.969338,"relative_start":0.05539393424987793,"end":1767272649.969338,"relative_end":1767272649.969338,"duration":0,"duration_str":"0\u03bcs","memory":0,"memory_str":"0B","params":[],"collector":"views","group":"View"},{"label":"View: components.common.recaptcha","start":1767272649.969526,"relative_start":0.05558204650878906,"end":1767272649.969526,"relative_end":1767272649.969526,"duration":0,"duration_str":"0\u03bcs","memory":0,"memory_str":"0B","params":[],"collector":"views","group":"View"},{"label":"View: front.partials.language-switcher","start":1767272649.969691,"relative_start":0.055747032165527344,"end":1767272649.969691,"relative_end":1767272649.969691,"duration":0,"duration_str":"0\u03bcs","memory":0,"memory_str":"0B","params":[],"collector":"views","group":"View"},{"label":"View: front.v2.layout","start":1767272649.969893,"relative_start":0.05594897270202637,"end":1767272649.969893,"relative_end":1767272649.969893,"duration":0,"duration_str":"0\u03bcs","memory":0,"memory_str":"0B","params":[],"collector":"views","group":"View"},{"label":"View: front.partials.head_tags","start":1767272649.970181,"relative_start":0.056236982345581055,"end":1767272649.970181,"relative_end":1767272649.970181,"duration":0,"duration_str":"0\u03bcs","memory":0,"memory_str":"0B","params":[],"collector":"views","group":"View"},{"label":"View: components.common.modals.confirm","start":1767272649.970355,"relative_start":0.056411027908325195,"end":1767272649.970355,"relative_end":1767272649.970355,"duration":0,"duration_str":"0\u03bcs","memory":0,"memory_str":"0B","params":[],"collector":"views","group":"View"},{"label":"View: components.common.notifications","start":1767272649.970434,"relative_start":0.05648994445800781,"end":1767272649.970434,"relative_end":1767272649.970434,"duration":0,"duration_str":"0\u03bcs","memory":0,"memory_str":"0B","params":[],"collector":"views","group":"View"},{"label":"View: front.partials.footer_tags","start":1767272649.970561,"relative_start":0.056617021560668945,"end":1767272649.970561,"relative_end":1767272649.970561,"duration":0,"duration_str":"0\u03bcs","memory":0,"memory_str":"0B","params":[],"collector":"views","group":"View"}]},"memory":{"peak_usage":9715456,"peak_usage_str":"9MB"},"exceptions":{"count":0,"exceptions":[]},"laravel":{"version":"10.x","tooltip":{"Laravel Version":"10.49.0","PHP Version":"8.1.27","Environment":"staging","Debug Mode":"Enabled","URL":"my-staging.styqr.fr","Timezone":"UTC","Locale":"fr"}},"views":{"count":13,"nb_templates":13,"templates":[{"name":"front.auth.signup","param_count":null,"params":[],"start":1767272649.959633,"type":"blade","hash":"blade\/home\/forge\/app-staging.styqr.fr\/resources\/views\/front\/auth\/signup.blade.phpfront.auth.signup","xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fresources%2Fviews%2Ffront%2Fauth%2Fsignup.blade.php\u0026line=1","ajax":false,"filename":"signup.blade.php","line":"?"}},{"name":"components.common.modals.common","param_count":null,"params":[],"start":1767272649.967844,"type":"blade","hash":"blade\/home\/forge\/app-staging.styqr.fr\/resources\/views\/components\/common\/modals\/common.blade.phpcomponents.common.modals.common","xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fresources%2Fviews%2Fcomponents%2Fcommon%2Fmodals%2Fcommon.blade.php\u0026line=1","ajax":false,"filename":"common.blade.php","line":"?"}},{"name":"components.form.input","param_count":null,"params":[],"start":1767272649.968955,"type":"blade","hash":"blade\/home\/forge\/app-staging.styqr.fr\/resources\/views\/components\/form\/input.blade.phpcomponents.form.input","xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fresources%2Fviews%2Fcomponents%2Fform%2Finput.blade.php\u0026line=1","ajax":false,"filename":"input.blade.php","line":"?"}},{"name":"components.form.input","param_count":null,"params":[],"start":1767272649.969138,"type":"blade","hash":"blade\/home\/forge\/app-staging.styqr.fr\/resources\/views\/components\/form\/input.blade.phpcomponents.form.input","xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fresources%2Fviews%2Fcomponents%2Fform%2Finput.blade.php\u0026line=1","ajax":false,"filename":"input.blade.php","line":"?"}},{"name":"components.form.input","param_count":null,"params":[],"start":1767272649.969232,"type":"blade","hash":"blade\/home\/forge\/app-staging.styqr.fr\/resources\/views\/components\/form\/input.blade.phpcomponents.form.input","xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fresources%2Fviews%2Fcomponents%2Fform%2Finput.blade.php\u0026line=1","ajax":false,"filename":"input.blade.php","line":"?"}},{"name":"components.form.input","param_count":null,"params":[],"start":1767272649.969334,"type":"blade","hash":"blade\/home\/forge\/app-staging.styqr.fr\/resources\/views\/components\/form\/input.blade.phpcomponents.form.input","xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fresources%2Fviews%2Fcomponents%2Fform%2Finput.blade.php\u0026line=1","ajax":false,"filename":"input.blade.php","line":"?"}},{"name":"components.common.recaptcha","param_count":null,"params":[],"start":1767272649.969521,"type":"blade","hash":"blade\/home\/forge\/app-staging.styqr.fr\/resources\/views\/components\/common\/recaptcha.blade.phpcomponents.common.recaptcha","xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fresources%2Fviews%2Fcomponents%2Fcommon%2Frecaptcha.blade.php\u0026line=1","ajax":false,"filename":"recaptcha.blade.php","line":"?"}},{"name":"front.partials.language-switcher","param_count":null,"params":[],"start":1767272649.969686,"type":"blade","hash":"blade\/home\/forge\/app-staging.styqr.fr\/resources\/views\/front\/partials\/language-switcher.blade.phpfront.partials.language-switcher","xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fresources%2Fviews%2Ffront%2Fpartials%2Flanguage-switcher.blade.php\u0026line=1","ajax":false,"filename":"language-switcher.blade.php","line":"?"}},{"name":"front.v2.layout","param_count":null,"params":[],"start":1767272649.969887,"type":"blade","hash":"blade\/home\/forge\/app-staging.styqr.fr\/resources\/views\/front\/v2\/layout.blade.phpfront.v2.layout","xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fresources%2Fviews%2Ffront%2Fv2%2Flayout.blade.php\u0026line=1","ajax":false,"filename":"layout.blade.php","line":"?"}},{"name":"front.partials.head_tags","param_count":null,"params":[],"start":1767272649.970175,"type":"blade","hash":"blade\/home\/forge\/app-staging.styqr.fr\/resources\/views\/front\/partials\/head_tags.blade.phpfront.partials.head_tags","xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fresources%2Fviews%2Ffront%2Fpartials%2Fhead_tags.blade.php\u0026line=1","ajax":false,"filename":"head_tags.blade.php","line":"?"}},{"name":"components.common.modals.confirm","param_count":null,"params":[],"start":1767272649.970349,"type":"blade","hash":"blade\/home\/forge\/app-staging.styqr.fr\/resources\/views\/components\/common\/modals\/confirm.blade.phpcomponents.common.modals.confirm","xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fresources%2Fviews%2Fcomponents%2Fcommon%2Fmodals%2Fconfirm.blade.php\u0026line=1","ajax":false,"filename":"confirm.blade.php","line":"?"}},{"name":"components.common.notifications","param_count":null,"params":[],"start":1767272649.970429,"type":"blade","hash":"blade\/home\/forge\/app-staging.styqr.fr\/resources\/views\/components\/common\/notifications.blade.phpcomponents.common.notifications","xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fresources%2Fviews%2Fcomponents%2Fcommon%2Fnotifications.blade.php\u0026line=1","ajax":false,"filename":"notifications.blade.php","line":"?"}},{"name":"front.partials.footer_tags","param_count":null,"params":[],"start":1767272649.970555,"type":"blade","hash":"blade\/home\/forge\/app-staging.styqr.fr\/resources\/views\/front\/partials\/footer_tags.blade.phpfront.partials.footer_tags","xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fresources%2Fviews%2Ffront%2Fpartials%2Ffooter_tags.blade.php\u0026line=1","ajax":false,"filename":"footer_tags.blade.php","line":"?"}}]},"queries":{"count":2,"nb_statements":1,"nb_visible_statements":2,"nb_excluded_statements":0,"nb_failed_statements":0,"accumulated_duration":0.00216,"accumulated_duration_str":"2.16ms","memory_usage":0,"memory_usage_str":null,"statements":[{"sql":"Connection Established","type":"transaction","params":[],"bindings":[],"hints":null,"show_copy":false,"backtrace":[{"index":15,"namespace":null,"name":"app\/Services\/Domain\/Users\/UserCategoryService.php","file":"\/home\/forge\/app-staging.styqr.fr\/app\/Services\/Domain\/Users\/UserCategoryService.php","line":16},{"index":16,"namespace":null,"name":"app\/Http\/Controllers\/App\/Auth\/RegisterController.php","file":"\/home\/forge\/app-staging.styqr.fr\/app\/Http\/Controllers\/App\/Auth\/RegisterController.php","line":22},{"index":17,"namespace":null,"name":"vendor\/laravel\/framework\/src\/Illuminate\/Routing\/Controller.php","file":"\/home\/forge\/app-staging.styqr.fr\/vendor\/laravel\/framework\/src\/Illuminate\/Routing\/Controller.php","line":54},{"index":18,"namespace":null,"name":"vendor\/laravel\/framework\/src\/Illuminate\/Routing\/ControllerDispatcher.php","file":"\/home\/forge\/app-staging.styqr.fr\/vendor\/laravel\/framework\/src\/Illuminate\/Routing\/ControllerDispatcher.php","line":43},{"index":19,"namespace":null,"name":"vendor\/laravel\/framework\/src\/Illuminate\/Routing\/Route.php","file":"\/home\/forge\/app-staging.styqr.fr\/vendor\/laravel\/framework\/src\/Illuminate\/Routing\/Route.php","line":260}],"start":1767272649.941964,"duration":0,"duration_str":"","memory":0,"memory_str":null,"filename":"UserCategoryService.php:16","source":{"index":15,"namespace":null,"name":"app\/Services\/Domain\/Users\/UserCategoryService.php","file":"\/home\/forge\/app-staging.styqr.fr\/app\/Services\/Domain\/Users\/UserCategoryService.php","line":16},"xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fapp%2FServices%2FDomain%2FUsers%2FUserCategoryService.php\u0026line=16","ajax":false,"filename":"UserCategoryService.php","line":"16"},"connection":"styqr_db_staging_new","explain":null,"start_percent":0,"width_percent":0},{"sql":"select * from `user_categories` where `user_categories`.`deleted_at` is null","type":"query","params":[],"bindings":[],"hints":null,"show_copy":true,"backtrace":[{"index":18,"namespace":null,"name":"app\/Services\/Domain\/Users\/UserCategoryService.php","file":"\/home\/forge\/app-staging.styqr.fr\/app\/Services\/Domain\/Users\/UserCategoryService.php","line":16},{"index":19,"namespace":null,"name":"app\/Http\/Controllers\/App\/Auth\/RegisterController.php","file":"\/home\/forge\/app-staging.styqr.fr\/app\/Http\/Controllers\/App\/Auth\/RegisterController.php","line":22},{"index":20,"namespace":null,"name":"vendor\/laravel\/framework\/src\/Illuminate\/Routing\/Controller.php","file":"\/home\/forge\/app-staging.styqr.fr\/vendor\/laravel\/framework\/src\/Illuminate\/Routing\/Controller.php","line":54},{"index":21,"namespace":null,"name":"vendor\/laravel\/framework\/src\/Illuminate\/Routing\/ControllerDispatcher.php","file":"\/home\/forge\/app-staging.styqr.fr\/vendor\/laravel\/framework\/src\/Illuminate\/Routing\/ControllerDispatcher.php","line":43},{"index":22,"namespace":null,"name":"vendor\/laravel\/framework\/src\/Illuminate\/Routing\/Route.php","file":"\/home\/forge\/app-staging.styqr.fr\/vendor\/laravel\/framework\/src\/Illuminate\/Routing\/Route.php","line":260}],"start":1767272649.943035,"duration":0.00216,"duration_str":"2.16ms","memory":0,"memory_str":null,"filename":"UserCategoryService.php:16","source":{"index":18,"namespace":null,"name":"app\/Services\/Domain\/Users\/UserCategoryService.php","file":"\/home\/forge\/app-staging.styqr.fr\/app\/Services\/Domain\/Users\/UserCategoryService.php","line":16},"xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fapp%2FServices%2FDomain%2FUsers%2FUserCategoryService.php\u0026line=16","ajax":false,"filename":"UserCategoryService.php","line":"16"},"connection":"styqr_db_staging_new","explain":null,"start_percent":0,"width_percent":100}]},"models":{"data":{"App\\Entity\\UserCategory":{"retrieved":7,"xdebug_link":{"url":"phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fapp%2FEntity%2FUserCategory.php\u0026line=1","ajax":false,"filename":"UserCategory.php","line":"?"}}},"count":7,"key_map":{"retrieved":"Retrieved","created":"Created","updated":"Updated","deleted":"Deleted"},"is_counter":true,"badges":{"retrieved":7}},"symfonymailer_mails":{"count":0,"mails":[]},"gate":{"count":0,"messages":[]},"request":{"data":{"status":"200 OK","full_url":"https:\/\/app-staging.styqr.fr\/auth\/signup","action_name":"auth.signup.index","controller_action":"App\\Http\\Controllers\\App\\Auth\\RegisterController@index","uri":"GET auth\/signup","domain":"app-staging.styqr.fr","controller":"App\\Http\\Controllers\\App\\Auth\\RegisterController@index\u003Ca href=\u0022phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fapp%2FHttp%2FControllers%2FApp%2FAuth%2FRegisterController.php\u0026line=19\u0022 class=\u0022phpdebugbar-widgets-editor-link\u0022\u003E\u003C\/a\u003E","namespace":"App\\Http\\Controllers\\Front\\Auth","prefix":"\/auth","file":"\u003Ca href=\u0022phpstorm:\/\/open?file=%2Fhome%2Fforge%2Fapp-staging.styqr.fr%2Fapp%2FHttp%2FControllers%2FApp%2FAuth%2FRegisterController.php\u0026line=19\u0022 onclick=\u0022\u0022 class=\u0022phpdebugbar-widgets-editor-link\u0022\u003Eapp\/Http\/Controllers\/App\/Auth\/RegisterController.php:19-40\u003C\/a\u003E","middleware":"web","duration":"57.18ms","peak_memory":"10MB","response":"text\/html; charset=UTF-8","request_format":"html","request_query":"\u003Cpre class=sf-dump id=sf-dump-207165394 data-indent-pad=\u0022  \u0022\u003E[]\n\u003C\/pre\u003E\u003Cscript\u003ESfdump(\u0022sf-dump-207165394\u0022, {\u0022maxDepth\u0022:0})\u003C\/script\u003E\n","request_request":"\u003Cpre class=sf-dump id=sf-dump-2013251735 data-indent-pad=\u0022  \u0022\u003E[]\n\u003C\/pre\u003E\u003Cscript\u003ESfdump(\u0022sf-dump-2013251735\u0022, {\u0022maxDepth\u0022:0})\u003C\/script\u003E\n","request_headers":"\u003Cpre class=sf-dump id=sf-dump-789079217 data-indent-pad=\u0022  \u0022\u003E\u003Cspan class=sf-dump-note\u003Earray:11\u003C\/span\u003E [\u003Csamp data-depth=1 class=sf-dump-expanded\u003E\n  \u0022\u003Cspan class=sf-dump-key\u003Ex-forwarded-proto\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u00225 characters\u0022\u003Ehttps\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n  \u0022\u003Cspan class=sf-dump-key\u003Ecf-visitor\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u002218 characters\u0022\u003E{\u0026quot;scheme\u0026quot;:\u0026quot;https\u0026quot;}\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n  \u0022\u003Cspan class=sf-dump-key\u003Ecf-ipcountry\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u00222 characters\u0022\u003EUS\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n  \u0022\u003Cspan class=sf-dump-key\u003Ecf-connecting-ip\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u002214 characters\u0022\u003E216.73.216.155\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n  \u0022\u003Cspan class=sf-dump-key\u003Ecdn-loop\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u002219 characters\u0022\u003Ecloudflare; loops=1\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n  \u0022\u003Cspan class=sf-dump-key\u003Euser-agent\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u0022103 characters\u0022\u003EMozilla\/5.0 AppleWebKit\/537.36 (KHTML, like Gecko; compatible; ClaudeBot\/1.0; +claudebot@anthropic.com)\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n  \u0022\u003Cspan class=sf-dump-key\u003Eaccept-encoding\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u00228 characters\u0022\u003Egzip, br\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n  \u0022\u003Cspan class=sf-dump-key\u003Eaccept\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u00223 characters\u0022\u003E*\/*\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n  \u0022\u003Cspan class=sf-dump-key\u003Ecf-ray\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u002220 characters\u0022\u003E9b72388d89ded640-AMS\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n  \u0022\u003Cspan class=sf-dump-key\u003Ex-forwarded-for\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u002214 characters\u0022\u003E216.73.216.155\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n  \u0022\u003Cspan class=sf-dump-key\u003Ehost\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u002220 characters\u0022\u003Eapp-staging.styqr.fr\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n\u003C\/samp\u003E]\n\u003C\/pre\u003E\u003Cscript\u003ESfdump(\u0022sf-dump-789079217\u0022, {\u0022maxDepth\u0022:0})\u003C\/script\u003E\n","request_cookies":"\u003Cpre class=sf-dump id=sf-dump-1689772716 data-indent-pad=\u0022  \u0022\u003E[]\n\u003C\/pre\u003E\u003Cscript\u003ESfdump(\u0022sf-dump-1689772716\u0022, {\u0022maxDepth\u0022:0})\u003C\/script\u003E\n","response_headers":"\u003Cpre class=sf-dump id=sf-dump-1238309226 data-indent-pad=\u0022  \u0022\u003E\u003Cspan class=sf-dump-note\u003Earray:3\u003C\/span\u003E [\u003Csamp data-depth=1 class=sf-dump-expanded\u003E\n  \u0022\u003Cspan class=sf-dump-key\u003Econtent-type\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u002224 characters\u0022\u003Etext\/html; charset=UTF-8\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n  \u0022\u003Cspan class=sf-dump-key\u003Ecache-control\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u002217 characters\u0022\u003Eno-cache, private\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n  \u0022\u003Cspan class=sf-dump-key\u003Edate\u003C\/span\u003E\u0022 =\u003E \u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=2 class=sf-dump-compact\u003E\n    \u003Cspan class=sf-dump-index\u003E0\u003C\/span\u003E =\u003E \u0022\u003Cspan class=sf-dump-str title=\u002229 characters\u0022\u003EThu, 01 Jan 2026 13:04:09 GMT\u003C\/span\u003E\u0022\n  \u003C\/samp\u003E]\n\u003C\/samp\u003E]\n\u003C\/pre\u003E\u003Cscript\u003ESfdump(\u0022sf-dump-1238309226\u0022, {\u0022maxDepth\u0022:0})\u003C\/script\u003E\n","session_attributes":"\u003Cpre class=sf-dump id=sf-dump-1441324304 data-indent-pad=\u0022  \u0022\u003E\u003Cspan class=sf-dump-note\u003Earray:1\u003C\/span\u003E [\u003Csamp data-depth=1 class=sf-dump-expanded\u003E\n  \u0022\u003Cspan class=sf-dump-key\u003E_token\u003C\/span\u003E\u0022 =\u003E \u0022\u003Cspan class=sf-dump-str title=\u002240 characters\u0022\u003ErAHZR463KgCg1ZNzK7fWLbXuGx3Z2CN0ZLspovJI\u003C\/span\u003E\u0022\n\u003C\/samp\u003E]\n\u003C\/pre\u003E\u003Cscript\u003ESfdump(\u0022sf-dump-1441324304\u0022, {\u0022maxDepth\u0022:0})\u003C\/script\u003E\n"},"tooltip":{"status":"200 OK","full_url":"https:\/\/app-staging.styqr.fr\/auth\/signup","action_name":"auth.signup.index","controller_action":"App\\Http\\Controllers\\App\\Auth\\RegisterController@index"},"badge":null}}, "01KDWTH57J2MHRGFNGDB3Q6RNS");

</script>
</body>

</html>

	<style>
		::-webkit-scrollbar {
			width: 10px;
			height: 10px;
		}

		::-webkit-scrollbar-track {
			background: #f4f4f4;
			border-radius: 10px;
		}

		::-webkit-scrollbar-thumb {
			background: linear-gradient(45deg, #7A49C7, #a077f1);
			border-radius: 10px;
		}
	</style>