.flex.justify-center
  .w-full.max-w-xs.md:max-w-md
    %h1.font-hairline.mb-6.text-center Forgot your password?
    = form_for(resource, as: resource_name,
      html: { method: :post,
              class: "bg-white mb-4 px-8 pt-6 pb-8 rounded shadow-md" } ,
      url: password_path(resource_name) ) do |f|
      = render "devise/shared/error_messages", resource: resource
      .mb-4
        = f.label :email, class: "block font-bold mb-2 text-gray-700 text-sm"
        = f.email_field :email, autofocus: true, autocomplete: "email",                                                                       |
          class: "appearance-none border leading-tight focus:outline-none px-3 py-2 rounded shadow focus:shadow-outline text-gray-700 w-full" |
      .mb-4
        = f.submit "Send Password Reset Info",                                                                                                |
          class: "button bg-cyan-700 hover:bg-cyan-500 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full" |
      = render "devise/shared/links"
    = render "devise/shared/form_footer"