admin.yayasanpermata.com Open in urlscan Pro
185.229.118.33  Public Scan

Form analysis
4 forms found in the DOM

<form x-data="{ isUploadingFile: false }" x-on:submit="if (isUploadingFile) $event.preventDefault()" x-on:file-upload-started="isUploadingFile = true" x-on:file-upload-finished="isUploadingFile = false" class="fi-form grid gap-y-6"
  wire:submit="authenticate">
  <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 !== 'mANQUawYY8nMdHCUL3uA') {
                return
            }

            $nextTick(() => {
                error = $el.querySelector('[data-validation-error]')

                if (! error) {
                    return
                }

                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]" wire:key="mANQUawYY8nMdHCUL3uA.data.login.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.login">
              <span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Username<!--[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 focus-within:ring-2 dark:bg-white/5 ring-gray-950/10 focus-within:ring-primary-600 dark:ring-white/20 dark: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)] sm:text-sm sm:leading-6 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)] bg-white/0 ps-3 pe-3"
                  autocomplete="on" autofocus="autofocus" id="data.login" required="required" type="text" wire:model="data.login" tabindex="1">
              </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="mANQUawYY8nMdHCUL3uA.data.password.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.password">
              <span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Password<!--[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 focus-within:ring-2 dark:bg-white/5 ring-gray-950/10 focus-within:ring-primary-600 dark:ring-white/20 dark: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)] sm:text-sm sm:leading-6 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)] bg-white/0 ps-3 pe-3"
                  autocomplete="current-password" id="data.password" required="required" type="password" wire:model="data.password" tabindex="2">
              </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="mANQUawYY8nMdHCUL3uA.data.remember.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.remember">
              <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.remember" wire:loading.attr="disabled" wire:model="data.remember">
              <span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Remember me<!--[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>
  <!--[if BLOCK]><![endif]-->
  <div class="fi-form-actions">
    <!--[if BLOCK]><![endif]-->
    <!--[if BLOCK]><![endif]-->
    <div class="fi-ac gap-3 grid grid-cols-[repeat(auto-fit,minmax(0,1fr))]">
      <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
      <!--[if BLOCK]><![endif]--> <button x-data="{
                form: null,
                isUploadingFile: false,
            }" x-init="
                form = $el.closest('form')

                form?.addEventListener('file-upload-started', () => {
                    isUploadingFile = true
                })

                form?.addEventListener('file-upload-finished', () => {
                    isUploadingFile = false
                })
            " x-bind:class="{ 'enabled:opacity-70 enabled:cursor-wait': isUploadingFile }" 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 dark:bg-custom-500 dark:hover:bg-custom-400 focus-visible:ring-custom-500/50 dark:focus-visible:ring-custom-400/50 fi-ac-btn-action"
        type="submit" wire:loading.attr="disabled" x-bind:disabled="isUploadingFile">
        <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]--> <svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="animate-spin fi-btn-icon h-5 w-5" wire:loading.delay.default="" wire:target="authenticate">
          <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>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]--> <svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="animate-spin fi-btn-icon h-5 w-5" x-show="isUploadingFile" style="display: none;">
          <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>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if ENDBLOCK]><![endif]-->
        <span x-show="! isUploadingFile" class="fi-btn-label"> Sign in </span>
        <!--[if BLOCK]><![endif]--> <span x-show="isUploadingFile" style="display: none;"> Uploading file... </span>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
      </button>
      <!--[if ENDBLOCK]><![endif]-->
      <!--[if ENDBLOCK]><![endif]-->
    </div>
    <!--[if ENDBLOCK]><![endif]-->
    <!--[if ENDBLOCK]><![endif]-->
  </div>
  <!--[if ENDBLOCK]><![endif]-->
