Untitled

<form method="post" @submit.prevent="resetPassword">
    @csrf
    <div class="space-y-4">
        <x-input.password
                name="password"
                x-model="password"
                label="New password"
                @keyup="validatePassword"
                :ariaDescribedBy="'validation'"
                aria-required="true"
                required>
        </x-input.password>

        @include('web.content.screen-reader-password-rules', ['page' => 'reset_password'])

        <x-input.password
                name="password_confirmation"
                x-model="password_confirmation"
                label="Repeat password"
                @keyup="validatePassword"
                required>
        </x-input.password>

        @include('web.content.password-validation-rules')
    </div>

    <x-button type="submit" name="submit"
              class="mt-8 ml-auto h-11 bg-secondary-ocean dark:text-main-l1"
              x-bind:disabled="isFormSubmitted">
        <svg x-show="updatingPassword" class="h-5 w-5 animate-spin text-white"
             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 x-show="!updatingPassword"> Update Password</span>
    </x-button>
        </form>