wholesalers.kamefrais.com Open in urlscan Pro
54.37.49.159  Public Scan

Submitted URL: https://wholesalers.kamefrais.com/
Effective URL: https://wholesalers.kamefrais.com/login
Submission: On October 24 via api from US — Scanned from FR

Form analysis 11 forms found in the DOM

<form wire:submit.prevent="uploadFiles" class="rounded-lg border border-dashed border-gray-300 px-6 py-6 dark:border-gray-800">
  <div class="">
    <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 !== 'ihvwvtYzU0okcdeK9P1P') {
                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]" wire:key="ihvwvtYzU0okcdeK9P1P.uploads.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 gap-x-3 justify-between ">
              <!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="uploads">
                <span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Téléverser un fichier<!--[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 auto-cols-fr gap-y-2">
              <div ax-load="" ax-load-src="https://wholesalers.kamefrais.com/js/filament/forms/components/file-upload.js?v=3.2.119.0" x-data="fileUploadFormComponent({
                    acceptedFileTypes: JSON.parse('[\u0022image\\\/*\u0022,\u0022application\\\/pdf\u0022]'),
                    imageEditorEmptyFillColor: null,
                    imageEditorMode: 1,
                    imageEditorViewportHeight: null,
                    imageEditorViewportWidth: null,
                    deleteUploadedFileUsing: async (fileKey) => {
                        return await $wire.deleteUploadedFile('uploads', fileKey)
                    },
                    getUploadedFilesUsing: async () => {
                        return await $wire.getFormUploadedFiles('uploads')
                    },
                    hasImageEditor: false,
                    hasCircleCropper: false,
                    canEditSvgs: true,
                    isSvgEditingConfirmed: false,
                    confirmSvgEditingMessage: 'La modification des fichiers SVG n\u0027est pas recommand\u00e9e car elle peut entra\u00eener une perte de qualit\u00e9 lors de la mise \u00e0 l\u0027\u00e9chelle.\\n \u00cates-vous s\u00fbr de vouloir continuer ?',
                    disabledSvgEditingMessage: 'La modification des fichiers SVG est d\u00e9sactiv\u00e9e car elle peut entra\u00eener une perte de qualit\u00e9 lors de la mise \u00e0 l\u0027\u00e9chelle.',
                    imageCropAspectRatio: null,
                    imagePreviewHeight: null,
                    imageResizeMode: null,
                    imageResizeTargetHeight: null,
                    imageResizeTargetWidth: null,
                    imageResizeUpscale: true,
                    isAvatar: false,
                    isDeletable: true,
                    isDisabled: false,
                    isDownloadable: false,
                    isMultiple: true,
                    isOpenable: false,
                    isPreviewable: true,
                    isReorderable: false,
                    itemPanelAspectRatio: null,
                    loadingIndicatorPosition: 'right',
                    locale: 'fr',
                    panelAspectRatio: null,
                    panelLayout: 'compact',
                    placeholder: null,
                    maxFiles: null,
                    maxSize: '10486KB',
                    minSize: null,
                    removeUploadedFileUsing: async (fileKey) => {
                        return await $wire.removeFormUploadedFile('uploads', fileKey)
                    },
                    removeUploadedFileButtonPosition: 'left',
                    reorderUploadedFilesUsing: async (files) => {
                        return await $wire.reorderFormUploadedFiles('uploads', files)
                    },
                    shouldAppendFiles: false,
                    shouldOrientImageFromExif: true,
                    shouldTransformImage: false,
                    state: $wire.$entangle('uploads', false),
                    uploadButtonPosition: 'right',
                    uploadingMessage: 'Chargement du fichier...',
                    uploadProgressIndicatorPosition: 'right',
                    uploadUsing: (fileKey, file, success, error, progress) => {
                        $wire.upload(
                            `uploads.${fileKey}`,
                            file,
                            () => {
                                success(fileKey)
                            },
                            error,
                            (progressEvent) => {
                                progress(true, progressEvent.detail.progress, 100)
                            },
                        )
                    },
                })" wire:ignore="" class="fi-fo-file-upload flex flex-col gap-y-2 [&amp;_.filepond--root]:font-sans items-start" id="uploads">
                <div class="h-full w-full">
                  <div class="filepond--root filepond--hopper" data-style-panel-layout="compact" data-style-button-remove-item-position="left" data-style-button-process-item-position="right" data-style-load-indicator-position="right"
                    data-style-progress-indicator-position="right" data-style-button-remove-item-align="false" data-style-image-edit-button-edit-item-position="bottom center"><input class="filepond--browser" type="file"
                      id="filepond--browser-ygisp5qji" name="filepond" aria-controls="filepond--assistant-ygisp5qji" aria-labelledby="filepond--drop-label-ygisp5qji" accept="image/*,application/pdf" multiple="">
                    <div style="height: 100%;"></div>
                    <div class="filepond--drop-label" style="transform: translate3d(0px, 0px, 0px); opacity: 1;"><label for="filepond--browser-ygisp5qji" id="filepond--drop-label-ygisp5qji">Faites glisser vos fichiers ou <span
                          class="filepond--label-action" tabindex="0"> Parcourir </span></label></div>
                    <div class="filepond--list-scroller">
                      <ul class="filepond--list" role="list"></ul>
                    </div>
                    <div class="filepond--panel filepond--panel-root" data-scalable="true">
                      <div class="filepond--panel-top filepond--panel-root"></div>
                      <div class="filepond--panel-center filepond--panel-root"></div>
                      <div class="filepond--panel-bottom filepond--panel-root"></div>
                    </div><span class="filepond--assistant" id="filepond--assistant-ygisp5qji" role="status" aria-live="polite" aria-relevant="additions"></span>
                    <div class="filepond--drip"></div>
                    <fieldset class="filepond--data"></fieldset>
                  </div>
                </div>
                <div x-show="error" x-text="error" class="text-sm text-danger-600 dark:text-danger-400" style="display: none;"></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 BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
  <div class="mt-5 items-center space-x-4" wire:loading.flex="" style="display: none;">
    <svg class="m-[1px] h-4 w-4 animate-spin text-gray-600 dark:text-white !ml-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
      <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
    </svg>
    <p class="text-sm text-gray-700"> Enregistrement des fichiers... </p>
  </div>
