formare.pedagogiedigitala.ro
Open in
urlscan Pro
136.244.113.100
Public Scan
Submitted URL: https://formare.pedagogiedigitala.ro/
Effective URL: https://formare.pedagogiedigitala.ro/app
Submission: On September 24 via api from US — Scanned from FR
Effective URL: https://formare.pedagogiedigitala.ro/app
Submission: On September 24 via api from US — Scanned from FR
Form analysis 4 forms found in the DOM
<form wire:submit.prevent="create">
<div style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6" x-data="{}" x-on:form-validation-error.window="if ($event.detail.livewireId !== 'IbhmIHfspDKzwMIRAut2') {
return
}
$nextTick(() => {
let error = $el.querySelector('[data-validation-error]')
if (! error) {
return
}
let elementToExpand = error
while (elementToExpand) {
elementToExpand.dispatchEvent(new CustomEvent('expand'))
elementToExpand = elementToExpand.parentNode
}
setTimeout(
() =>
error.closest('[data-field-wrapper]').scrollIntoView({
behavior: 'smooth',
block: 'start',
inline: 'start',
}),
200,
)
})">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div wire:ignore.self="" x-data="{
step: null,
nextStep: function () {
let nextStepIndex = this.getStepIndex(this.step) + 1
if (nextStepIndex >= this.getSteps().length) {
return
}
this.step = this.getSteps()[nextStepIndex]
this.autofocusFields()
this.scrollToTop()
},
previousStep: function () {
let previousStepIndex = this.getStepIndex(this.step) - 1
if (previousStepIndex < 0) {
return
}
this.step = this.getSteps()[previousStepIndex]
this.autofocusFields()
this.scrollToTop()
},
scrollToTop: function () {
this.$root.scrollIntoView({ behavior: 'smooth', block: 'start' })
},
autofocusFields: function () {
$nextTick(() =>
this.$refs[`step-${this.step}`]
.querySelector('[autofocus]')
?.focus(),
)
},
getStepIndex: function (step) {
return this.getSteps().findIndex((indexedStep) => indexedStep === step)
},
getSteps: function () {
return JSON.parse(this.$refs.stepsData.value)
},
isFirstStep: function () {
return this.getStepIndex(this.step) <= 0
},
isLastStep: function () {
return this.getStepIndex(this.step) + 1 >= this.getSteps().length
},
isStepAccessible: function (stepId) {
return (
false || this.getStepIndex(this.step) > this.getStepIndex(stepId)
)
},
updateQueryString: function () {
if (! false) {
return
}
const url = new URL(window.location.href)
url.searchParams.set(null, this.step)
history.pushState(null, document.title, url.toString())
},
}" x-init="
$watch('step', () => updateQueryString())
step = getSteps().at(0)
autofocusFields()
" x-on:next-wizard-step.window="if ($event.detail.statePath === 'data') nextStep()" class="fi-fo-wizard fi-contained rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10">
<input type="hidden" value="["completeaza-adresa-de-email","preluare-date","incarca-documente"]" x-ref="stepsData">
<ol role="list" class="fi-fo-wizard-header grid divide-y divide-gray-200 dark:divide-white/5 md:grid-flow-col md:divide-y-0 border-b border-gray-200 dark:border-white/10">
<!--[if BLOCK]><![endif]-->
<li class="fi-fo-wizard-header-step relative flex fi-active" x-bind:class="{
'fi-active': getStepIndex(step) === 0,
'fi-completed': getStepIndex(step) > 0,
}">
<button type="button" x-bind:aria-current="getStepIndex(step) === 0 ? 'step' : null" x-on:click="step = 'completeaza-adresa-de-email'" x-bind:disabled="! isStepAccessible('completeaza-adresa-de-email')" role="step"
class="fi-fo-wizard-header-step-button flex h-full w-full items-center gap-x-4 px-6 py-4" aria-current="step" disabled="disabled">
<div class="fi-fo-wizard-header-step-icon-ctn flex h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 border-primary-600 dark:border-primary-500" x-bind:class="{
'bg-primary-600 dark:bg-primary-500':
getStepIndex(step) > 0,
'border-2': getStepIndex(step) <= 0,
'border-primary-600 dark:border-primary-500':
getStepIndex(step) === 0,
'border-gray-300 dark:border-gray-600':
getStepIndex(step) < 0,
}">
<!--[if BLOCK]><![endif]--> <svg x-show="getStepIndex(step) > 0" class="fi-fo-wizard-header-step-icon h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true" data-slot="icon" style="display: none;">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span x-show="getStepIndex(step) <= 0" class="fi-fo-wizard-header-step-indicator text-sm font-medium text-primary-600 dark:text-primary-500" x-bind:class="{
'text-gray-500 dark:text-gray-400':
getStepIndex(step) !== 0,
'text-primary-600 dark:text-primary-500':
getStepIndex(step) === 0,
}"> 01 </span>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div class="grid justify-items-start">
<!--[if BLOCK]><![endif]--> <span class="fi-fo-wizard-header-step-label text-sm font-medium text-primary-600 dark:text-primary-400" x-bind:class="{
'text-gray-500 dark:text-gray-400':
getStepIndex(step) < 0,
'text-primary-600 dark:text-primary-400':
getStepIndex(step) === 0,
'text-gray-950 dark:text-white': getStepIndex(step) > 0,
}"> Completează adresa de email </span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</button>
<!--[if BLOCK]><![endif]-->
<div aria-hidden="true" class="fi-fo-wizard-header-step-separator absolute end-0 hidden h-full w-5 md:block">
<svg fill="none" preserveAspectRatio="none" viewBox="0 0 22 80" class="h-full w-full text-gray-200 dark:text-white/5 rtl:rotate-180">
<path d="M0 -2L20 40L0 82" stroke-linejoin="round" stroke="currentcolor" vector-effect="non-scaling-stroke"></path>
</svg>
</div>
<!--[if ENDBLOCK]><![endif]-->
</li>
<li class="fi-fo-wizard-header-step relative flex" x-bind:class="{
'fi-active': getStepIndex(step) === 1,
'fi-completed': getStepIndex(step) > 1,
}">
<button type="button" x-bind:aria-current="getStepIndex(step) === 1 ? 'step' : null" x-on:click="step = 'preluare-date'" x-bind:disabled="! isStepAccessible('preluare-date')" role="step"
class="fi-fo-wizard-header-step-button flex h-full w-full items-center gap-x-4 px-6 py-4" disabled="disabled">
<div class="fi-fo-wizard-header-step-icon-ctn flex h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 border-gray-300 dark:border-gray-600" x-bind:class="{
'bg-primary-600 dark:bg-primary-500':
getStepIndex(step) > 1,
'border-2': getStepIndex(step) <= 1,
'border-primary-600 dark:border-primary-500':
getStepIndex(step) === 1,
'border-gray-300 dark:border-gray-600':
getStepIndex(step) < 1,
}">
<!--[if BLOCK]><![endif]--> <svg x-show="getStepIndex(step) > 1" class="fi-fo-wizard-header-step-icon h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true" data-slot="icon" style="display: none;">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span x-show="getStepIndex(step) <= 1" class="fi-fo-wizard-header-step-indicator text-sm font-medium text-gray-500 dark:text-gray-400" x-bind:class="{
'text-gray-500 dark:text-gray-400':
getStepIndex(step) !== 1,
'text-primary-600 dark:text-primary-500':
getStepIndex(step) === 1,
}"> 02 </span>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div class="grid justify-items-start">
<!--[if BLOCK]><![endif]--> <span class="fi-fo-wizard-header-step-label text-sm font-medium text-gray-500 dark:text-gray-400" x-bind:class="{
'text-gray-500 dark:text-gray-400':
getStepIndex(step) < 1,
'text-primary-600 dark:text-primary-400':
getStepIndex(step) === 1,
'text-gray-950 dark:text-white': getStepIndex(step) > 1,
}"> Preluare date </span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</button>
<!--[if BLOCK]><![endif]-->
<div aria-hidden="true" class="fi-fo-wizard-header-step-separator absolute end-0 hidden h-full w-5 md:block">
<svg fill="none" preserveAspectRatio="none" viewBox="0 0 22 80" class="h-full w-full text-gray-200 dark:text-white/5 rtl:rotate-180">
<path d="M0 -2L20 40L0 82" stroke-linejoin="round" stroke="currentcolor" vector-effect="non-scaling-stroke"></path>
</svg>
</div>
<!--[if ENDBLOCK]><![endif]-->
</li>
<li class="fi-fo-wizard-header-step relative flex" x-bind:class="{
'fi-active': getStepIndex(step) === 2,
'fi-completed': getStepIndex(step) > 2,
}">
<button type="button" x-bind:aria-current="getStepIndex(step) === 2 ? 'step' : null" x-on:click="step = 'incarca-documente'" x-bind:disabled="! isStepAccessible('incarca-documente')" role="step"
class="fi-fo-wizard-header-step-button flex h-full w-full items-center gap-x-4 px-6 py-4" disabled="disabled">
<div class="fi-fo-wizard-header-step-icon-ctn flex h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 border-gray-300 dark:border-gray-600" x-bind:class="{
'bg-primary-600 dark:bg-primary-500':
getStepIndex(step) > 2,
'border-2': getStepIndex(step) <= 2,
'border-primary-600 dark:border-primary-500':
getStepIndex(step) === 2,
'border-gray-300 dark:border-gray-600':
getStepIndex(step) < 2,
}">
<!--[if BLOCK]><![endif]--> <svg x-show="getStepIndex(step) > 2" class="fi-fo-wizard-header-step-icon h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true" data-slot="icon" style="display: none;">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span x-show="getStepIndex(step) <= 2" class="fi-fo-wizard-header-step-indicator text-sm font-medium text-gray-500 dark:text-gray-400" x-bind:class="{
'text-gray-500 dark:text-gray-400':
getStepIndex(step) !== 2,
'text-primary-600 dark:text-primary-500':
getStepIndex(step) === 2,
}"> 03 </span>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div class="grid justify-items-start">
<!--[if BLOCK]><![endif]--> <span class="fi-fo-wizard-header-step-label text-sm font-medium text-gray-500 dark:text-gray-400" x-bind:class="{
'text-gray-500 dark:text-gray-400':
getStepIndex(step) < 2,
'text-primary-600 dark:text-primary-400':
getStepIndex(step) === 2,
'text-gray-950 dark:text-white': getStepIndex(step) > 2,
}"> Încarcă documente </span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</button>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</li>
<!--[if ENDBLOCK]><![endif]-->
</ol>
<!--[if BLOCK]><![endif]-->
<div x-bind:class="{
'fi-active p-6': step === 'completeaza-adresa-de-email',
'invisible h-0 overflow-y-hidden p-0': step !== 'completeaza-adresa-de-email',
}" x-on:expand="
if (! isStepAccessible('completeaza-adresa-de-email')) {
return
}
step = 'completeaza-adresa-de-email' " x-ref="step-completeaza-adresa-de-email" class="fi-fo-wizard-step outline-none fi-active p-6" aria-labelledby="completeaza-adresa-de-email" id="completeaza-adresa-de-email" role="tabpanel"
tabindex="0">
<div style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.email.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.email">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Completează adresa de email<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.email" type="email" wire:model="data.email">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<div x-bind:class="{
'fi-active p-6': step === 'preluare-date',
'invisible h-0 overflow-y-hidden p-0': step !== 'preluare-date',
}" x-on:expand="
if (! isStepAccessible('preluare-date')) {
return
}
step = 'preluare-date' " x-ref="step-preluare-date" class="fi-fo-wizard-step outline-none invisible h-0 overflow-y-hidden p-0" aria-labelledby="preluare-date" id="preluare-date" role="tabpanel" tabindex="0">
<div style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.phone.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.phone">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Completează numărul de telefon<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.phone" type="tel" wire:model="data.phone">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div>
<div style="--cols-default: repeat(1, minmax(0, 1fr)); --cols-lg: repeat(2, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] lg:grid-cols-[--cols-lg] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.prenume.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.prenume">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Prenume<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.prenume" type="text" wire:model="data.prenume">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.nume.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.nume">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Nume<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.nume" type="text" wire:model="data.nume">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div>
<div style="--cols-default: repeat(1, minmax(0, 1fr)); --cols-lg: repeat(2, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] lg:grid-cols-[--cols-lg] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.county.Filament\Forms\Components\Select">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.county">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Județ<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-select">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<!--[if BLOCK]><![endif]-->
<div x-ignore="" ax-load="visible" ax-load-src="https://formare.pedagogiedigitala.ro/js/filament/forms/components/select.js?v=3.2.35.0" x-data="selectFormComponent({
canSelectPlaceholder: true,
isHtmlAllowed: false,
getOptionLabelUsing: async () => {
return await $wire.getFormSelectOptionLabel('data.county')
},
getOptionLabelsUsing: async () => {
return await $wire.getFormSelectOptionLabels('data.county')
},
getOptionsUsing: async () => {
return await $wire.getFormSelectOptions('data.county')
},
getSearchResultsUsing: async (search) => {
return await $wire.getFormSelectSearchResults('data.county', search)
},
isAutofocused: false,
isMultiple: false,
isSearchable: true,
livewireId: 'IbhmIHfspDKzwMIRAut2',
hasDynamicOptions: true,
hasDynamicSearchResults: false,
loadingMessage: 'Se \u00eencarc\u0103...',
maxItems: null,
maxItemsMessage: 'Doar elemente pot fi selectate.',
noSearchResultsMessage: 'Nu s-a g\u0103sit nimic.',
options: JSON.parse('[{\u0022label\u0022:\u0022ARAD\u0022,\u0022value\u0022:\u00221\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022BACAU\u0022,\u0022value\u0022:\u00222\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022HUNEDOARA\u0022,\u0022value\u0022:\u00223\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022MEHEDINTI\u0022,\u0022value\u0022:\u00224\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022BUCURESTI\u0022,\u0022value\u0022:\u00225\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022SUCEAVA\u0022,\u0022value\u0022:\u00226\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022SIBIU\u0022,\u0022value\u0022:\u00227\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022VRANCEA\u0022,\u0022value\u0022:\u00228\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022BUZAU\u0022,\u0022value\u0022:\u00229\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022ALBA\u0022,\u0022value\u0022:\u002210\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022MARAMURES\u0022,\u0022value\u0022:\u002211\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022DOLJ\u0022,\u0022value\u0022:\u002212\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022BRAILA\u0022,\u0022value\u0022:\u002213\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022CONSTANTA\u0022,\u0022value\u0022:\u002214\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022TELEORMAN\u0022,\u0022value\u0022:\u002215\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022CARAS-SEVERIN\u0022,\u0022value\u0022:\u002216\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022BISTRITA-NASAUD\u0022,\u0022value\u0022:\u002217\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022BIHOR\u0022,\u0022value\u0022:\u002218\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022PRAHOVA\u0022,\u0022value\u0022:\u002219\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022VASLUI\u0022,\u0022value\u0022:\u002220\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022MURES\u0022,\u0022value\u0022:\u002221\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022ARGES\u0022,\u0022value\u0022:\u002222\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022VALCEA\u0022,\u0022value\u0022:\u002223\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022TIMIS\u0022,\u0022value\u0022:\u002224\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022NEAMT\u0022,\u0022value\u0022:\u002225\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022OLT\u0022,\u0022value\u0022:\u002226\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022HARGHITA\u0022,\u0022value\u0022:\u002227\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022BRASOV\u0022,\u0022value\u0022:\u002228\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022CLUJ\u0022,\u0022value\u0022:\u002229\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022ILFOV\u0022,\u0022value\u0022:\u002230\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022SATU MARE\u0022,\u0022value\u0022:\u002231\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022SALAJ\u0022,\u0022value\u0022:\u002232\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022GORJ\u0022,\u0022value\u0022:\u002233\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022IASI\u0022,\u0022value\u0022:\u002234\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022GALATI\u0022,\u0022value\u0022:\u002235\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022TULCEA\u0022,\u0022value\u0022:\u002236\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022CALARASI\u0022,\u0022value\u0022:\u002237\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022DAMBOVITA\u0022,\u0022value\u0022:\u002238\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022BOTOSANI\u0022,\u0022value\u0022:\u002239\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022GIURGIU\u0022,\u0022value\u0022:\u002240\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022COVASNA\u0022,\u0022value\u0022:\u002241\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022IALOMITA\u0022,\u0022value\u0022:\u002242\u0022,\u0022disabled\u0022:false}]'),
optionsLimit: 50,
placeholder: 'Selecta\u021bi o op\u021biune',
position: null,
searchDebounce: 1000,
searchingMessage: 'C\u0103utare...',
searchPrompt: '\u00cencepe\u021bi s\u0103 tasta\u021bi pentru a c\u0103uta',
searchableOptionFields: JSON.parse('[\u0022label\u0022]'),
state: $wire.$entangle('data.county', true),
statePath: 'data.county',
})" wire:ignore="" x-on:keydown.esc="select.dropdown.isActive && $event.stopPropagation()" class="">
<select x-ref="input" id="data.county"></select>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.city.Filament\Forms\Components\Select">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.city">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Localitate<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-select">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<!--[if BLOCK]><![endif]-->
<div x-ignore="" ax-load="visible" ax-load-src="https://formare.pedagogiedigitala.ro/js/filament/forms/components/select.js?v=3.2.35.0" x-data="selectFormComponent({
canSelectPlaceholder: true,
isHtmlAllowed: false,
getOptionLabelUsing: async () => {
return await $wire.getFormSelectOptionLabel('data.city')
},
getOptionLabelsUsing: async () => {
return await $wire.getFormSelectOptionLabels('data.city')
},
getOptionsUsing: async () => {
return await $wire.getFormSelectOptions('data.city')
},
getSearchResultsUsing: async (search) => {
return await $wire.getFormSelectSearchResults('data.city', search)
},
isAutofocused: false,
isMultiple: false,
isSearchable: true,
livewireId: 'IbhmIHfspDKzwMIRAut2',
hasDynamicOptions: true,
hasDynamicSearchResults: false,
loadingMessage: 'Se \u00eencarc\u0103...',
maxItems: null,
maxItemsMessage: 'Doar elemente pot fi selectate.',
noSearchResultsMessage: 'Nu s-a g\u0103sit nimic.',
options: [],
optionsLimit: 50,
placeholder: 'Selecta\u021bi o op\u021biune',
position: null,
searchDebounce: 1000,
searchingMessage: 'C\u0103utare...',
searchPrompt: '\u00cencepe\u021bi s\u0103 tasta\u021bi pentru a c\u0103uta',
searchableOptionFields: JSON.parse('[\u0022label\u0022]'),
state: $wire.$entangle('data.city', true),
statePath: 'data.city',
})" wire:ignore="" x-on:keydown.esc="select.dropdown.isActive && $event.stopPropagation()" class="">
<select x-ref="input" id="data.city"></select>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="hidden" wire:key="IbhmIHfspDKzwMIRAut2.data.work.Filament\Forms\Components\Radio">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="hidden" wire:key="IbhmIHfspDKzwMIRAut2.data.other_school.Filament\Forms\Components\Textarea">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<div x-bind:class="{
'fi-active p-6': step === 'incarca-documente',
'invisible h-0 overflow-y-hidden p-0': step !== 'incarca-documente',
}" x-on:expand="
if (! isStepAccessible('incarca-documente')) {
return
}
step = 'incarca-documente' " x-ref="step-incarca-documente" class="fi-fo-wizard-step outline-none invisible h-0 overflow-y-hidden p-0" aria-labelledby="incarca-documente" id="incarca-documente" role="tabpanel" tabindex="0">
<div style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div class="fi-fo-placeholder text-sm leading-6">
<p>Acum că ne-am cunoscut mai bine, continuă procesul de înregistrare și încarcă documentele solicitate. Îți mulțumim!</p>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.anc_diploma.Filament\Forms\Components\FileUpload">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.anc_diploma">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Încarcă Certificat / atestat ANC<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div ax-load="visible" ax-load-src="https://formare.pedagogiedigitala.ro/js/filament/forms/components/file-upload.js?v=3.2.35.0" x-data="fileUploadFormComponent({
acceptedFileTypes: JSON.parse('[\u0022application\\\/pdf\u0022,\u0022image\\\/jpeg\u0022,\u0022image\\\/png\u0022]'),
imageEditorEmptyFillColor: null,
imageEditorMode: 1,
imageEditorViewportHeight: null,
imageEditorViewportWidth: null,
deleteUploadedFileUsing: async (fileKey) => {
return await $wire.deleteUploadedFile('data.anc_diploma', fileKey)
},
getUploadedFilesUsing: async () => {
return await $wire.getFormUploadedFiles('data.anc_diploma')
},
hasImageEditor: false,
hasCircleCropper: false,
canEditSvgs: true,
isSvgEditingConfirmed: false,
confirmSvgEditingMessage: 'Modificarea fi\u0219ierelor de tip SVG nu este recomandat\u0103 deoarece poate cauza \u00een pierderea calit\u0103\u021bii \u00een procesul de schimbare a dimensiunii.\\n Sunte\u021bi sigur c\u0103 dori\u021bi s\u0103 continua\u021bi?',
disabledSvgEditingMessage: 'Editarea fi\u0219ierelor de tip SVG este dezactivat\u0103 deoarece poate cauza \u00een pierderea calit\u0103\u021bii \u00een procesul de schimbare a dimensiunii.',
imageCropAspectRatio: null,
imagePreviewHeight: null,
imageResizeMode: null,
imageResizeTargetHeight: null,
imageResizeTargetWidth: null,
imageResizeUpscale: true,
isAvatar: false,
isDeletable: true,
isDisabled: false,
isDownloadable: true,
isMultiple: true,
isOpenable: true,
isPreviewable: true,
isReorderable: false,
itemPanelAspectRatio: null,
loadingIndicatorPosition: 'right',
locale: 'ro',
panelAspectRatio: null,
panelLayout: 'compact',
placeholder: null,
maxFiles: null,
maxSize: null,
minSize: null,
removeUploadedFileUsing: async (fileKey) => {
return await $wire.removeFormUploadedFile('data.anc_diploma', fileKey)
},
removeUploadedFileButtonPosition: 'left',
reorderUploadedFilesUsing: async (files) => {
return await $wire.reorderFormUploadedFiles('data.anc_diploma', files)
},
shouldAppendFiles: false,
shouldOrientImageFromExif: true,
shouldTransformImage: false,
state: $wire.$entangle('data.anc_diploma', false),
uploadButtonPosition: 'right',
uploadingMessage: 'Se \u00eencarc\u0103 fi\u0219ierul...',
uploadProgressIndicatorPosition: 'right',
uploadUsing: (fileKey, file, success, error, progress) => {
$wire.upload(
`data.anc_diploma.${fileKey}`,
file,
() => {
success(fileKey)
},
error,
(progressEvent) => {
progress(true, progressEvent.detail.progress, 100)
},
)
},
})" wire:ignore="" x-ignore="" class="fi-fo-file-upload flex [&_.filepond--root]:font-sans justify-start" id="data.anc_diploma">
<div class="h-full w-full">
<input x-ref="input" multiple="multiple" type="file">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="fi-fo-field-wrp-helper-text text-sm text-gray-500"> Notă: Certificat care să demonstreze competenţe în domeniul formării adulţilor, cu excepția personalului didactic din învățământul superior. </div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.other_diplomas.Filament\Forms\Components\FileUpload">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.other_diplomas">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Încarcă Diplomă Pedagogie Digitală sau alte diplome relevante<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div ax-load="visible" ax-load-src="https://formare.pedagogiedigitala.ro/js/filament/forms/components/file-upload.js?v=3.2.35.0" x-data="fileUploadFormComponent({
acceptedFileTypes: JSON.parse('[\u0022application\\\/pdf\u0022,\u0022image\\\/jpeg\u0022,\u0022image\\\/png\u0022]'),
imageEditorEmptyFillColor: null,
imageEditorMode: 1,
imageEditorViewportHeight: null,
imageEditorViewportWidth: null,
deleteUploadedFileUsing: async (fileKey) => {
return await $wire.deleteUploadedFile('data.other_diplomas', fileKey)
},
getUploadedFilesUsing: async () => {
return await $wire.getFormUploadedFiles('data.other_diplomas')
},
hasImageEditor: false,
hasCircleCropper: false,
canEditSvgs: true,
isSvgEditingConfirmed: false,
confirmSvgEditingMessage: 'Modificarea fi\u0219ierelor de tip SVG nu este recomandat\u0103 deoarece poate cauza \u00een pierderea calit\u0103\u021bii \u00een procesul de schimbare a dimensiunii.\\n Sunte\u021bi sigur c\u0103 dori\u021bi s\u0103 continua\u021bi?',
disabledSvgEditingMessage: 'Editarea fi\u0219ierelor de tip SVG este dezactivat\u0103 deoarece poate cauza \u00een pierderea calit\u0103\u021bii \u00een procesul de schimbare a dimensiunii.',
imageCropAspectRatio: null,
imagePreviewHeight: null,
imageResizeMode: null,
imageResizeTargetHeight: null,
imageResizeTargetWidth: null,
imageResizeUpscale: true,
isAvatar: false,
isDeletable: true,
isDisabled: false,
isDownloadable: true,
isMultiple: true,
isOpenable: true,
isPreviewable: true,
isReorderable: false,
itemPanelAspectRatio: null,
loadingIndicatorPosition: 'right',
locale: 'ro',
panelAspectRatio: null,
panelLayout: 'compact',
placeholder: null,
maxFiles: null,
maxSize: null,
minSize: null,
removeUploadedFileUsing: async (fileKey) => {
return await $wire.removeFormUploadedFile('data.other_diplomas', fileKey)
},
removeUploadedFileButtonPosition: 'left',
reorderUploadedFilesUsing: async (files) => {
return await $wire.reorderFormUploadedFiles('data.other_diplomas', files)
},
shouldAppendFiles: false,
shouldOrientImageFromExif: true,
shouldTransformImage: false,
state: $wire.$entangle('data.other_diplomas', false),
uploadButtonPosition: 'right',
uploadingMessage: 'Se \u00eencarc\u0103 fi\u0219ierul...',
uploadProgressIndicatorPosition: 'right',
uploadUsing: (fileKey, file, success, error, progress) => {
$wire.upload(
`data.other_diplomas.${fileKey}`,
file,
() => {
success(fileKey)
},
error,
(progressEvent) => {
progress(true, progressEvent.detail.progress, 100)
},
)
},
})" wire:ignore="" x-ignore="" class="fi-fo-file-upload flex [&_.filepond--root]:font-sans justify-start" id="data.other_diplomas">
<div class="h-full w-full">
<input x-ref="input" multiple="multiple" type="file">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div class="fi-fo-placeholder text-sm leading-6">
<p></p>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="hidden" wire:key="IbhmIHfspDKzwMIRAut2.data.pm.Filament\Forms\Components\Radio">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="hidden" wire:key="IbhmIHfspDKzwMIRAut2.data.other_pm.Filament\Forms\Components\Textarea">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="hidden" wire:key="IbhmIHfspDKzwMIRAut2.data.documents.Filament\Forms\Components\FileUpload">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.exper.Filament\Forms\Components\Textarea">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.exper">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Te rugăm să menționezi ce experiențe specifice ai avut în formare (durata activităților, număr aproximativ de persoane
formate).<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-textarea overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<textarea ax-load="visible" ax-load-src="https://formare.pedagogiedigitala.ro/js/filament/forms/components/textarea.js?v=3.2.35.0" x-data="textareaFormComponent({ initialHeight: 3.75 })" x-ignore="" x-intersect.once="render()"
x-on:input="render()" x-on:resize.window="render()" style="height: 3.75rem;"
class="block w-full border-none bg-transparent px-3 py-1.5 text-base text-gray-950 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 resize-none"
id="data.exper" wire:model="data.exper"></textarea>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.decl">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Te rugăm să descarci Declarația de disponibilitate și să o completezi.<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div class="fi-fo-placeholder text-sm leading-6">
<a href="https://formare.pedagogiedigitala.ro/declaratie-de-disponibilitate.docx" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-size-sm fi-btn-size-sm gap-1 px-2.5 py-1.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);">Descarcă declarația de disponibilitate</a>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.decl_dispo.Filament\Forms\Components\FileUpload">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.decl_dispo">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Încarcă Declarația de disponibilitate<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div ax-load="visible" ax-load-src="https://formare.pedagogiedigitala.ro/js/filament/forms/components/file-upload.js?v=3.2.35.0" x-data="fileUploadFormComponent({
acceptedFileTypes: JSON.parse('[\u0022application\\\/pdf\u0022,\u0022image\\\/jpeg\u0022,\u0022image\\\/png\u0022]'),
imageEditorEmptyFillColor: null,
imageEditorMode: 1,
imageEditorViewportHeight: null,
imageEditorViewportWidth: null,
deleteUploadedFileUsing: async (fileKey) => {
return await $wire.deleteUploadedFile('data.decl_dispo', fileKey)
},
getUploadedFilesUsing: async () => {
return await $wire.getFormUploadedFiles('data.decl_dispo')
},
hasImageEditor: false,
hasCircleCropper: false,
canEditSvgs: true,
isSvgEditingConfirmed: false,
confirmSvgEditingMessage: 'Modificarea fi\u0219ierelor de tip SVG nu este recomandat\u0103 deoarece poate cauza \u00een pierderea calit\u0103\u021bii \u00een procesul de schimbare a dimensiunii.\\n Sunte\u021bi sigur c\u0103 dori\u021bi s\u0103 continua\u021bi?',
disabledSvgEditingMessage: 'Editarea fi\u0219ierelor de tip SVG este dezactivat\u0103 deoarece poate cauza \u00een pierderea calit\u0103\u021bii \u00een procesul de schimbare a dimensiunii.',
imageCropAspectRatio: null,
imagePreviewHeight: null,
imageResizeMode: null,
imageResizeTargetHeight: null,
imageResizeTargetWidth: null,
imageResizeUpscale: true,
isAvatar: false,
isDeletable: true,
isDisabled: false,
isDownloadable: true,
isMultiple: false,
isOpenable: true,
isPreviewable: true,
isReorderable: false,
itemPanelAspectRatio: null,
loadingIndicatorPosition: 'right',
locale: 'ro',
panelAspectRatio: null,
panelLayout: 'compact',
placeholder: null,
maxFiles: null,
maxSize: null,
minSize: null,
removeUploadedFileUsing: async (fileKey) => {
return await $wire.removeFormUploadedFile('data.decl_dispo', fileKey)
},
removeUploadedFileButtonPosition: 'left',
reorderUploadedFilesUsing: async (files) => {
return await $wire.reorderFormUploadedFiles('data.decl_dispo', files)
},
shouldAppendFiles: false,
shouldOrientImageFromExif: true,
shouldTransformImage: false,
state: $wire.$entangle('data.decl_dispo', false),
uploadButtonPosition: 'right',
uploadingMessage: 'Se \u00eencarc\u0103 fi\u0219ierul...',
uploadProgressIndicatorPosition: 'right',
uploadUsing: (fileKey, file, success, error, progress) => {
$wire.upload(
`data.decl_dispo.${fileKey}`,
file,
() => {
success(fileKey)
},
error,
(progressEvent) => {
progress(true, progressEvent.detail.progress, 100)
},
)
},
})" wire:ignore="" x-ignore="" class="fi-fo-file-upload flex [&_.filepond--root]:font-sans justify-start" id="data.decl_dispo">
<div class="h-full w-full">
<input x-ref="input" type="file">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.docs.Filament\Forms\Components\Checkbox">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.docs">
<input type="checkbox"
class="fi-checkbox-input rounded border-none bg-white shadow-sm ring-1 transition duration-75 checked:ring-0 focus:ring-2 focus:ring-offset-0 disabled:pointer-events-none disabled:bg-gray-50 disabled:text-gray-50 disabled:checked:bg-current disabled:checked:text-gray-400 dark:bg-white/5 dark:disabled:bg-transparent dark:disabled:checked:bg-gray-600 text-primary-600 ring-gray-950/10 focus:ring-primary-600 checked:focus:ring-primary-500/50 dark:text-primary-500 dark:ring-white/20 dark:checked:bg-primary-500 dark:focus:ring-primary-500 dark:checked:focus:ring-primary-400/50 dark:disabled:ring-white/10"
id="data.docs" wire:loading.attr="disabled" wire:model="data.docs">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Am luat la cunostinta că, pentru confirmare, va mai fi nevoie de prezentarea unor documente (CV format Europass, certificate/diplome de
licenţă/doctorat/master/studii aprofundate/studii postuniversitare, adeverințe).<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.feedback.Filament\Forms\Components\Textarea">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.feedback">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Dacă sunt și alte lucruri pe care dorești să le menționezi, te rugăm să completezi în caseta de mai
jos:<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-textarea overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<textarea ax-load="visible" ax-load-src="https://formare.pedagogiedigitala.ro/js/filament/forms/components/textarea.js?v=3.2.35.0" x-data="textareaFormComponent({ initialHeight: 3.75 })" x-ignore="" x-intersect.once="render()"
x-on:input="render()" x-on:resize.window="render()" style="height: 3.75rem;"
class="block w-full border-none bg-transparent px-3 py-1.5 text-base text-gray-950 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 resize-none"
id="data.feedback" wire:model="data.feedback"></textarea>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.gdpr.Filament\Forms\Components\Checkbox">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.gdpr">
<input type="checkbox"
class="fi-checkbox-input rounded border-none bg-white shadow-sm ring-1 transition duration-75 checked:ring-0 focus:ring-2 focus:ring-offset-0 disabled:pointer-events-none disabled:bg-gray-50 disabled:text-gray-50 disabled:checked:bg-current disabled:checked:text-gray-400 dark:bg-white/5 dark:disabled:bg-transparent dark:disabled:checked:bg-gray-600 text-primary-600 ring-gray-950/10 focus:ring-primary-600 checked:focus:ring-primary-500/50 dark:text-primary-500 dark:ring-white/20 dark:checked:bg-primary-500 dark:focus:ring-primary-500 dark:checked:focus:ring-primary-400/50 dark:disabled:ring-white/10"
id="data.gdpr" wire:loading.attr="disabled" wire:model="data.gdpr">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white">
<a href="../Nota_de_informare_recrutare_formatori.pdf" target="_blank">Sunt de acord cu GDPR</a><!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="IbhmIHfspDKzwMIRAut2.data.stocare.Filament\Forms\Components\Checkbox">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.stocare">
<input type="checkbox"
class="fi-checkbox-input rounded border-none bg-white shadow-sm ring-1 transition duration-75 checked:ring-0 focus:ring-2 focus:ring-offset-0 disabled:pointer-events-none disabled:bg-gray-50 disabled:text-gray-50 disabled:checked:bg-current disabled:checked:text-gray-400 dark:bg-white/5 dark:disabled:bg-transparent dark:disabled:checked:bg-gray-600 text-primary-600 ring-gray-950/10 focus:ring-primary-600 checked:focus:ring-primary-500/50 dark:text-primary-500 dark:ring-white/20 dark:checked:bg-primary-500 dark:focus:ring-primary-500 dark:checked:focus:ring-primary-400/50 dark:disabled:ring-white/10"
id="data.stocare" wire:loading.attr="disabled" wire:model="data.stocare">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Sunt de acord cu păstrarea datelor mele pentru o perioadă de 2 ani în vederea comunicării rolurilor
vacante.<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 px-6 pb-6">
<span x-on:click="previousStep" x-show="! isFirstStep()" style="display: none;">
<button style=";"
class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-gray fi-btn-color-gray fi-size-md fi-btn-size-md gap-1.5 px-3 py-2 text-sm inline-grid shadow-sm bg-white text-gray-950 hover:bg-gray-50 dark:bg-white/5 dark:text-white dark:hover:bg-white/10 ring-1 ring-gray-950/10 dark:ring-white/20 fi-ac-action fi-ac-btn-action"
type="button" wire:loading.attr="disabled">
<span class="fi-btn-label"> Pasul anterior </span>
</button>
</span>
<span x-show="isFirstStep()">
</span>
<span x-on:click="
$wire.dispatchFormEvent(
'wizard::nextStep',
'data',
getStepIndex(step),
)
" x-show="! isLastStep()">
<button style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);"
class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-size-md fi-btn-size-md gap-1.5 px-3 py-2 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 fi-ac-action fi-ac-btn-action"
type="button" wire:loading.attr="disabled" wire:target="dispatchFormEvent">
<span class="fi-btn-label"> Pasul următor </span>
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="animate-spin fi-btn-icon transition duration-75 h-5 w-5 text-white" wire:loading.delay.default="" wire:target="dispatchFormEvent">
<path clip-rule="evenodd"
d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
fill-rule="evenodd" fill="currentColor" opacity="0.2"></path>
<path d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z" fill="currentColor"></path>
</svg>
</button>
</span>
<span x-show="isLastStep()" style="display: none;">
<button style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);"
class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-size-sm fi-btn-size-sm gap-1 px-2.5 py-1.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50"
type="submit" wire:loading.attr="disabled">
<span class="fi-btn-label"> Trimite </span>
</button>
</span>
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</form><form wire:submit.prevent="callMountedAction">
<div aria-modal="true" role="dialog" x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { id: 'IbhmIHfspDKzwMIRAut2-action' }),
)
},
open: function () {
this.isOpen = true
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'IbhmIHfspDKzwMIRAut2-action' }),
)
},
}" x-on:close-modal.window="if ($event.detail.id === 'IbhmIHfspDKzwMIRAut2-action') close()" x-on:open-modal.window="if ($event.detail.id === 'IbhmIHfspDKzwMIRAut2-action') open()" x-trap.noscroll="isOpen" x-bind:class="{
'fi-modal-open': isOpen,
}" class="fi-modal block">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div x-show="isOpen" style="display: none;">
<div aria-hidden="true" x-show="isOpen" x-transition.duration.300ms.opacity="" class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75" style="display: none;"></div>
<div class="fixed inset-0 z-40 overflow-y-auto cursor-pointer">
<div x-ref="modalContainer" x-on:click.self="$dispatch('close-modal', { id: 'IbhmIHfspDKzwMIRAut2-action' })" class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4"
x-on:closed-form-component-action-modal.window="if (($event.detail.id === 'IbhmIHfspDKzwMIRAut2') && $wire.mountedActions.length) open()" x-on:modal-closed.stop="const mountedActionShouldOpenModal = false
if (! mountedActionShouldOpenModal) {
return
}
if ($wire.mountedFormComponentActions.length) {
return
}
$wire.unmountAction(false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'IbhmIHfspDKzwMIRAut2') close()">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'IbhmIHfspDKzwMIRAut2-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300" x-transition:enter-start="scale-95 opacity-0"
x-transition:enter-end="scale-100 opacity-100" x-transition:leave-start="scale-100 opacity-100" x-transition:leave-end="scale-95 opacity-0"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm" style="display: none;">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
</div>
</div>
</form><form wire:submit.prevent="callMountedInfolistAction">
<div aria-modal="true" role="dialog" x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { id: 'IbhmIHfspDKzwMIRAut2-infolist-action' }),
)
},
open: function () {
this.isOpen = true
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'IbhmIHfspDKzwMIRAut2-infolist-action' }),
)
},
}" x-on:close-modal.window="if ($event.detail.id === 'IbhmIHfspDKzwMIRAut2-infolist-action') close()" x-on:open-modal.window="if ($event.detail.id === 'IbhmIHfspDKzwMIRAut2-infolist-action') open()" x-trap.noscroll="isOpen" x-bind:class="{
'fi-modal-open': isOpen,
}" class="fi-modal block">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div x-show="isOpen" style="display: none;">
<div aria-hidden="true" x-show="isOpen" x-transition.duration.300ms.opacity="" class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75" style="display: none;"></div>
<div class="fixed inset-0 z-40 overflow-y-auto cursor-pointer">
<div x-ref="modalContainer" x-on:click.self="$dispatch('close-modal', { id: 'IbhmIHfspDKzwMIRAut2-infolist-action' })" class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4"
x-on:closed-form-component-action-modal.window="if (($event.detail.id === 'IbhmIHfspDKzwMIRAut2') && $wire.mountedInfolistActions.length) open()" x-on:modal-closed.stop="const mountedInfolistActionShouldOpenModal = false
if (! mountedInfolistActionShouldOpenModal) {
return
}
if ($wire.mountedFormComponentActions.length) {
return
}
$wire.unmountInfolistAction(false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'IbhmIHfspDKzwMIRAut2') close()">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'IbhmIHfspDKzwMIRAut2-infolist-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300"
x-transition:enter-start="scale-95 opacity-0" x-transition:enter-end="scale-100 opacity-100" x-transition:leave-start="scale-100 opacity-100" x-transition:leave-end="scale-95 opacity-0"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm" style="display: none;">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
</div>
</div>
</form><form wire:submit.prevent="callMountedFormComponentAction">
<div aria-modal="true" role="dialog" x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { id: 'IbhmIHfspDKzwMIRAut2-form-component-action' }),
)
},
open: function () {
this.isOpen = true
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'IbhmIHfspDKzwMIRAut2-form-component-action' }),
)
},
}" x-on:close-modal.window="if ($event.detail.id === 'IbhmIHfspDKzwMIRAut2-form-component-action') close()" x-on:open-modal.window="if ($event.detail.id === 'IbhmIHfspDKzwMIRAut2-form-component-action') open()" x-trap.noscroll="isOpen"
x-bind:class="{
'fi-modal-open': isOpen,
}" class="fi-modal block">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div x-show="isOpen" style="display: none;">
<div aria-hidden="true" x-show="isOpen" x-transition.duration.300ms.opacity="" class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75" style="display: none;"></div>
<div class="fixed inset-0 z-40 overflow-y-auto cursor-pointer">
<div x-ref="modalContainer" x-on:click.self="$dispatch('close-modal', { id: 'IbhmIHfspDKzwMIRAut2-form-component-action' })" class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4"
x-on:modal-closed.stop="const mountedFormComponentActionShouldOpenModal = false
if (mountedFormComponentActionShouldOpenModal) {
$wire.unmountFormComponentAction(false)
}">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'IbhmIHfspDKzwMIRAut2-form-component-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300"
x-transition:enter-start="scale-95 opacity-0" x-transition:enter-end="scale-100 opacity-100" x-transition:leave-start="scale-100 opacity-100" x-transition:leave-end="scale-95 opacity-0"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm" style="display: none;">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
</div>
</div>
</form>Text Content
Extinde bara laterală Restrânge bara laterală
VREAU SĂ FIU FORMATOR
Ajutor
Bine ai venit! Începe înregistrarea ca Formator în Programul de formare în
Pedagogie Digitală împărtășind pe scurt câteva informații. Te rugăm să alegi
varianta care ți se potrivește pentru fiecare dintre întrebările din formularul
de mai jos.
1. 01
Completează adresa de email
2. 02
Preluare date
3. 03
Încarcă documente
Completează adresa de email
Completează numărul de telefon
Prenume*
Nume*
Județ*
Localitate*
Acum că ne-am cunoscut mai bine, continuă procesul de înregistrare și încarcă
documentele solicitate. Îți mulțumim!
Încarcă Certificat / atestat ANC
Notă: Certificat care să demonstreze competenţe în domeniul formării adulţilor,
cu excepția personalului didactic din învățământul superior.
Încarcă Diplomă Pedagogie Digitală sau alte diplome relevante
Te rugăm să menționezi ce experiențe specifice ai avut în formare (durata
activităților, număr aproximativ de persoane formate).*
Te rugăm să descarci Declarația de disponibilitate și să o completezi.
Descarcă declarația de disponibilitate
Încarcă Declarația de disponibilitate
Am luat la cunostinta că, pentru confirmare, va mai fi nevoie de prezentarea
unor documente (CV format Europass, certificate/diplome de
licenţă/doctorat/master/studii aprofundate/studii postuniversitare, adeverințe).
Dacă sunt și alte lucruri pe care dorești să le menționezi, te rugăm să
completezi în caseta de mai jos:
Sunt de acord cu GDPR
Sunt de acord cu păstrarea datelor mele pentru o perioadă de 2 ani în vederea
comunicării rolurilor vacante.
Pasul anterior Pasul următor Trimite
© 2024 Formator în proiectul PNRR de formare în pedagogie digitală pentru
cadrele didactice. Toate drepturile rezervate.