<!-- app/views/devise/confirmations/new.html.erb -->
<% content_for :masthead do %>
  <div class="text-center">
    <h1 class="text-2xl font-extrabold text-slate-900 dark:text-slate-100 tracking-tight my-3">Resend confirmation instuctions</h1>
    <p class="mb-6 text-slate-700 dark:text-slate-200">Not get your confirmation email? <br class="sm:block hidden" />You've come to the right place.</p>
  </div>

  <%= render "shared/error_messages", resource: resource %>
<% end %>

<%= render "auth_layout" do %>
  <%= form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post },data: { turbo: false }) do |f| %>

    <div class="form-group">
      <%= f.label :email, class: "form-label" %>
      <div class="relative">
        <%= f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email), class: "form-input peer focus:pl-10 transition", pattern: "[^@\s]+@[^@\s]+\.[^@\s]+", title: "Invalid email address" %>
        <%= icon "envelope", classes: "w-5 h-5 absolute translate-x-0 top-3 text-slate-300 peer-focus:text-indigo-500/80 opacity-0 transition transform peer-focus:opacity-100 peer-focus:translate-x-3 dark:peer-focus:text-indigo-400" %>
      </div>
    </div>

    <%= f.submit "Resend confirmation instructions", class: "btn btn-primary w-full" %>
  <% end %>
<% end %>

/ app/views/devise/confirmations/new.html.erb
- content_for :masthead do
  .text-center
    %h1.text-2xl.font-extrabold.text-slate-900.dark:text-slate-100.tracking-tight.my-3 Resend confirmation instuctions
    %p.mb-6.text-slate-700.dark:text-slate-200
      Not get your confirmation email?
      = succeed "You've" do
        %br.sm:block.hidden/
  = render "shared/error_messages", resource: resource
= render "auth_layout" do
  = form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post },data: { turbo: false }) do |f|
    .form-group
      = f.label :email, class: "form-label"
      .relative
        = f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email), class: "form-input peer focus:pl-10 transition", pattern: "[^@\s]+@[^@\s]+\.[^@\s]+", title: "Invalid email address"
        = icon "envelope", classes: "w-5 h-5 absolute translate-x-0 top-3 text-slate-300 peer-focus:text-indigo-500/80 opacity-0 transition transform peer-focus:opacity-100 peer-focus:translate-x-3 dark:peer-focus:text-indigo-400"
    = f.submit "Resend confirmation instructions", class: "btn btn-primary w-full"