sofdi-group-extranet.com Open in urlscan Pro
2606:4700:20::ac43:478a  Public Scan

Submitted URL: http://sofdi-group-extranet.com/
Effective URL: https://sofdi-group-extranet.com/admin/login
Submission: On June 05 via api from BE — Scanned from DE

Form analysis 5 forms found in the DOM

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"
  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 !== 'Dy31gGa6uF7jt8D96bFz') {
                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="Dy31gGa6uF7jt8D96bFz.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"> Email<!--[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 [&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" id="data.email" placeholder="Email" required="required" 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>
    <div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="Dy31gGa6uF7jt8D96bFz.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"> The password is incorrect.<!--[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 [&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.password" placeholder="The password is incorrect." required="required" type="password" wire:model="data.password">
              </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="Dy31gGa6uF7jt8D96bFz.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>
    <div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="Dy31gGa6uF7jt8D96bFz.data.forgottenPassword.Filament\Forms\Components\ViewField">
      <!--[if BLOCK]><![endif]-->
      <div class="w-full flex justify-end">
        <a href="https://sofdi-group-extranet.com/admin/password-reset/request" class="font-bold">
        Forgotten password ?
    </a>
      </div>
      <!--[if ENDBLOCK]><![endif]-->
    </div>
    <div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="Dy31gGa6uF7jt8D96bFz.data.welcome.Filament\Forms\Components\ViewField">
      <!--[if BLOCK]><![endif]-->
      <div>
        <div id="welcome-modal" tabindex="-1" aria-hidden="" class="fixed bg-black/50 flex justify-center items-center z-50 w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-modal md:h-full">
          <div class="relative w-full h-full max-w-xs md:h-auto">
            <!-- Modal content -->
            <div class="relative bg-white shadow rounded-xl">
              <div class="p-5">
                <h3 class="text-lg font-bold text-black mb-5">Update</h3>
                <p class="mb-5 text-xs"> Following an update of our warranty registration system, a link to reset your password has been sent to you. If you have not received it, click on <strong class="text-primary-500 cursor-pointer">
                    «&nbsp;<a href="https://sofdi-group-extranet.com/admin/password-reset/request">forgotten password</a> » </strong>. <br>
                  <br> If you are an individual, contact the dealer from whom you purchased your vehicle. It is the dealer who registers your warranty.
                </p>
                <button x-on:click="validateWelcome" form="welcome-form" class="w-full rounded-md text-white bg-primary-500 focus:ring-2 focus:ring-black focus:outline-none font-medium text-sm px-5 py-2.5 text-center mr-2"> Close </button>
              </div>
            </div>
          </div>
        </div>
      </div>
      <script>
        async function validateWelcome() {
          await fetch('/welcome', {
            method: 'POST',
            headers: {
              "Content-Type": "application/json",
              "Accept": "application/json",
            },
            body: JSON.stringify({
              _token: '5p6ffcX5XnJmHeJBw1WKnGspMrvutq09xugjsvw5',
            }),
          })
          document.getElementById('welcome-modal').classList.add('hidden');
        }
      </script>
      <!--[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"> Login </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>

POST /tos

<form class="space-y-5" method="POST" action="/tos">
  <input type="hidden" name="_token" value="5p6ffcX5XnJmHeJBw1WKnGspMrvutq09xugjsvw5" autocomplete="off"> <!-- Accept checkbox -->
  <div>
    <div class="block">
      <label for="accepted" class="inline-flex items-center">
        <input id="accepted" type="checkbox" class="border-primary-500 text-primary-500 focus:ring-2 focus:ring-black" name="accepted" wire:model="accepted" required="">
        <span class="ml-3 text-sm text-black">I have read and accept the terms of service</span>
      </label>
    </div>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
  </div>
  <div class="flex items-center justify-between mx-4">
    <button type="submit" class="w-1/2 rounded text-white bg-primary-500 focus:ring-2 focus:ring-black focus:outline-none font-medium text-sm px-5 py-2.5 text-center mr-2"> Accept </button>
    <button x-on:click="hideTosModal" type="button" class="w-1/2 rounded text-center text-black bg-lighter  focus:ring-2 focus:outline-none focus:ring-black border border-lighter text-sm font-medium px-5 py-2.5 focus:z-10"> Cancel </button>
  </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: 'Dy31gGa6uF7jt8D96bFz-action' }),
            )

            
        },

        open: function () {
            this.isOpen = true

            

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

            
        },

        open: function () {
            this.isOpen = true

            

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

            
        },

        open: function () {
            this.isOpen = true

            

            this.$refs.modalContainer.dispatchEvent(
                new CustomEvent('modal-opened', { id: 'Dy31gGa6uF7jt8D96bFz-form-component-action' }),
            )
        },
    }" x-on:close-modal.window="if ($event.detail.id === 'Dy31gGa6uF7jt8D96bFz-form-component-action') close()" x-on:open-modal.window="if ($event.detail.id === 'Dy31gGa6uF7jt8D96bFz-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: 'Dy31gGa6uF7jt8D96bFz-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: 'Dy31gGa6uF7jt8D96bFz-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

LOGIN


Email*

The password is incorrect.*

Remember me
Forgotten password ?


UPDATE

Following an update of our warranty registration system, a link to reset your
password has been sent to you. If you have not received it, click on « forgotten
password » .

If you are an individual, contact the dealer from whom you purchased your
vehicle. It is the dealer who registers your warranty.

Close
Login


TERMS OF SERVICE

In order to access our platform, you must accept the terms and conditions
described in our End User License Agreement. This agreement defines the
responsibilities of the user and the company and serves to protect the interests
of both parties. By accepting the terms and conditions, you confirm that you
have read and understood the agreement, and that you agree to abide by its
provisions. If you do not accept the terms and conditions, you will not be able
to log in and use our platforms.

TOS
I have read and accept the terms of service
Accept Cancel
TOS