</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: 'mANQUawYY8nMdHCUL3uA-action' }),
            )
        },

        open: function () {
            this.isOpen = true

            this.$refs.modalContainer.dispatchEvent(
                new CustomEvent('modal-opened', { id: 'mANQUawYY8nMdHCUL3uA-action' }),
            )
        },
    }" x-on:close-modal.window="if ($event.detail.id === 'mANQUawYY8nMdHCUL3uA-action') close()" x-on:open-modal.window="if ($event.detail.id === 'mANQUawYY8nMdHCUL3uA-action') open()" x-trap.noscroll="isOpen" wire:ignore.self=""
    class="fi-modal block">
    <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
    <div x-show="isOpen" x-transition.duration.300ms.opacity="" class="fixed inset-0 z-40 min-h-full overflow-y-auto overflow-x-hidden transition flex items-center" style="display: none;">
      <div aria-hidden="true" x-on:click="$dispatch('close-modal', { id: 'mANQUawYY8nMdHCUL3uA-action' })" class="fi-modal-close-overlay fixed inset-0 bg-gray-950/50 dark:bg-gray-950/75 cursor-pointer" style="will-change: transform"></div>
      <div x-ref="modalContainer" class="pointer-events-none relative w-full transition my-auto p-4" x-on:closed-form-component-action-modal.window="if (($event.detail.id === 'mANQUawYY8nMdHCUL3uA') &amp;&amp; $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 === 'mANQUawYY8nMdHCUL3uA') close()">
        <div x-data="{ isShown: false }" x-init="
                    $nextTick(() => {
                        isShown = isOpen
                        $watch('isOpen', () => (isShown = isOpen))
                    })
                " x-on:keydown.window.escape="$dispatch('close-modal', { id: 'mANQUawYY8nMdHCUL3uA-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300" x-transition:enter-start="scale-95"
          x-transition:enter-end="scale-100" x-transition:leave-start="scale-95" x-transition:leave-end="scale-100"
          class="fi-modal-window pointer-events-auto relative 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>
</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: 'mANQUawYY8nMdHCUL3uA-infolist-action' }),
            )
        },

        open: function () {
            this.isOpen = true

            this.$refs.modalContainer.dispatchEvent(
                new CustomEvent('modal-opened', { id: 'mANQUawYY8nMdHCUL3uA-infolist-action' }),
            )
        },
    }" x-on:close-modal.window="if ($event.detail.id === 'mANQUawYY8nMdHCUL3uA-infolist-action') close()" x-on:open-modal.window="if ($event.detail.id === 'mANQUawYY8nMdHCUL3uA-infolist-action') open()" x-trap.noscroll="isOpen" wire:ignore.self=""
    class="fi-modal block">
    <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
    <div x-show="isOpen" x-transition.duration.300ms.opacity="" class="fixed inset-0 z-40 min-h-full overflow-y-auto overflow-x-hidden transition flex items-center" style="display: none;">
      <div aria-hidden="true" x-on:click="$dispatch('close-modal', { id: 'mANQUawYY8nMdHCUL3uA-infolist-action' })" class="fi-modal-close-overlay fixed inset-0 bg-gray-950/50 dark:bg-gray-950/75 cursor-pointer" style="will-change: transform"></div>
      <div x-ref="modalContainer" class="pointer-events-none relative w-full transition my-auto p-4"
        x-on:closed-form-component-action-modal.window="if (($event.detail.id === 'mANQUawYY8nMdHCUL3uA') &amp;&amp; $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 === 'mANQUawYY8nMdHCUL3uA') close()">
        <div x-data="{ isShown: false }" x-init="
                    $nextTick(() => {
                        isShown = isOpen
                        $watch('isOpen', () => (isShown = isOpen))
                    })
                " x-on:keydown.window.escape="$dispatch('close-modal', { id: 'mANQUawYY8nMdHCUL3uA-infolist-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300" x-transition:enter-start="scale-95"
          x-transition:enter-end="scale-100" x-transition:leave-start="scale-95" x-transition:leave-end="scale-100"
          class="fi-modal-window pointer-events-auto relative 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>
</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: 'mANQUawYY8nMdHCUL3uA-form-component-action' }),
            )
        },

        open: function () {
            this.isOpen = true

            this.$refs.modalContainer.dispatchEvent(
                new CustomEvent('modal-opened', { id: 'mANQUawYY8nMdHCUL3uA-form-component-action' }),
            )
        },
    }" x-on:close-modal.window="if ($event.detail.id === 'mANQUawYY8nMdHCUL3uA-form-component-action') close()" x-on:open-modal.window="if ($event.detail.id === 'mANQUawYY8nMdHCUL3uA-form-component-action') open()" x-trap.noscroll="isOpen"
    wire:ignore.self="" class="fi-modal block">
    <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
    <div x-show="isOpen" x-transition.duration.300ms.opacity="" class="fixed inset-0 z-40 min-h-full overflow-y-auto overflow-x-hidden transition flex items-center" style="display: none;">
      <div aria-hidden="true" x-on:click="$dispatch('close-modal', { id: 'mANQUawYY8nMdHCUL3uA-form-component-action' })" class="fi-modal-close-overlay fixed inset-0 bg-gray-950/50 dark:bg-gray-950/75 cursor-pointer" style="will-change: transform">
      </div>
      <div x-ref="modalContainer" class="pointer-events-none relative w-full transition my-auto 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: 'mANQUawYY8nMdHCUL3uA-form-component-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300" x-transition:enter-start="scale-95"
          x-transition:enter-end="scale-100" x-transition:leave-start="scale-95" x-transition:leave-end="scale-100"
          class="fi-modal-window pointer-events-auto relative 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>
</form>

Text Content

YAYASAN PERMATA


SIGN IN

Username*

Password*

Remember me
Sign in Uploading file...