</form>

<form wire:submit.prevent="searchForm">
  <div class="flex">
    <div class="">
      <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 !== 'FYEexYszRDUVTgpzkuqz') {
                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]" wire:key="FYEexYszRDUVTgpzkuqz.data.searchForm.search.Filament\Forms\Components\TextInput">
          <!--[if BLOCK]><![endif]-->
          <div data-field-wrapper="" class="fi-fo-field-wrp">
            <!--[if BLOCK]><![endif]--> <label for="data.searchForm.search" class="sr-only"> Search </label>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="grid gap-y-2">
              <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
              <!--[if BLOCK]><![endif]-->
              <div class="grid auto-cols-fr gap-y-2">
                <div
                  class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&amp;: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.searchForm.search" placeholder="Entrez un terme pour rechercher" type="text" wire:model.live.debounce.500="data.searchForm.search">
                  </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 class="pl-2">
      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
      <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-btn-color-gray fi-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 h-full"
        type="submit" wire:loading.attr="disabled">
        <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if ENDBLOCK]><![endif]-->
        <span class="fi-btn-label">
          <span wire:loading.remove="" wire:target="searchForm"> Rechercher </span>
          <span wire:loading="" wire:target="searchForm">
            <svg class="m-[1px] h-4 w-4 animate-spin text-gray-600 dark:text-white mt-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
              <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
              <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
            </svg>
          </span>
        </span>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
      </button>
    </div>
  </div>
</form>

