{% extends "base.html" %}
{% load static %}
{% block title %}Verify OTP{% endblock %}
{% block content %}
<div class="min-h-screen flex items-center justify-center bg-cover bg-center" style="background-image: url('{% static 'backr.jpg' %}');">
  <div class="bg-white bg-opacity-90 p-8 rounded-lg shadow-md max-w-3xl">
    <h2 class="text-3xl font-extrabold text-center text-blue-700 mb-6 tracking-wide">
  Verify OTP
</h2>
    <form method="post">
      {% csrf_token %}
      <div class="gap-4">
        <div>
          <label class="block mb-1">Enter OTP<span class="text-red-500">*</span></label>
          <input type="text" name="otp" class="w-full border px-3 py-2 rounded" required>
        </div>
		 <div>       
      </div>
      <button type="submit" class="w-full mt-4 bg-blue-600 hover:bg-blue-700 text-white py-2 rounded">Verify</button>
    </form>
  </div>
</div>

{% endblock %}