RubyGems - stay_commerce - Versions diffs - 0.1.0 - Mend

stay_commerce 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (496) hide show

data/app/views/stay/payments/new.html.erb ADDED Viewed

@@ -0,0 +1,187 @@
+<title>Payment Form</title>
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Payment Form</title>
+<style>
+  body {
+    font-family: Arial, sans-serif;
+    background-color: #f4f4f4;
+    margin: 0;
+    padding: 20px;
+  }
+  h2 {
+    text-align: center;
+    margin-bottom: 20px;
+    color: #333;
+  }
+  #payment-form {
+    max-width: 600px;
+    margin: 0 auto;
+    padding: 20px;
+    border: 1px solid #ddd;
+    border-radius: 10px;
+    background-color: #fff;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  }
+  .form-group {
+    margin-bottom: 20px;
+  }
+  .form-group label {
+    display: block;
+    margin-bottom: 8px;
+    font-weight: bold;
+    color: #555;
+  }
+  .form-group input,
+  .form-group select,
+  #card-element {
+    width: 100%;
+    padding: 12px;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+    box-sizing: border-box;
+    font-size: 16px;
+  }
+  #card-element {
+    height: 50px;
+    line-height: 50px;
+  }
+  .error {
+    color: #d9534f;
+    margin-top: 8px;
+    font-size: 14px;
+  }
+  .success {
+    color: #5bc0de;
+    margin-top: 8px;
+    font-size: 14px;
+  }
+  button {
+    display: block;
+    width: 100%;
+    padding: 15px;
+    background-color: #5cb85c;
+    color: #fff;
+    border: none;
+    border-radius: 6px;
+    font-size: 16px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+  }
+  button:hover {
+    background-color: #4cae4c;
+  }
+</style>
+</head>
+<body>
+<div class="container booking-container">
+<h1 class="mb-4"><a href="#" class="text-dark text-decoration-none"></a>Confirm and pay</h1>
+<div class="row">
+    <div class="col-md-7">
+        <div class="card mb-4">
+            <div class="card-body">
+                <h2 class="card-title">Your trip</h2>
+                <div class="d-flex justify-content-between align-items-center mb-3">
+                    <div>
+                        <h6 class="mb-0">Dates</h6>
+                        <p class="mb-0"><%= "#{@booking.check_in_date} to #{@booking.check_out_date}"%></p>
+                    </div>
+                </div>
+                <div class="d-flex justify-content-between align-items-center">
+                    <div>
+                        <h6 class="mb-0">Total Guests</h6>
+                        <p class="mb-0"><%=@booking.number_of_guests%></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="card">
+            <div class="card-body">
+            <%= form_with url: property_booking_payments_path(@property, @booking), local: true, method: :post, id: 'payment-form' do %>
+                <div class="mb-3">
+                    <div class="form-group">
+                        <label for="amount">Amount</label>
+                        <input type="text" name="amount" id="amount" value="<%= @booking.total %>" required>
+                    </div>
+                </div>
+                <div class="mb-3">
+                    <div class="form-group">
+                        <label for="payment_method">Payment Method</label>
+                        <select id="payment_method" name="payment_method_id" required>
+                        <!-- Options will be populated by JavaScript -->
+                        </select>
+                    </div>
+                </div>
+                <div class="mb-3">
+                    <div class="form-group">
+                        <label for="card-element">Card Details</label>
+                        <div id="card-element"><!-- A Stripe Element will be inserted here. --></div>
+                        <div id="card-errors" class="error"></div>
+                    </div>
+                </div>
+                  <input type="hidden" id="confirm" name="confirm" value=true />
+                  <input type="hidden" id="redirect_url" name="redirect_url" value="<%#= API_CONFIG['host_url'] + root_path %>" />
+                <button type="submit">Pay</button>
+            <%end%>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-5">
+        <div class="card">
+          <div class="card-body">
+            <% @booking.line_items.each do |item| %>
+                <h5 class="card-title"><%= item.room.room_type.name %></h5>
+                <p class="card-text">Room in <%=@property.address&.city%></p>
+                <p class="card-text">
+                    <small class="text-muted">
+                        <span class="fa fa-star"></span> 4.65 (190 reviews) • Superhost
+                    </small>
+                </p>
+                <h3 class="mt-4">Price details</h3>
+                <div class="d-flex justify-content-between mb-2">
+                    <span>₹<%= item.room.price_per_month%> x <%=(@booking.check_out_date - @booking.check_in_date).to_i%> nights</span>
+                    <span>₹<%= item.room.price_per_month * (@booking.check_out_date - @booking.check_in_date).to_i%></span>
+                </div>
+                <div class="d-flex justify-content-between mb-2">
+                    <span>Cleaning fee</span>
+                    <span>₹0.0</span>
+                </div>
+                <div class="d-flex justify-content-between mb-2">
+                    <span>Taxes</span>
+                    <span>₹0.0</span>
+                </div>
+                <div class="d-flex justify-content-between">
+                  <strong>Total (INR)</strong>
+                  <strong>₹<%= item.room.price_per_month * (@booking.check_out_date - @booking.check_in_date).to_i%></strong>
+                </div>
+                <hr>
+              <%end%>
+              <h3 class="mt-4">Total Booking Price</h3>
+              <div class="d-flex justify-content-between">
+                <strong><%=@booking.line_items.count%> rooms X <%= (@booking.check_out_date - @booking.check_in_date).to_i%> nights</strong>
+                <strong>₹<%= @booking.total%></strong>
+              </div>
+            </div>
+        </div>
+    </div>
+</div>
+</div>
+<%=render partial: 'payment',formats: [:js], :locals => { :booking => @booking }%>
+</body>

