<script setup lang="ts">
// NOTE: Password reset removed — auth is magic link + OTP only.
definePageMeta({ public: true, layout: false });
</script>

<template>
  <q-layout>
    <q-page-container>
      <q-page class="flex bg-image flex-center">
        <q-card v-bind:style="$q.screen.lt.sm ? { width: '80%' } : { width: '30%' }">
          <q-card-section>
            <q-img fit="scale-down" src="/oysqn_logo.png" />
          </q-card-section>
          <q-card-section>
            <div class="text-center q-pt-sm">
              <div class="text-h6">Password Reset</div>
              <div class="text-body2 q-mt-md">
                This application uses magic link and email code login — no password is required.
              </div>
            </div>
          </q-card-section>
          <q-card-section class="text-center">
            <q-btn flat color="primary" label="Back to Login" to="/login" />
          </q-card-section>
        </q-card>
      </q-page>
    </q-page-container>
  </q-layout>
</template>

<style>
.bg-image {
  background-image: url('~/assets/oys_lighthouse.jpg');
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover;
}
</style>
