fide.swissfrenchschool.ch
Open in
urlscan Pro
188.114.96.3
Public Scan
URL:
https://fide.swissfrenchschool.ch/
Submission: On October 21 via automatic, source certstream-suspicious — Scanned from CH
Submission: On October 21 via automatic, source certstream-suspicious — Scanned from CH
Form analysis 1 forms found in the DOM
<form wire:submit="save()" class="space-y-6">
<div data-orientation="horizontal" class="flex items-center w-full" role="none" data-flux-separator="">
<div class="border-0 bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
<span class="shrink mx-6 font-medium text-sm text-zinc-500 dark:text-zinc-300 whitespace-nowrap">choose the exam date and time</span>
<div class="border-0 bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
</div>
<div class="grid md:grid-cols-3 gap-8">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-777a040e93093" aria-hidden="true"> Select date </ui-label>
<select
class="appearance-none w-full pl-3 pr-10 block h-10 py-2 text-sm rounded-lg shadow-sm border bg-white dark:bg-white/10 dark:disabled:bg-white/[9%] text-zinc-700 dark:text-zinc-300 has-[option.placeholder:checked]:text-zinc-400 dark:has-[option.placeholder:checked]:text-zinc-400 disabled:shadow-none border border-zinc-200 border-b-zinc-300/80 dark:border-white/10"
wire:model.live="selectedDate" label="Select date" name="selectedDate" data-flux-control="" data-flux-select-native="" data-flux-group-target="" aria-labelledby="lofi-label-777a040e93093">
<option value="" disabled="" selected="" class="placeholder">Select date...</option>
<!--[if BLOCK]><![endif]-->
<option value="1">10.01.2025</option>
<option value="2">17.01.2025</option>
<option value="3">24.01.2025</option>
<option value="4">31.01.2025</option>
<option value="5">07.02.2025</option>
<option value="6">14.02.2025</option>
<option value="7">21.02.2025</option>
<option value="8">28.02.2025</option>
<option value="9">07.03.2025</option>
<option value="10">14.03.2025</option>
<option value="11">21.03.2025</option>
<option value="12">28.03.2025</option>
<option value="13">04.04.2025</option>
<option value="14">11.04.2025</option>
<option value="15">25.04.2025</option>
<option value="16">02.05.2025</option>
<option value="17">09.05.2025</option>
<option value="18">16.05.2025</option>
<option value="19">23.05.2025</option>
<option value="20">06.06.2025</option>
<option value="21">13.06.2025</option>
<option value="22">20.06.2025</option>
<option value="23">27.06.2025</option>
<option value="24">04.07.2025</option>
<option value="25">11.07.2025</option>
<option value="26">18.07.2025</option>
<option value="27">25.07.2025</option>
<option value="28">08.08.2025</option>
<option value="29">15.08.2025</option>
<option value="30">22.08.2025</option>
<option value="31">29.08.2025</option>
<option value="32">05.09.2025</option>
<option value="33">12.09.2025</option>
<option value="34">19.09.2025</option>
<option value="35">26.09.2025</option>
<option value="36">03.10.2025</option>
<option value="37">10.10.2025</option>
<option value="38">17.10.2025</option>
<option value="39">24.10.2025</option>
<option value="40">31.10.2025</option>
<option value="41">07.11.2025</option>
<option value="42">14.11.2025</option>
<option value="43">21.11.2025</option>
<option value="44">28.11.2025</option>
<option value="45">05.12.2025</option>
<option value="46">12.12.2025</option>
<option value="47">19.12.2025</option>
<!--[if ENDBLOCK]><![endif]-->
</select>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-85da402461e56" aria-hidden="true"> Select test type </ui-label>
<ui-radio-group class="[&>[data-flux-field]]:mb-3 [&>[data-flux-field]:has(>[data-flux-description])]:mb-4 [&>[data-flux-field]:last-child]:!mb-0" wire:model="type" label="Select test type" data-flux-radio-group="" role="radiogroup"
aria-labelledby="lofi-label-85da402461e56">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="complete" label="Complete" checked="checked" data-flux-control="" data-flux-radio="" tabindex="0" aria-checked="true" data-checked="" role="radio" aria-labelledby="lofi-label-3b37d5932fd19" data-active="">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-3b37d5932fd19" aria-hidden="true"> Complete </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="oral" label="Oral" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-5189d9dec8262">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-5189d9dec8262" aria-hidden="true"> Oral </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="writing" label="Writing" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-4bb3b8421b028">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-4bb3b8421b028" aria-hidden="true"> Writing </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</ui-radio-group>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-9c392d0c06833" aria-hidden="true"> Select center </ui-label>
<ui-radio-group class="[&>[data-flux-field]]:mb-3 [&>[data-flux-field]:has(>[data-flux-description])]:mb-4 [&>[data-flux-field]:last-child]:!mb-0" wire:model="center" label="Select center" data-flux-radio-group="" role="radiogroup"
aria-labelledby="lofi-label-9c392d0c06833">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="lausanne" label="Lausanne" checked="checked" data-flux-control="" data-flux-radio="" tabindex="0" aria-checked="true" data-checked="" role="radio" aria-labelledby="lofi-label-b129f0cd461cc" data-active="">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-b129f0cd461cc" aria-hidden="true"> Lausanne </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="geneva" label="Geneva" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-c18be3d936517">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-c18be3d936517" aria-hidden="true"> Geneva </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</ui-radio-group>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</div>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-39eaec92918fc" aria-hidden="true"> Select oral exam time </ui-label>
<ui-radio-group class="[&>[data-flux-field]]:mb-3 [&>[data-flux-field]:has(>[data-flux-description])]:mb-4 [&>[data-flux-field]:last-child]:!mb-0" wire:model="oralExamTime" label="Select oral exam time" data-flux-radio-group=""
role="radiogroup" aria-labelledby="lofi-label-39eaec92918fc">
<div class="flex gap-4">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center border rounded-lg px-3 py-2 bg-white">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="1" label="08:15" data-flux-control="" data-flux-radio="" tabindex="0" aria-checked="false" role="radio" aria-labelledby="lofi-label-8a861ce5cedf2" data-active="">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-8a861ce5cedf2" aria-hidden="true"> 08:15 </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</div>
<div class="flex items-center border rounded-lg px-3 py-2 bg-white">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="2" label="09:00" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-c23ffae2a6a6">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-c23ffae2a6a6" aria-hidden="true"> 09:00 </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</div>
<div class="flex items-center border rounded-lg px-3 py-2 bg-white">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="3" label="09:45" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-fb15db6758321">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-fb15db6758321" aria-hidden="true"> 09:45 </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</div>
<div class="flex items-center border rounded-lg px-3 py-2 bg-white">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="4" label="10:45" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-da4a87c6c175d">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-da4a87c6c175d" aria-hidden="true"> 10:45 </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</ui-radio-group>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-a687b10fb1fa6" aria-hidden="true"> Select writing exam time </ui-label>
<ui-radio-group class="[&>[data-flux-field]]:mb-3 [&>[data-flux-field]:has(>[data-flux-description])]:mb-4 [&>[data-flux-field]:last-child]:!mb-0" wire:model="writingExamTime" label="Select writing exam time" data-flux-radio-group=""
role="radiogroup" aria-labelledby="lofi-label-a687b10fb1fa6">
<div class="flex gap-4">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center border rounded-lg px-3 py-2 bg-white">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="1" label="08:15" data-flux-control="" data-flux-radio="" tabindex="0" aria-checked="false" role="radio" aria-labelledby="lofi-label-0a4498ed1320d" data-active="">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-0a4498ed1320d" aria-hidden="true"> 08:15 </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</div>
<div class="flex items-center border rounded-lg px-3 py-2 bg-white">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="2" label="09:00" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-7d7ee1a37b3c4">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-7d7ee1a37b3c4" aria-hidden="true"> 09:00 </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</div>
<div class="flex items-center border rounded-lg px-3 py-2 bg-white">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="3" label="09:45" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-ad0663b47842f">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-ad0663b47842f" aria-hidden="true"> 09:45 </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</div>
<div class="flex items-center border rounded-lg px-3 py-2 bg-white">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="4" label="10:45" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-40949921d8e64">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-40949921d8e64" aria-hidden="true"> 10:45 </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</ui-radio-group>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<div data-orientation="horizontal" class="flex items-center w-full" role="none" data-flux-separator="">
<div class="border-0 bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
<span class="shrink mx-6 font-medium text-sm text-zinc-500 dark:text-zinc-300 whitespace-nowrap">fill the details</span>
<div class="border-0 bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
</div>
<div class="grid md:grid-cols-3 gap-6">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-ed5a9e0190249" aria-hidden="true"> Title </ui-label>
<div class="w-full relative block group/input" data-flux-input="">
<input type="title"
class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-sm py-2 h-10 leading-[1.375rem] pl-3 pr-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-sm border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5"
wire:model="title" name="title" data-flux-control="" data-flux-group-target="" aria-labelledby="lofi-label-ed5a9e0190249">
</div>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-83411c5d1e9b4" aria-hidden="true"> First Name </ui-label>
<div class="w-full relative block group/input" data-flux-input="">
<input type="fname"
class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-sm py-2 h-10 leading-[1.375rem] pl-3 pr-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-sm border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5"
wire:model="fname" name="fname" data-flux-control="" data-flux-group-target="" aria-labelledby="lofi-label-83411c5d1e9b4">
</div>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-d5bd95774c4" aria-hidden="true"> Last Name </ui-label>
<div class="w-full relative block group/input" data-flux-input="">
<input type="lname"
class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-sm py-2 h-10 leading-[1.375rem] pl-3 pr-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-sm border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5"
wire:model="lname" name="lname" data-flux-control="" data-flux-group-target="" aria-labelledby="lofi-label-d5bd95774c4">
</div>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-cf5fe533468ea" aria-hidden="true"> Correspondence </ui-label>
<ui-radio-group class="[&>[data-flux-field]]:mb-3 [&>[data-flux-field]:has(>[data-flux-description])]:mb-4 [&>[data-flux-field]:last-child]:!mb-0" wire:model="payment" label="Correspondence" data-flux-radio-group=""
role="radiogroup" aria-labelledby="lofi-label-cf5fe533468ea">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="cc" label="German" checked="checked" data-flux-control="" data-flux-radio="" tabindex="0" aria-checked="true" data-checked="" role="radio" aria-labelledby="lofi-label-bca0674c84349" data-active="">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-bca0674c84349" aria-hidden="true"> German </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="paypal" label="French" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-ba64019337747">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-ba64019337747" aria-hidden="true"> French </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="ach" label="Italian" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-8e59a1113b89">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-8e59a1113b89" aria-hidden="true"> Italian </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</ui-radio-group>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-cd651ff2b14a9" aria-hidden="true"> Already taken a french course in the last 3 years? </ui-label>
<ui-radio-group class="[&>[data-flux-field]]:mb-3 [&>[data-flux-field]:has(>[data-flux-description])]:mb-4 [&>[data-flux-field]:last-child]:!mb-0" wire:model="payment" label="Already taken a french course in the last 3 years?"
data-flux-radio-group="" role="radiogroup" aria-labelledby="lofi-label-cd651ff2b14a9">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="cc" label="Yes" checked="checked" data-flux-control="" data-flux-radio="" tabindex="0" aria-checked="true" data-checked="" role="radio" aria-labelledby="lofi-label-2f370ed817232" data-active="">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-2f370ed817232" aria-hidden="true"> Yes </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="paypal" label="No" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-6d35f71ecf2e2">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-6d35f71ecf2e2" aria-hidden="true"> No </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</ui-radio-group>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-82be9781789eb" aria-hidden="true"> Already taken a fide test? </ui-label>
<ui-radio-group class="[&>[data-flux-field]]:mb-3 [&>[data-flux-field]:has(>[data-flux-description])]:mb-4 [&>[data-flux-field]:last-child]:!mb-0" wire:model="payment" label="Already taken a fide test?" data-flux-radio-group=""
role="radiogroup" aria-labelledby="lofi-label-82be9781789eb">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="cc" label="Yes" checked="checked" data-flux-control="" data-flux-radio="" tabindex="0" aria-checked="true" data-checked="" role="radio" aria-labelledby="lofi-label-5d2ac36543a83" data-active="">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-5d2ac36543a83" aria-hidden="true"> Yes </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="paypal" label="No" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-f9ddb64c931ae">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-f9ddb64c931ae" aria-hidden="true"> No </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</ui-radio-group>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-45be93c293695" aria-hidden="true"> Why are you taking the fide test? </ui-label>
<ui-radio-group class="[&>[data-flux-field]]:mb-3 [&>[data-flux-field]:has(>[data-flux-description])]:mb-4 [&>[data-flux-field]:last-child]:!mb-0" wire:model="payment" label="Why are you taking the fide test?"
data-flux-radio-group="" role="radiogroup" aria-labelledby="lofi-label-45be93c293695">
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="paypal" label="pour le permis de séjour (B)" data-flux-control="" data-flux-radio="" tabindex="0" aria-checked="false" role="radio" aria-labelledby="lofi-label-60cf7bb958002" data-active="">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-60cf7bb958002" aria-hidden="true"> pour le permis de séjour (B) </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="paypal" label="pour le permis d'établissement (C)" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-cf4b57d4755a1">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-cf4b57d4755a1" aria-hidden="true"> pour le permis d'établissement (C) </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="paypal" label="pour la naturalisation" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-08975b4e2641a">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-08975b4e2641a" aria-hidden="true"> pour la naturalisation </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="paypal" label="pour raisons professionnelles" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-eefa14524cf64">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-eefa14524cf64" aria-hidden="true"> pour raisons professionnelles </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="paypal" label="pour une formation" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-79df613f64ba5">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-79df613f64ba5" aria-hidden="true"> pour une formation </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="paypal" label="par intérêt pour le pays/la langue" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-c93e0cbc3664b">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-c93e0cbc3664b" aria-hidden="true"> par intérêt pour le pays/la langue </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2"
data-flux-field="">
<ui-radio
class="size-[1.125rem] rounded-full mt-px text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [&[disabled]]:shadow-none data-[checked]:shadow-none indeterminate:shadown-none flex justify-center items-center [&[data-checked]>div]:block border border-zinc-300 dark:border-white/10 [&[disabled]]:border-zinc-200 dark:[&[disabled]]:border-white/5 data-[checked]:border-transparent data-[indeterminate]:border-transparent [&[disabled]]:data-[checked]:border-transparent data-[indeterminate]:border-transparent bg-white dark:bg-white/10 dark:[&[disabled]]:bg-white/5 data-[checked]:bg-zinc-800 dark:data-[checked]:bg-white [&[disabled]]:data-[checked]:bg-zinc-500 dark:[&[disabled]]:data-[checked]:bg-white/60 data-[checked]:hover:bg-zinc-800 dark:data-[checked]:hover:bg-white data-[checked]:focus:bg-zinc-800 dark:data-[checked]:focus:bg-white disabled:opacity-50"
value="paypal" label="other" data-flux-control="" data-flux-radio="" tabindex="-1" aria-checked="false" role="radio" aria-labelledby="lofi-label-12fa2b44363d">
<div class="hidden size-2 rounded-full bg-white dark:bg-zinc-800"></div>
</ui-radio>
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-12fa2b44363d" aria-hidden="true"> other </ui-label>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</ui-radio-group>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-df92e408ad5c2" aria-hidden="true"> Date of Birth </ui-label>
<div class="w-full relative block group/input" data-flux-input="">
<input type="birthday"
class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-sm py-2 h-10 leading-[1.375rem] pl-3 pr-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-sm border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5"
wire:model="birthday" placeholder="DD.MM.YYYY" name="birthday" x-mask="99.99.9999" data-flux-control="" data-flux-group-target="" aria-labelledby="lofi-label-df92e408ad5c2">
</div>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
<ui-field
class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3"
data-flux-field="">
<ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label="" id="lofi-label-c6d3b617763fb" aria-hidden="true"> Nationality </ui-label>
<select
class="appearance-none w-full pl-3 pr-10 block h-10 py-2 text-sm rounded-lg shadow-sm border bg-white dark:bg-white/10 dark:disabled:bg-white/[9%] text-zinc-700 dark:text-zinc-300 has-[option.placeholder:checked]:text-zinc-400 dark:has-[option.placeholder:checked]:text-zinc-400 disabled:shadow-none border border-zinc-200 border-b-zinc-300/80 dark:border-white/10"
wire:model="nationality" name="nationality" data-flux-control="" data-flux-select-native="" data-flux-group-target="" aria-labelledby="lofi-label-c6d3b617763fb">
<option value="" disabled="" selected="" class="placeholder">Nationality</option>
<option value="afghan">Afghan</option>
<option value="albanian">Albanian</option>
<option value="algerian">Algerian</option>
<option value="american">American</option>
<option value="andorran">Andorran</option>
<option value="angolan">Angolan</option>
<option value="antiguans">Antiguans</option>
<option value="argentinean">Argentinean</option>
<option value="armenian">Armenian</option>
<option value="australian">Australian</option>
<option value="austrian">Austrian</option>
<option value="azerbaijani">Azerbaijani</option>
<option value="bahamian">Bahamian</option>
<option value="bahraini">Bahraini</option>
<option value="bangladeshi">Bangladeshi</option>
<option value="barbadian">Barbadian</option>
<option value="barbudans">Barbudans</option>
<option value="batswana">Batswana</option>
<option value="belarusian">Belarusian</option>
<option value="belgian">Belgian</option>
<option value="belizean">Belizean</option>
<option value="beninese">Beninese</option>
<option value="bhutanese">Bhutanese</option>
<option value="bolivian">Bolivian</option>
<option value="bosnian">Bosnian</option>
<option value="brazilian">Brazilian</option>
<option value="british">British</option>
<option value="bruneian">Bruneian</option>
<option value="bulgarian">Bulgarian</option>
<option value="burkinabe">Burkinabe</option>
<option value="burmese">Burmese</option>
<option value="burundian">Burundian</option>
<option value="cambodian">Cambodian</option>
<option value="cameroonian">Cameroonian</option>
<option value="canadian">Canadian</option>
<option value="cape verdean">Cape Verdean</option>
<option value="central african">Central African</option>
<option value="chadian">Chadian</option>
<option value="chilean">Chilean</option>
<option value="chinese">Chinese</option>
<option value="colombian">Colombian</option>
<option value="comoran">Comoran</option>
<option value="congolese">Congolese</option>
<option value="costa rican">Costa Rican</option>
<option value="croatian">Croatian</option>
<option value="cuban">Cuban</option>
<option value="cypriot">Cypriot</option>
<option value="czech">Czech</option>
<option value="danish">Danish</option>
<option value="djibouti">Djibouti</option>
<option value="dominican">Dominican</option>
<option value="dutch">Dutch</option>
<option value="east timorese">East Timorese</option>
<option value="ecuadorean">Ecuadorean</option>
<option value="egyptian">Egyptian</option>
<option value="emirian">Emirian</option>
<option value="equatorial guinean">Equatorial Guinean</option>
<option value="eritrean">Eritrean</option>
<option value="estonian">Estonian</option>
<option value="ethiopian">Ethiopian</option>
<option value="fijian">Fijian</option>
<option value="filipino">Filipino</option>
<option value="finnish">Finnish</option>
<option value="french">French</option>
<option value="gabonese">Gabonese</option>
<option value="gambian">Gambian</option>
<option value="georgian">Georgian</option>
<option value="german">German</option>
<option value="ghanaian">Ghanaian</option>
<option value="greek">Greek</option>
<option value="grenadian">Grenadian</option>
<option value="guatemalan">Guatemalan</option>
<option value="guinea-bissauan">Guinea-Bissauan</option>
<option value="guinean">Guinean</option>
<option value="guyanese">Guyanese</option>
<option value="haitian">Haitian</option>
<option value="herzegovinian">Herzegovinian</option>
<option value="honduran">Honduran</option>
<option value="hungarian">Hungarian</option>
<option value="icelander">Icelander</option>
<option value="indian">Indian</option>
<option value="indonesian">Indonesian</option>
<option value="iranian">Iranian</option>
<option value="iraqi">Iraqi</option>
<option value="irish">Irish</option>
<option value="israeli">Israeli</option>
<option value="italian">Italian</option>
<option value="ivorian">Ivorian</option>
<option value="jamaican">Jamaican</option>
<option value="japanese">Japanese</option>
<option value="jordanian">Jordanian</option>
<option value="kazakhstani">Kazakhstani</option>
<option value="kenyan">Kenyan</option>
<option value="kittian and nevisian">Kittian and Nevisian</option>
<option value="kuwaiti">Kuwaiti</option>
<option value="kyrgyz">Kyrgyz</option>
<option value="laotian">Laotian</option>
<option value="latvian">Latvian</option>
<option value="lebanese">Lebanese</option>
<option value="liberian">Liberian</option>
<option value="libyan">Libyan</option>
<option value="liechtensteiner">Liechtensteiner</option>
<option value="lithuanian">Lithuanian</option>
<option value="luxembourger">Luxembourger</option>
<option value="macedonian">Macedonian</option>
<option value="malagasy">Malagasy</option>
<option value="malawian">Malawian</option>
<option value="malaysian">Malaysian</option>
<option value="maldivan">Maldivan</option>
<option value="malian">Malian</option>
<option value="maltese">Maltese</option>
<option value="marshallese">Marshallese</option>
<option value="mauritanian">Mauritanian</option>
<option value="mauritian">Mauritian</option>
<option value="mexican">Mexican</option>
<option value="micronesian">Micronesian</option>
<option value="moldovan">Moldovan</option>
<option value="monacan">Monacan</option>
<option value="mongolian">Mongolian</option>
<option value="moroccan">Moroccan</option>
<option value="mosotho">Mosotho</option>
<option value="motswana">Motswana</option>
<option value="mozambican">Mozambican</option>
<option value="namibian">Namibian</option>
<option value="nauruan">Nauruan</option>
<option value="nepalese">Nepalese</option>
<option value="new zealander">New Zealander</option>
<option value="ni-vanuatu">Ni-Vanuatu</option>
<option value="nicaraguan">Nicaraguan</option>
<option value="nigerien">Nigerien</option>
<option value="north korean">North Korean</option>
<option value="northern irish">Northern Irish</option>
<option value="norwegian">Norwegian</option>
<option value="omani">Omani</option>
<option value="pakistani">Pakistani</option>
<option value="palauan">Palauan</option>
<option value="panamanian">Panamanian</option>
<option value="papua new guinean">Papua New Guinean</option>
<option value="paraguayan">Paraguayan</option>
<option value="peruvian">Peruvian</option>
<option value="polish">Polish</option>
<option value="portuguese">Portuguese</option>
<option value="qatari">Qatari</option>
<option value="romanian">Romanian</option>
<option value="russian">Russian</option>
<option value="rwandan">Rwandan</option>
<option value="saint lucian">Saint Lucian</option>
<option value="salvadoran">Salvadoran</option>
<option value="samoan">Samoan</option>
<option value="san marinese">San Marinese</option>
<option value="sao tomean">Sao Tomean</option>
<option value="saudi">Saudi</option>
<option value="scottish">Scottish</option>
<option value="senegalese">Senegalese</option>
<option value="serbian">Serbian</option>
<option value="seychellois">Seychellois</option>
<option value="sierra leonean">Sierra Leonean</option>
<option value="singaporean">Singaporean</option>
<option value="slovakian">Slovakian</option>
<option value="slovenian">Slovenian</option>
<option value="solomon islander">Solomon Islander</option>
<option value="somali">Somali</option>
<option value="south african">South African</option>
<option value="south korean">South Korean</option>
<option value="spanish">Spanish</option>
<option value="sri lankan">Sri Lankan</option>
<option value="sudanese">Sudanese</option>
<option value="surinamer">Surinamer</option>
<option value="swazi">Swazi</option>
<option value="swedish">Swedish</option>
<option value="swiss">Swiss</option>
<option value="syrian">Syrian</option>
<option value="taiwanese">Taiwanese</option>
<option value="tajik">Tajik</option>
<option value="tanzanian">Tanzanian</option>
<option value="thai">Thai</option>
<option value="togolese">Togolese</option>
<option value="tongan">Tongan</option>
<option value="trinidadian or tobagonian">Trinidadian or Tobagonian</option>
<option value="tunisian">Tunisian</option>
<option value="turkish">Turkish</option>
<option value="tuvaluan">Tuvaluan</option>
<option value="ugandan">Ugandan</option>
<option value="ukrainian">Ukrainian</option>
<option value="uruguayan">Uruguayan</option>
<option value="uzbekistani">Uzbekistani</option>
<option value="venezuelan">Venezuelan</option>
<option value="vietnamese">Vietnamese</option>
<option value="welsh">Welsh</option>
<option value="yemenite">Yemenite</option>
<option value="zambian">Zambian</option>
<option value="zimbabwean">Zimbabwean</option>
</select>
<div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error="">
</div>
</ui-field>
</div>
<button type="submit"
class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-10 text-sm rounded-lg px-4 inline-flex bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-sm [[data-flux-button-group]_&]:border-l-0 [:is([data-flux-button-group]>&:first-child,_[data-flux-button-group]_:first-child>&)]:border-l-[1px] *:transition-opacity [&[disabled]>:not([data-flux-loading-indicator])]:opacity-0 [&[disabled]>[data-flux-loading-indicator]]:opacity-100 [&[disabled]]:pointer-events-none"
data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target">
<div class="absolute inset-0 flex items-center justify-center opacity-0" data-flux-loading-indicator="">
<svg class="shrink-0 [:where(&)]:size-4 animate-spin" data-flux-icon="" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-slot="icon">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
</div>
<span>Save</span>
</button>
</form>Text Content
FIDE FRENCH TEST REGISTRATION choose the exam date and time Select date Select date... 10.01.2025 17.01.2025 24.01.2025 31.01.2025 07.02.2025 14.02.2025 21.02.2025 28.02.2025 07.03.2025 14.03.2025 21.03.2025 28.03.2025 04.04.2025 11.04.2025 25.04.2025 02.05.2025 09.05.2025 16.05.2025 23.05.2025 06.06.2025 13.06.2025 20.06.2025 27.06.2025 04.07.2025 11.07.2025 18.07.2025 25.07.2025 08.08.2025 15.08.2025 22.08.2025 29.08.2025 05.09.2025 12.09.2025 19.09.2025 26.09.2025 03.10.2025 10.10.2025 17.10.2025 24.10.2025 31.10.2025 07.11.2025 14.11.2025 21.11.2025 28.11.2025 05.12.2025 12.12.2025 19.12.2025 Select test type Complete Oral Writing Select center Lausanne Geneva Select oral exam time 08:15 09:00 09:45 10:45 Select writing exam time 08:15 09:00 09:45 10:45 fill the details Title First Name Last Name Correspondence German French Italian Already taken a french course in the last 3 years? Yes No Already taken a fide test? Yes No Why are you taking the fide test? pour le permis de séjour (B) pour le permis d'établissement (C) pour la naturalisation pour raisons professionnelles pour une formation par intérêt pour le pays/la langue other Date of Birth Nationality Nationality Afghan Albanian Algerian American Andorran Angolan Antiguans Argentinean Armenian Australian Austrian Azerbaijani Bahamian Bahraini Bangladeshi Barbadian Barbudans Batswana Belarusian Belgian Belizean Beninese Bhutanese Bolivian Bosnian Brazilian British Bruneian Bulgarian Burkinabe Burmese Burundian Cambodian Cameroonian Canadian Cape Verdean Central African Chadian Chilean Chinese Colombian Comoran Congolese Costa Rican Croatian Cuban Cypriot Czech Danish Djibouti Dominican Dutch East Timorese Ecuadorean Egyptian Emirian Equatorial Guinean Eritrean Estonian Ethiopian Fijian Filipino Finnish French Gabonese Gambian Georgian German Ghanaian Greek Grenadian Guatemalan Guinea-Bissauan Guinean Guyanese Haitian Herzegovinian Honduran Hungarian Icelander Indian Indonesian Iranian Iraqi Irish Israeli Italian Ivorian Jamaican Japanese Jordanian Kazakhstani Kenyan Kittian and Nevisian Kuwaiti Kyrgyz Laotian Latvian Lebanese Liberian Libyan Liechtensteiner Lithuanian Luxembourger Macedonian Malagasy Malawian Malaysian Maldivan Malian Maltese Marshallese Mauritanian Mauritian Mexican Micronesian Moldovan Monacan Mongolian Moroccan Mosotho Motswana Mozambican Namibian Nauruan Nepalese New Zealander Ni-Vanuatu Nicaraguan Nigerien North Korean Northern Irish Norwegian Omani Pakistani Palauan Panamanian Papua New Guinean Paraguayan Peruvian Polish Portuguese Qatari Romanian Russian Rwandan Saint Lucian Salvadoran Samoan San Marinese Sao Tomean Saudi Scottish Senegalese Serbian Seychellois Sierra Leonean Singaporean Slovakian Slovenian Solomon Islander Somali South African South Korean Spanish Sri Lankan Sudanese Surinamer Swazi Swedish Swiss Syrian Taiwanese Tajik Tanzanian Thai Togolese Tongan Trinidadian or Tobagonian Tunisian Turkish Tuvaluan Ugandan Ukrainian Uruguayan Uzbekistani Venezuelan Vietnamese Welsh Yemenite Zambian Zimbabwean Save