data/app/views/stay/properties/index.html.erb ADDED Viewed

@@ -0,0 +1,56 @@
+<h2>Properties Listing</h2>
+<div class="container mt-5">
+  <div class="row">
+    <% @properties.each do |property| %>
+      <div class="col-md-3">
+        <!-- Wrap the card in a link to the show action -->
+        <a href="<%= property_path(property) %>" class="text-decoration-none">
+          <div class="card product-card shadow-sm position-relative">
+            <!-- Carousel Start -->
+            <div id="productCarousel-<%= property.id %>" class="product-carousel carousel slide" data-bs-ride="carousel">
+              <div class="carousel-inner">
+                <!-- Use dummy images placeholder -->
+                <% property_images = ["https://via.placeholder.com/400x300", "https://via.placeholder.com/400x300", "https://via.placeholder.com/400x300"] %>
+                <% property_images.each_with_index do |image, index| %>
+                  <div class="carousel-item <%= 'active' if index == 0 %>">
+                      <img src="<%= image.respond_to?(:url) ? image.url : image %>" class="d-block w-100" alt="Room Image <%= index + 1 %>">
+                  </div>
+                <% end %>
+              </div>
+              <!-- Carousel Controls (Left and Right) -->
+              <button class="carousel-control-prev custom-carousel-control" type="button" data-bs-target="#productCarousel-<%= property.id %>" data-bs-slide="prev">
+                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+              </button>
+              <button class="carousel-control-next custom-carousel-control" type="button" data-bs-target="#productCarousel-<%= property.id %>" data-bs-slide="next">
+                <span class="carousel-control-next-icon" aria-hidden="true"></span>
+              </button>
+              <!-- Carousel Indicators (Dots) -->
+              <div class="carousel-indicators">
+                <% property_images.each_with_index do |_, index| %>
+                  <button type="button" data-bs-target="#productCarousel-<%= property.id %>" data-bs-slide-to="<%= index %>" class="<%= 'active' if index == 0 %>" aria-current="true" aria-label="Slide <%= index + 1 %>"></button>
+                <% end %>
+              </div>
+            </div>
+            <!-- Carousel End -->
+            <!-- Heart Button -->
+            <div class="heart-btn position-absolute">
+              <i class="bi bi-heart"></i>
+            </div>
+            <!-- Card Body -->
+            <div class="card-body">
+              <h5 class="card-title text-truncate"><%= property.title %></h5>
+              <p class="hosted-by text-truncate">
+                Hosted by <%= property.user&.first_name || "Unknown" %> <%= property.user&.last_name || "" %>
+              </p>
+              <p class="card-text-status"><%= property.availability_start&.strftime("%B %d, %Y") %></p>
+            </div>
+          </div>
+        </a>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/stay/properties/show.html.erb ADDED Viewed

