---
import AuthLayout from '~/layouts/Auth.astro';

const csrfToken = 'your-csrf-token'; // Replace with actual token fetching logic if needed
const passwordResetToken = 'your-password-reset-token'; // Replace with actual token fetching logic if needed
const resetPasswordRoute = '/api/reset-password'; // Replace with actual route
---
<AuthLayout title="Reset Password">
  <div class="login-sec">
    <div class="col-lg-5 col-11 m-auto">
      <div class="login-from">
        <div class="form-header">
          <h2 class="f-15 text-uppercase text-white text-center mb-0 fw-bold montserrat-font">Reset Password?</h2>
        </div>
        <form action={resetPasswordRoute} method="post" id="resetForm" class="mt-lg-4 mt-3" name="resetForm">
          <input type="hidden" name="token" value={passwordResetToken} />
          <div class="mb-3">
            <input type="email" class="form-control" id="email" placeholder="Enter email address" name="email" required />
          </div>
          <div class="mb-3">
            <input type="password" class="form-control" id="password" placeholder="Enter password" name="password" required />
          </div>
          <div class="mb-3">
            <input type="password" name="password_confirmation" class="form-control" id="password_confirmation" placeholder="Enter confirm password" required />
          </div>
          <div class="mb-4 text-center">
            <button class="gaming-btn btn btn-primary" type="submit">
              <span class="btn">Submit</span>
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</AuthLayout>