refactor/ai-challenge2 removed from pages where the user is not logged in

This commit is contained in:
nicoagostini committed 2025-05-16 11:47:40 -07:00
1 parent 5ec2de0631
commit f5f1516a76
5 files changed
+98 -83

No files matched your search

+38 -34
View File
@@ -1,38 +1,42 @@
<%- include("./partials/fileHeader") %>
<%- include("./partials/headerStart") %>
<main>
<div class="flex justify-center items-center h-screen">
<form action="/auth/resetPass" method="POST">
<div class="w-96 p-6 shadow-1g bg-white rounded-md">
<h1 class="text-3xl block text-center font-semibold">Reset Password</h1>
<hr class="mt-3">
<% if (!reset ) { %>
<div class="mt-3">
<label for="email" class="block text-base mb-2">Email</label>
<input type="text" id="email" name="email"
class="border focus:border-gray-600 w-full rounded-md text-base px-2 py-1 focus:outline-none focus:ring-0 "
placeholder="Enter Email" />
</div>
<% } else { %>
<div class="mt-3">
<h1 class="text-2xl block text-center font-bold text-red-600"> Reset link sent. </h1>
</div>
<% } %>
<!---->
<main class="pt-12 bg-slate-100 min-h-screen">
<div class="flex justify-center items-center py-10">
<form action="/auth/resetPass" method="POST">
<div class="w-96 p-8 bg-white rounded-lg shadow-xl border border-slate-200">
<h1 class="text-3xl block text-center font-semibold text-slate-700">Reset Password</h1>
<hr class="mt-4 mb-6 border-slate-300">
<div class="text-red-800 font-bold" id="forgor">
<%= error%>
</div>
<% if (!reset) { %>
<div class="mt-5">
<button type="submit"
class="cursor-pointer border-2 border-gray-600 bg-blue-600 text-white py-1 w-full rounded-md hover:bg-transparent hover:text-indigo-700 font-semibold">Send
reset Link</button>
</div>
<% } %>
</div>
</form>
</div>
</main>
<% if (!reset ) { %>
<div class="mt-4">
<label for="email" class="block text-base mb-2 text-slate-600">Email</label>
<input type="text" id="email" name="email"
class="border border-slate-300 focus:border-indigo-500 w-full rounded-md text-base px-3 py-2 focus:outline-none focus:ring-1 focus:ring-indigo-500 transition-colors duration-200"
placeholder="Enter Email" />
</div>
<% } else { %>
<div class="mt-4 text-center">
<h2 class="text-xl font-semibold text-green-600">Reset link sent.</h2>
<p class="text-sm text-slate-600 mt-2">Please check your email inbox (and spam folder).</p>
</div>
<% } %>
<% if (typeof error !== 'undefined' && error && error.length > 0) { %>
<div class="mt-3 text-red-600 font-semibold text-sm" id="forgor"><%= error %></div>
<% } else if (!reset) { %>
<div class="mt-3 h-5" id="forgor"></div> <% /* Placeholder for layout consistency */ %>
<% } %>
<%- include("./partials/footer") %> <%- include("./partials/footer") %>
<% if (!reset) { %>
<div class="mt-6">
<button type="submit"
class="border-2 border-indigo-600 bg-indigo-600 text-white py-2 w-full rounded-md hover:bg-indigo-700 hover:border-indigo-700 font-semibold transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Send Reset Link</button>
</div>
<% } %>
</div>
</form>
</div>
</main>
<%- include("./partials/footer") %>