<form wire:submit.prevent="">
  <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 !== 'FYEexYszRDUVTgpzkuqz') {
                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]" wire:key="FYEexYszRDUVTgpzkuqz.data.sortOrderForm.sort_order.Filament\Forms\Components\Select">
      <!--[if BLOCK]><![endif]-->
      <div data-field-wrapper="" class="fi-fo-field-wrp">
        <!--[if BLOCK]><![endif]--> <label for="data.sortOrderForm.sort_order" class="sr-only"> Sort order </label>
        <!--[if ENDBLOCK]><![endif]-->
        <div class="grid gap-y-2">
          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
          <!--[if BLOCK]><![endif]-->
          <div class="grid auto-cols-fr gap-y-2">
            <div
              class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&amp;: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]--> <select
                  class="fi-select-input block w-full border-none bg-transparent py-1.5 pe-8 text-base text-gray-950 transition duration-75 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] dark:text-white dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] sm:text-sm sm:leading-6 [&amp;_optgroup]:bg-white [&amp;_optgroup]:dark:bg-gray-900 [&amp;_option]:bg-white [&amp;_option]:dark:bg-gray-900 ps-3"
                  id="data.sortOrderForm.sort_order" wire:model.live="data.sortOrderForm.sort_order">
                  <!--[if BLOCK]><![endif]-->
                  <option value="">
                    <!--[if BLOCK]><![endif]--> Trier par <!--[if ENDBLOCK]><![endif]-->
                  </option>
                  <!--[if ENDBLOCK]><![endif]-->
                  <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]-->
                  <option value="created_at_ascending">
                    <!--[if BLOCK]><![endif]--> Plus ancien <!--[if ENDBLOCK]><![endif]-->
                  </option>
                  <!--[if ENDBLOCK]><![endif]-->
                  <!--[if BLOCK]><![endif]-->
                  <option value="created_at_descending">
                    <!--[if BLOCK]><![endif]--> Plus récent <!--[if ENDBLOCK]><![endif]-->
                  </option>
                  <!--[if ENDBLOCK]><![endif]-->
                  <!--[if BLOCK]><![endif]-->
                  <option value="name_ascending">
                    <!--[if BLOCK]><![endif]--> Nom (A-Z) <!--[if ENDBLOCK]><![endif]-->
                  </option>
                  <!--[if ENDBLOCK]><![endif]-->
                  <!--[if BLOCK]><![endif]-->
                  <option value="name_descending">
                    <!--[if BLOCK]><![endif]--> Nom (Z-A) <!--[if ENDBLOCK]><![endif]-->
                  </option>
                  <!--[if ENDBLOCK]><![endif]-->
                  <!--[if ENDBLOCK]><![endif]-->
                </select>
                <!--[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>
</form>

<form wire:submit.prevent="createMediaFolder">
  <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 !== 'FYEexYszRDUVTgpzkuqz') {
                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]" wire:key="FYEexYszRDUVTgpzkuqz.data.createMediaFolderForm.name.Filament\Forms\Components\TextInput">
      <!--[if BLOCK]><![endif]-->
      <div data-field-wrapper="" class="fi-fo-field-wrp">
        <!--[if BLOCK]><![endif]--> <label for="data.createMediaFolderForm.name" class="sr-only"> Name </label>
        <!--[if ENDBLOCK]><![endif]-->
        <div class="grid gap-y-2">
          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
          <!--[if BLOCK]><![endif]-->
          <div class="grid auto-cols-fr gap-y-2">
            <div
              class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&amp;: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"
                  autofocus="autofocus" id="data.createMediaFolderForm.name" placeholder="Nom du dossier" required="required" type="text" wire:model.blur="data.createMediaFolderForm.name">
              </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>
</form>

<form wire:submit.prevent="renameMediaFolder">
  <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 !== 'FYEexYszRDUVTgpzkuqz') {
                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]" wire:key="FYEexYszRDUVTgpzkuqz.data.renameMediaFolderForm.name.Filament\Forms\Components\TextInput">
      <!--[if BLOCK]><![endif]-->
      <div data-field-wrapper="" class="fi-fo-field-wrp">
        <!--[if BLOCK]><![endif]--> <label for="data.renameMediaFolderForm.name" class="sr-only"> Name </label>
        <!--[if ENDBLOCK]><![endif]-->
        <div class="grid gap-y-2">
          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
          <!--[if BLOCK]><![endif]-->
          <div class="grid auto-cols-fr gap-y-2">
            <div
              class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&amp;: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"
                  autofocus="autofocus" id="data.renameMediaFolderForm.name" placeholder="Nom du dossier" required="required" type="text" wire:model.blur="data.renameMediaFolderForm.name">
              </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>
</form>