@@ -0,0 +1,137 @@
+<div class="container mt-5">
+  <div class="row">
+    <div class="col-md-8">
+      <% if @property.place_images.attached? %>
+        <%= image_tag main_app.url_for(@property.place_images.first), class: "img-fluid main-image", alt: "Main Hotel Image" %>
+      <% else %>
+        <%= image_tag "https://via.placeholder.com/600x300", class: "img-fluid main-image", alt: "Main Hotel Image" %>
+      <% end %>
+    </div>
+    <div class="col-md-4">
+      <div class="row h-full">
+        <% @property.place_images.drop(1).each_with_index do |image, index| %>
+          <div class="col-6 mb-2">
+            <%= image_tag main_app.url_for(image), class: "img-fluid thumbnail-image object_fit_cover h-full", alt: "Thumbnail #{index + 1}" %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="container mt-5">
+  <div class="row">
+    <div class="col-md-7">
+      <h2><%= @property.title %></h2>
+      <p><%= raw(@property.description) %></p>
+      <div class="d-flex align-items-center">
+        <div class="review-badge me-3">
+          <strong>Guest favourite</strong><br>
+          One of the most loved homes, according to guests
+        </div>
+        <div class="text-center">
+          <strong><%= @average_rating.round(1) %></strong> ⭐ <br>
+          <small><%= @reviews_count %> Reviews</small>
+        </div>
+      </div>
+      <div class="host-info my-4">
+        <div>
+          <p>Superhost • <%= @property.user&.first_name %> <%= @property.user&.last_name %> <br>
+          <small class="text-muted"><i class="bi bi-telephone"></i> Connect with host <%= @property.user&.phone %></small></p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="container mt-5">
+  <div class="table-responsive">
+    <%= form_with url: property_bookings_path(@property.id),id: "room-booking-form" , method: :post do %>
+      <!-- Global Check-in and Check-out Dates -->
+      <div class="row mb-4">
+        <div class="col">
+          <label for="check-in">Check-in</label>
+          <input type="date" class="form-control" name="check_in_date" id="check-in-date" required>
+        </div>
+        <div class="col">
+          <label for="check-out">Check-out</label>
+          <input type="date" class="form-control" name="check_out_date" id="check-out-date" required>
+        </div>
+      </div>
+      <table class="table table-bordered">
+        <thead class="table-primary">
+          <tr>
+            <th>Room type</th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+        <% @property.rooms.each do |room| %>
+          <tr>
+            <td>
+              <h5><%= room.room_type.name %></h5>
+              <p>1 double bed</p>
+              <div class="room-amenities">
+                <i class="fas fa-expand"></i> 120 m²
+                <i class="fas fa-mountain"></i> Balcony<br>
+                <i class="fas fa-tree"></i> Garden view
+                <i class="fas fa-snowflake"></i> Air conditioning<br>
+                <i class="fas fa-bath"></i> Private bathroom
+                <i class="fas fa-tv"></i> Flat-screen TV<br>
+                <i class="fas fa-wifi"></i> Free WiFi
+              </div>
+            </td>
+            <td>
+              <div class="col-md-5">
+                <div class="price-section">
+                  <h4>₹<%= room.price_per_month %> <small class="text-muted">/ night</small></h4>
+                  <input type="checkbox" name="selected_rooms[]" value="<%= room.id %>" >
+                  <div class="row my-3">
+                    <div class="col">
+                      <label for="number_of_guests_<%= room.id %>">Number of Guests</label>
+                      <div class="guest-type">
+                        <div class="counter">
+                          <button type="button" onclick="updateCount(-1, <%= room.max_guests %>, this)">-</button>
+                          <span class="number-of-guests-count">1</span>
+                          <input type="hidden" name="bookings[<%= room.id %>][number_of_guests]" class="number-of-guests-input" value="1">
+                          <button type="button" onclick="updateCount(1, <%= room.max_guests %>, this)">+</button>
+                        </div>
+                      </div>
+                      <div class="max-guest-message" style="color: red; display: none;">Maximum number of guests reached</div>
+                    </div>
+                  </div>
+                  <input type="hidden" name="bookings[<%= room.id %>][total]" value="<%= room.price_per_month %>">
+                </div>
+              </div>
+            </td>
+          </tr>
+        <% end %>
+        </tbody>
+      </table>
+      <button type="submit" class="btn btn-primary mt-3">Book Selected Rooms</button>
+    <% end %>
+  </div>
+</div>
+<script>
+  document.addEventListener("DOMContentLoaded", function() {
+    const form = document.getElementById("room-booking-form");
+    form.addEventListener("submit", function(event) {
+      const checkboxes = document.querySelectorAll('input[name="selected_rooms[]"]');
+      const isChecked = Array.from(checkboxes).some(checkbox => checkbox.checked);
+      if (!isChecked) {
+        event.preventDefault(); // Prevent form submission
+        alert("Please select at least one room to book.");
+      }
+    });
+  });
+</script>