<form wire:submit.prevent="moveMediaFolder">
  <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 !== 'FYEexYszRDUVTgpzkuqz') {
                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]" wire:key="FYEexYszRDUVTgpzkuqz.data.moveMediaFolderForm.media_library_folder_id.Filament\Forms\Components\Select">
      <!--[if BLOCK]><![endif]-->
      <div data-field-wrapper="" class="fi-fo-field-wrp">
        <!--[if BLOCK]><![endif]--> <label for="data.moveMediaFolderForm.media_library_folder_id" class="sr-only"> Media library folder id </label>
        <!--[if ENDBLOCK]><![endif]-->
        <div class="grid gap-y-2">
          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
          <!--[if BLOCK]><![endif]-->
          <div class="grid auto-cols-fr gap-y-2">
            <div
              class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&amp;: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]--> <select
                  class="fi-select-input block w-full border-none bg-transparent py-1.5 pe-8 text-base text-gray-950 transition duration-75 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] dark:text-white dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] sm:text-sm sm:leading-6 [&amp;_optgroup]:bg-white [&amp;_optgroup]:dark:bg-gray-900 [&amp;_option]:bg-white [&amp;_option]:dark:bg-gray-900 ps-3"
                  autofocus="autofocus" id="data.moveMediaFolderForm.media_library_folder_id" required="required" wire:model="data.moveMediaFolderForm.media_library_folder_id">
                  <!--[if BLOCK]><![endif]-->
                  <option value="">
                    <!--[if BLOCK]><![endif]--> Sélectionner la destination <!--[if ENDBLOCK]><![endif]-->
                  </option>
                  <!--[if ENDBLOCK]><![endif]-->
                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                </select>
                <!--[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>
</form>

<form>
  <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 !== 'FYEexYszRDUVTgpzkuqz') {
                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]" wire:key="FYEexYszRDUVTgpzkuqz.data.deleteMediaFolderForm.include_children.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 gap-x-3 justify-between ">
            <!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.deleteMediaFolderForm.include_children">
              <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.deleteMediaFolderForm.include_children" wire:loading.attr="disabled" wire:model.live="data.deleteMediaFolderForm.include_children">
              <span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Supprimer tout le contenu du dossier<!--[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>
</form>

POST

<form method="post" x-data="{ isProcessing: false }" x-on:submit="if (isProcessing) $event.preventDefault()" x-on:form-processing-started="isProcessing = true" x-on:form-processing-finished="isProcessing = false" class="fi-form grid gap-y-6"
  id="form" 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 !== 'XrUKHYu8YiNjeARBxBKZ') {
                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]" wire:key="XrUKHYu8YiNjeARBxBKZ.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 gap-x-3 justify-between ">
            <!--[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"> Adresse e-mail<!--[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 auto-cols-fr gap-y-2">
            <div
              class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&amp;: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"
                  autocomplete="on" autofocus="autofocus" id="data.email" required="required" type="email" wire:model="data.email" 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="XrUKHYu8YiNjeARBxBKZ.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 gap-x-3 justify-between ">
            <!--[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"> Mot de passe<!--[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 auto-cols-fr gap-y-2">
            <div
              class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&amp;:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden"
              x-data="{ isPasswordRevealed: false }">
              <!--[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 [&amp;::-ms-reveal]:hidden"
                  autocomplete="current-password" id="data.password" required="required" wire:model="data.password" x-bind:type="isPasswordRevealed ? 'text' : 'password'" tabindex="2" type="password">
              </div>
              <!--[if BLOCK]><![endif]-->
              <div class="flex items-center gap-x-3 pe-3 border-s border-gray-200 ps-3 dark:border-white/10">
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]-->
                <div class="flex items-center gap-3">
                  <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <button style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);"
                    class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-8 w-8 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-ac-action fi-ac-icon-btn-action"
                    title="Montrer le mot de passe" type="button" x-on:click="isPasswordRevealed = true" x-show="! isPasswordRevealed">
                    <!--[if BLOCK]><![endif]--> <span class="sr-only"> Montrer le mot de passe </span>
                    <!--[if ENDBLOCK]><![endif]-->
                    <!--[if BLOCK]><![endif]--> <svg class="fi-icon-btn-icon h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
                      <path d="M10 12.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"></path>
                      <path fill-rule="evenodd"
                        d="M.664 10.59a1.651 1.651 0 0 1 0-1.186A10.004 10.004 0 0 1 10 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0 1 10 17c-4.257 0-7.893-2.66-9.336-6.41ZM14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"
                        clip-rule="evenodd"></path>
                    </svg><!--[if ENDBLOCK]><![endif]-->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                  </button>
                  <!--[if ENDBLOCK]><![endif]-->
                  <!--[if BLOCK]><![endif]--> <button style="--c-300: var(--gray-300); --c-400: var(--gray-400); --c-500: var(--gray-500); --c-600: var(--gray-600); display: none;"
                    class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-8 w-8 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-ac-action fi-ac-icon-btn-action"
                    title="Masquer le mot de passe" type="button" x-on:click="isPasswordRevealed = false" x-show="isPasswordRevealed">
                    <!--[if BLOCK]><![endif]--> <span class="sr-only"> Masquer le mot de passe </span>
                    <!--[if ENDBLOCK]><![endif]-->
                    <!--[if BLOCK]><![endif]--> <svg class="fi-icon-btn-icon h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
                      <path fill-rule="evenodd"
                        d="M3.28 2.22a.75.75 0 0 0-1.06 1.06l14.5 14.5a.75.75 0 1 0 1.06-1.06l-1.745-1.745a10.029 10.029 0 0 0 3.3-4.38 1.651 1.651 0 0 0 0-1.185A10.004 10.004 0 0 0 9.999 3a9.956 9.956 0 0 0-4.744 1.194L3.28 2.22ZM7.752 6.69l1.092 1.092a2.5 2.5 0 0 1 3.374 3.373l1.091 1.092a4 4 0 0 0-5.557-5.557Z"
                        clip-rule="evenodd"></path>
                      <path d="m10.748 13.93 2.523 2.523a9.987 9.987 0 0 1-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 0 1 0-1.186A10.007 10.007 0 0 1 2.839 6.02L6.07 9.252a4 4 0 0 0 4.678 4.678Z"></path>
                    </svg><!--[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]-->
              </div>
              <!--[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="XrUKHYu8YiNjeARBxBKZ.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 gap-x-3 justify-between ">
            <!--[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"> Se souvenir de moi<!--[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]-->
    <div class="fi-ac gap-3 grid grid-cols-[repeat(auto-fit,minmax(0,1fr))]">
      <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
      <button x-data="{
            form: null,
            isProcessing: false,
            processingMessage: null,
        }" x-init="
            form = $el.closest('form')

            form?.addEventListener('form-processing-started', (event) => {
                isProcessing = true
                processingMessage = event.detail.message
            })

            form?.addEventListener('form-processing-finished', () => {
                isProcessing = false
            })
        " x-bind:class="{ 'enabled:opacity-70 enabled:cursor-wait': isProcessing }" 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-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="submit" wire:loading.attr="disabled" x-bind:disabled="isProcessing">
        <!--[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 transition duration-75 h-5 w-5 text-white" 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 transition duration-75 h-5 w-5 text-white" x-show="isProcessing" 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="! isProcessing" class="fi-btn-label"> Connexion </span>
        <!--[if BLOCK]><![endif]--> <span x-show="isProcessing" x-text="processingMessage" class="fi-btn-label" style="display: none;"></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]-->
  </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: 'XrUKHYu8YiNjeARBxBKZ-action' }),
            )

            
        },

        open: function () {
            this.isOpen = true

            

            this.$refs.modalContainer.dispatchEvent(
                new CustomEvent('modal-opened', { id: 'XrUKHYu8YiNjeARBxBKZ-action' }),
            )
        },
    }" x-on:close-modal.window="if ($event.detail.id === 'XrUKHYu8YiNjeARBxBKZ-action') close()" x-on:open-modal.window="if ($event.detail.id === 'XrUKHYu8YiNjeARBxBKZ-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="
                        document.activeElement.selectionStart === undefined &amp;&amp;
                            document.activeElement.selectionEnd === undefined &amp;&amp;
                            $dispatch('close-modal', { id: 'XrUKHYu8YiNjeARBxBKZ-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 === 'XrUKHYu8YiNjeARBxBKZ') &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, false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'XrUKHYu8YiNjeARBxBKZ') close()">
          <div x-data="{ isShown: false }" x-init="
                        $nextTick(() => {
                            isShown = isOpen
                            $watch('isOpen', () => (isShown = isOpen))
                        })
                    " x-on:keydown.window.escape="$dispatch('close-modal', { id: 'XrUKHYu8YiNjeARBxBKZ-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: 'XrUKHYu8YiNjeARBxBKZ-infolist-action' }),
            )

            
        },

        open: function () {
            this.isOpen = true

            

            this.$refs.modalContainer.dispatchEvent(
                new CustomEvent('modal-opened', { id: 'XrUKHYu8YiNjeARBxBKZ-infolist-action' }),
            )
        },
    }" x-on:close-modal.window="if ($event.detail.id === 'XrUKHYu8YiNjeARBxBKZ-infolist-action') close()" x-on:open-modal.window="if ($event.detail.id === 'XrUKHYu8YiNjeARBxBKZ-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="
                        document.activeElement.selectionStart === undefined &amp;&amp;
                            document.activeElement.selectionEnd === undefined &amp;&amp;
                            $dispatch('close-modal', { id: 'XrUKHYu8YiNjeARBxBKZ-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 === 'XrUKHYu8YiNjeARBxBKZ') &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, false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'XrUKHYu8YiNjeARBxBKZ') close()">
          <div x-data="{ isShown: false }" x-init="
                        $nextTick(() => {
                            isShown = isOpen
                            $watch('isOpen', () => (isShown = isOpen))
                        })
                    " x-on:keydown.window.escape="$dispatch('close-modal', { id: 'XrUKHYu8YiNjeARBxBKZ-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: 'XrUKHYu8YiNjeARBxBKZ-form-component-action' }),
            )

            
        },

        open: function () {
            this.isOpen = true

            

            this.$refs.modalContainer.dispatchEvent(
                new CustomEvent('modal-opened', { id: 'XrUKHYu8YiNjeARBxBKZ-form-component-action' }),
            )
        },
    }" x-on:close-modal.window="if ($event.detail.id === 'XrUKHYu8YiNjeARBxBKZ-form-component-action') close()" x-on:open-modal.window="if ($event.detail.id === 'XrUKHYu8YiNjeARBxBKZ-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="
                        document.activeElement.selectionStart === undefined &amp;&amp;
                            document.activeElement.selectionEnd === undefined &amp;&amp;
                            $dispatch('close-modal', { id: 'XrUKHYu8YiNjeARBxBKZ-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, false)
                }">
          <div x-data="{ isShown: false }" x-init="
                        $nextTick(() => {
                            isShown = isOpen
                            $watch('isOpen', () => (isShown = isOpen))
                        })
                    " x-on:keydown.window.escape="$dispatch('close-modal', { id: 'XrUKHYu8YiNjeARBxBKZ-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

BIBLIOTHÈQUE DE MÉDIAS

Téléverser
Téléverser un fichier*
Faites glisser vos fichiers ou Parcourir





Enregistrement des fichiers...

Créer un dossier

   
 * Bibliothèque de mé...
   
   
   

Tout sélectionner
Search

Rechercher
Sort order
Trier par Plus ancien Plus récent Nom (A-Z) Nom (Z-A)


AUCUN FICHIER TROUVÉ

Commencez par téléverser votre premier élément.

Téléverser un fichier

Fermer


CRÉER UN DOSSIER

Le dossier sera créé dans le dossier actuel.

Name

Annuler Créer
Fermer


ENTREZ UN NOUVEAU NOM POUR CE DOSSIER

Name

Annuler Renommer le dossier
Fermer


CHOISISSEZ UN NOUVEL EMPLACEMENT POUR CE DOSSIER

Tous les éléments à l'intérieur du dossier seront également déplacés.

Media library folder id
Sélectionner la destination
Annuler Déplacer le dossier
Fermer


ÊTES-VOUS SÛR DE VOULOIR SUPPRIMER CE DOSSIER?

Tous les fichiers dans le dossier ne seront pas supprimés, mais déplacés dans le
dossier actuel.

Supprimer tout le contenu du dossier
Annuler Confirmer


SÉLECTIONNER UN FICHIER

Sélectionnez un fichier pour voir ses informations.

Annuler Mettre à jour et fermer
KAMEFRAIS


CONNECTEZ-VOUS À VOTRE COMPTE

Adresse e-mail*

Mot de passe*
Montrer le mot de passe Masquer le mot de passe
Se souvenir de moi
Connexion