data/app/views/stay/shared/_navbar.html.erb ADDED Viewed

@@ -0,0 +1,35 @@
+<nav class="navbar navbar-expand-lg navbar-light bg-light px-0 py-3">
+  <div class="container-xl">
+    <!-- Logo -->
+    <a class="navbar-brand" href="<%= root_path %>">
+        Stay
+      <%# <img src="https://preview.webpixels.io/web/img/logos/clever-primary.svg" class="h-8" alt="..."> %>
+    </a>
+    <!-- Navbar toggle -->
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <!-- Collapse -->
+    <div class="collapse navbar-collapse" id="navbarCollapse">
+      <!-- Nav -->
+      <div class="navbar-nav mx-lg-auto">
+        <a class="nav-item nav-link active" href="#" aria-current="page">Home</a>
+        <a class="nav-item nav-link" href="#">Product</a>
+        <a class="nav-item nav-link" href="#">Features</a>
+        <a class="nav-item nav-link" href="#">Pricing</a>
+      </div>
+      <!-- Right navigation -->
+        <!-- Action -->
+        <div class="d-flex align-items-lg-center mt-3 mt-lg-0">
+          <% if user_signed_in? %>
+            <%= button_to "Log out", destroy_user_session_path, method: :delete, class: "btn btn-sm btn-danger w-full w-lg-auto me-2" %>
+          <% else %>
+          <div class="d-flex gap-2">
+            <%= link_to "Sign in", new_user_session_path, class: "btn btn-sm btn-primary w-full w-lg-auto" %>
+            <%= link_to "Register", new_user_registration_path, class: "btn btn-sm btn-primary w-full w-lg-auto" %>
+          </div>
+          <% end %>
+        </div>
+    </div>
+  </div>
+</nav>

data/app/views/stay/user_mailer/new_host_signup.html.erb ADDED Viewed

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>New Host Signup Notification</title>
+</head>
+<body>
+  <h1>New Host Signup Alert</h1>
+  <p>A new user has signed up as a <strong>host</strong>.</p>
+  <p>Thank you!</p>
+</body>
+</html>

data/app/views/stay/user_mailer/welcome_email.html.erb ADDED Viewed

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <h1>Welcome, <%= @user.full_name %>!</h1>
+    <p>
+      You have successfully signed up to our site.
+    </p>
+  </body>
+</html>

data/app/views/stay/users/confirmations/new.html.erb ADDED Viewed

@@ -0,0 +1,16 @@
+<h2>Resend confirmation instructions</h2>
+<%= form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f| %>
+  <%= render "stay/users/shared/error_messages", resource: resource %>
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email) %>
+  </div>
+  <div class="actions">
+    <%= f.submit "Resend confirmation instructions" %>
+  </div>
+<% end %>
+<%= render "stay/users/shared/links" %>

data/app/views/stay/users/mailer/confirmation_instructions.html.erb ADDED Viewed

@@ -0,0 +1,5 @@
+<p>Welcome <%= @email %>!</p>
+<p>You can confirm your account email through the link below:</p>
+<p><%= link_to 'Confirm my account', confirmation_url(@resource, confirmation_token: @token) %></p>

data/app/views/stay/users/mailer/email_changed.html.erb ADDED Viewed

@@ -0,0 +1,7 @@
+<p>Hello <%= @email %>!</p>
+<% if @resource.try(:unconfirmed_email?) %>
+  <p>We're contacting you to notify you that your email is being changed to <%= @resource.unconfirmed_email %>.</p>
+<% else %>
+  <p>We're contacting you to notify you that your email has been changed to <%= @resource.email %>.</p>
+<% end %>

data/app/views/stay/users/mailer/password_change.html.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<p>Hello <%= @resource.email %>!</p>
+<p>We're contacting you to notify you that your password has been changed.</p>

data/app/views/stay/users/mailer/reset_password_instructions.html.erb ADDED Viewed

@@ -0,0 +1,7 @@
+<p>Hello <%= @resource.email %>!</p>
+<p>Someone has requested a link to change your password. You can do this through the link below.</p>
+<p><%= link_to 'Change my password', edit_password_url(@resource, reset_password_token: @token) %></p>
+<p>If you didn't request this, please ignore this email.</p>
+<p>Your password won't change until you access the link above and create a new one.</p>

data/app/views/stay/users/mailer/unlock_instructions.html.erb ADDED Viewed

@@ -0,0 +1,7 @@
+<p>Hello <%= @resource.email %>!</p>
+<p>Your account has been locked due to an excessive number of unsuccessful sign in attempts.</p>
+<p>Click the link below to unlock your account:</p>
+<p><%= link_to 'Unlock my account', unlock_url(@resource, unlock_token: @token) %></p>

data/app/views/stay/users/passwords/edit.html.erb ADDED Viewed

@@ -0,0 +1,37 @@
+<div class="px-5 py-5 p-lg-0">
+  <div class="d-flex justify-content-center">
+    <div class="col-12 col-md-9 col-lg-7 d-flex flex-column justify-content-center py-lg-16 px-lg-20 position-relative">
+      <div class="row">
+        <div class="col-lg-10 col-md-9 col-xl-7 mx-auto">
+          <div class="text-center mb-12">
+            <h1 class="ls-tight font-bolder h2">
+              Change your password
+            </h1>
+          </div>
+          <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { class: "form", method: :put }) do |f| %>
+            <%= render "stay/users/shared/error_messages", resource: resource %>
+             <%= f.hidden_field :reset_password_token %>
+            <div class="mb-5">
+              <%= f.label :password, class: "form-label" %>
+              <% if @minimum_password_length %>
+              <em>(<%= @minimum_password_length %> characters minimum)</em>
+              <% end %><br />
+              <%= f.password_field :password, class: "form-control", autocomplete: "new-password", placeholder: "password", autofocus: true %>
+            </div>
+           <div class="mb-5">
+              <%= f.label :password_confirmation, class: "form-label" %><br />
+              <%= f.password_field :password_confirmation, class: "form-control", autocomplete: "new-password", placeholder: "password confirmation", autofocus: true %>
+           </div>
+            <div>
+              <%= f.submit "Change my password", class: "btn btn-primary w-full" %>
+            </div>
+          <% end %>
+          <div class="my-6">
+            <%= render "stay/users/shared/links" %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/stay/users/passwords/new.html.erb ADDED Viewed

@@ -0,0 +1,28 @@
+<div class="px-5 py-5 p-lg-0">
+  <div class="d-flex justify-content-center">
+    <div class="col-12 col-md-9 col-lg-7 d-flex flex-column justify-content-center py-lg-16 px-lg-20 position-relative">
+      <div class="row">
+        <div class="col-lg-10 col-md-9 col-xl-7 mx-auto">
+          <div class="text-center mb-12">
+            <h1 class="ls-tight font-bolder h2">
+              Forgot your password?
+            </h1>
+          </div>
+          <%= form_for(resource, as: resource_name, url: user_password_path(resource_name), html: { class: "form", method: :post }) do |f| %>
+            <%= render "stay/users/shared/error_messages", resource: resource %>
+            <div class="mb-5">
+              <%= f.label :email, class: "form-label" %>
+              <%= f.email_field :email, class: "form-control", autofocus: true, placeholder: "Your email address", autocomplete: "email" %>
+            </div>
+            <div>
+              <%= f.submit "Send me reset password instructions", class: "btn btn-primary w-full" %>
+            </div>
+          <% end %>
+          <div class="my-6">
+            <%= render "stay/users/shared/links" %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/stay/users/registrations/edit.html.erb ADDED Viewed

@@ -0,0 +1,43 @@
+<h2>Edit <%= resource_name.to_s.humanize %></h2>
+<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
+  <%= render "stay/users/shared/error_messages", resource: resource %>
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+  <% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
+    <div>Currently waiting confirmation for: <%= resource.unconfirmed_email %></div>
+  <% end %>
+  <div class="field">
+    <%= f.label :password %> <i>(leave blank if you don't want to change it)</i><br />
+    <%= f.password_field :password, autocomplete: "new-password" %>
+    <% if @minimum_password_length %>
+      <br />
+      <em><%= @minimum_password_length %> characters minimum</em>
+    <% end %>
+  </div>
+  <div class="field">
+    <%= f.label :password_confirmation %><br />
+    <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
+  </div>
+  <div class="field">
+    <%= f.label :current_password %> <i>(we need your current password to confirm your changes)</i><br />
+    <%= f.password_field :current_password, autocomplete: "current-password" %>
+  </div>
+  <div class="actions">
+    <%= f.submit "Update" %>
+  </div>
+<% end %>
+<h3>Cancel my account</h3>
+<div>Unhappy? <%= button_to "Cancel my account", registration_path(resource_name), data: { confirm: "Are you sure?", turbo_confirm: "Are you sure?" }, method: :delete %></div>
+<%= link_to "Back", :back %>

data/app/views/stay/users/registrations/new.html.erb ADDED Viewed

@@ -0,0 +1,42 @@
+<div class="px-5 py-5 p-lg-0">
+  <div class="d-flex justify-content-center">
+    <div class="col-12 col-md-9 col-lg-7 d-flex flex-column justify-content-center py-lg-16 px-lg-20 position-relative">
+      <div class="row">
+        <div class="col-lg-10 col-md-9 col-xl-7 mx-auto">
+          <div class="text-center mb-12">
+            <span class="d-inline-block d-lg-block h1 mb-lg-6 me-3">👋</span>
+            <h1 class="ls-tight font-bolder h2">
+              Welcome back!
+            </h1>
+          </div>
+          <%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { class: "form" }) do |f| %>
+            <%= render "stay/users/shared/error_messages", resource: resource %>
+            <div class="mb-5">
+              <%= f.label :email, class: "form-label" %>
+              <%= f.email_field :email, class: "form-control", autofocus: true, placeholder: "Your email address", autocomplete: "email" %>
+            </div>
+            <div class="mb-5">
+              <%= f.label :password, class: "form-label" %>
+              <% if @minimum_password_length %>
+              <em>(<%= @minimum_password_length %> characters minimum)</em>
+              <% end %><br />
+              <%= f.password_field :password, class: "form-control", autocomplete: "new-password", placeholder: "password", autofocus: true %>
+            </div>
+           <div class="mb-5">
+              <%= f.label :password_confirmation, class: "form-label" %><br />
+              <%= f.password_field :password_confirmation, class: "form-control", autocomplete: "new-password", placeholder: "password confirmation", autofocus: true %>
+           </div>
+            <div>
+              <%= f.submit "Sign up", class: "btn btn-primary w-full" %>
+            </div>
+          <% end %>
+          <div class="my-6">
+            <%= render "stay/users/shared/links" %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>