stay_commerce 0.1.0

data/app/views/stay/admin/users/_address_form.html.erb

@@ -0,0 +1,29 @@
+<%= form_for @user, url: addresses_admin_user_path(@user), method: :put do |f| %>
+
+  <% if @user.errors.any? %>
+    <div id="error_explanation" class="alert alert-danger">
+      <h4><%= pluralize(@user.errors.count, "error") %> prohibited this user from being saved:</h4>
+      <ul>
+        <% @user.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div id="addresses">
+    <% if @user.addresses.any? %>
+      <%= f.fields_for :addresses do |address_form| %>
+        <%= render partial: 'address', locals: { address_form: address_form } %>
+      <% end %>
+    <% else %>
+      <%= f.fields_for :addresses, @user.addresses.build do |address_form| %>
+        <%= render partial: 'address', locals: { address_form: address_form } %>
+      <% end %>
+    <% end %>
+  </div>
+
+  <div class="actions form-group mt-4">
+    <%= f.submit @user.addresses.any?(&:persisted?) ? 'Update Addresses' : 'Create Address', class: 'btn btn-primary' %>
+  </div>
+<% end %>

data/app/views/stay/admin/users/_form.html.erb

@@ -0,0 +1,73 @@
+<%= form_with(model: [:admin, user], local: true, class: 'needs-validation', novalidate: true) do |f| %>
+        <% if user.errors.any? %>
+          <div id="error_explanation" class="alert alert-danger">
+            <h4><%= pluralize(user.errors.count, "error") %> prohibited this user from being saved:</h4>
+            <ul>
+              <% user.errors.full_messages.each do |message| %>
+                <li><%= message %></li>
+              <% end %>
+            </ul>
+          </div>
+        <% end %>
+
+        <div class="row">
+          <div class="col-md-6">
+            <div class="form-group mb-3">
+              <%= f.label :first_name, class: 'form-label' %>
+              <%= f.text_field :first_name, class: 'form-control', required: true %>
+            </div>
+
+            <div class="form-group mb-3">
+              <%= f.label :last_name, class: 'form-label' %>
+              <%= f.text_field :last_name, class: 'form-control', required: true %>
+            </div>
+
+            <div class="form-group mb-3">
+              <%= f.label :email, class: 'form-label' %>
+              <%= f.email_field :email, class: 'form-control', required: true %>
+            </div>
+
+            <div class="form-group mb-3">
+              <%= f.label :password, class: 'form-label' %>
+              <%= f.password_field :password, class: 'form-control' %>
+            </div>
+
+            <div class="form-group mb-3">
+              <%= f.label :password_confirmation, class: 'form-label' %>
+              <%= f.password_field :password_confirmation, class: 'form-control' %>
+            </div>
+          </div>
+
+          <div class="col-md-6">
+            <div class="form-group mb-3">
+              <%= f.label :phone, class: 'form-label' %>
+              <%= f.telephone_field :phone, class: 'form-control', required: true %>
+            </div>
+
+            <div class="form-group mb-3">
+              <%= f.label :date_of_birth, class: 'form-label' %>
+              <%= f.date_field :date_of_birth, class: 'form-control', data: { behavior: "flatpickr" } %>
+            </div>
+
+            <div class="form-group mb-3">
+              <%= f.label :gender, class: 'form-label' %>
+              <%= f.select :gender, options_for_select([['Select Gender', nil], ['Male', 'Male'], ['Female', 'Female'], ['Other', 'Other']], f.object.gender), {}, class: 'form-select custom-select-box' %>
+            </div>
+
+            <div class="form-group mb-3">
+              <%= f.label :roles, class: 'form-label d-block' %>
+              <%= f.collection_check_boxes :stay_role_ids, Stay::Role.all, :id, :name do |role_form| %>
+                <div class="form-check">
+                  <%= role_form.check_box class: 'form-check-input' %>
+                  <%= role_form.label class: 'form-check-label' %>
+                </div>
+              <% end %>
+            </div>
+
+          </div>
+        </div>
+
+        <div class="form-group mt-4">
+          <%= f.submit user.persisted? ? 'Update User' : 'Create User', class: 'btn btn-primary' %>
+        </div>
+<% end %>

data/app/views/stay/admin/users/_sidebar.html.erb

@@ -0,0 +1,12 @@
+<ul class="nav nav-pills flex-column">
+  <li class="nav-item">
+    <%= link_to edit_admin_user_path(@user), class: "nav-link #{'active' if current_page?(edit_admin_user_path(@user))}" do %>
+      <i class="bi bi-person-fill"></i> Account
+    <% end %>
+  </li>
+  <li class="nav-item">
+    <%= link_to addresses_admin_user_path(@user), class: "nav-link #{'active' if current_page?(addresses_admin_user_path(@user))}" do %>
+      <i class="bi bi-house-fill"></i> Address
+    <% end %>
+  </li>
+</ul>

data/app/views/stay/admin/users/addresses.html.erb

@@ -0,0 +1,17 @@
+<div class="container mx-auto p-4">
+<div class="row mt-4">
+<div class="col-10">
+            <div class="card">
+                <div class="card-header">
+                <h1 class="text-xl font-semibold"><%= @user.name %></h1>
+                </div>
+                <div class="card-body">
+                   <%= render 'address_form', user: @user %>
+                </div>    
+            </div>     
+</div>
+<div class="col-2">
+    <%= render partial: 'stay/admin/users/sidebar' %>
+</div>
+</div>
+</div>

data/app/views/stay/admin/users/edit.html.erb

@@ -0,0 +1,17 @@
+<div class="container mx-auto p-4">
+<div class="row mt-4">
+<div class="col-10">
+            <div class="card">
+                <div class="card-header">
+                <h2 class="text-xl font-semibold">Users / <%= @user.email %></h2>
+                </div>
+                <div class="card-body">
+                    <%= render 'form', user: @user %>
+                </div>    
+            </div>     
+</div>
+<div class="col-2">
+    <%= render partial: 'stay/admin/users/sidebar' %>
+</div>
+</div>
+</div>

data/app/views/stay/admin/users/index.html.erb

@@ -0,0 +1,74 @@
+<div class="card mb-7">
+  <div class="card-header">
+    <div class="row align-items-center">
+      <div class="col-sm-6 col-12 mb-4 mb-sm-0">
+          <!-- Title -->
+          <h1 class="h3 mb-0 ls-tight">Users</h1>
+      </div>
+      <div class="col-sm-6 col-12 text-sm-end">
+          <div class="mx-n1">
+          <%= link_to new_admin_user_path, class:"btn d-inline-flex btn-sm btn-primary mx-1" do %>
+              <span class=" pe-2">
+              <i class="bi bi-plus"></i>
+              </span>
+              <span>Create New</span>
+          <%end%>
+          </div>
+      </div>
+      <div class="row g-3 mt-4">
+        <div class="col-lg-3">
+          <%= search_form_for @q, url: admin_users_path, method: :get, local: true, class: "input-group" do |f| %>
+            <%= f.search_field :email_or_first_name_or_last_name_cont, placeholder: "Search by email or name", class: "form-control" %>            
+            <%= f.submit "Search", class: "btn btn-primary" %>
+          <% end %>
+        </div>
+      </div>
+    </div>  
+  </div>
+  <div class="table-responsive">
+    <table class="table table-hover table-nowrap text-center align-middle">
+      <thead class="table-light">
+        <tr>
+          <th scope="col">Sr.No</th>
+          <th scope="col">Image</th>
+          <th scope="col">Email</th>
+          <th scope="col">Full Name</th>
+          <th scope="col">Phone</th>
+          <th scope="col">DOB</th>
+          <th scope="col">Gender</th>
+          <th scope="col">Actions</th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @users.each_with_index do |user, index| %>
+          <tr>
+            <td><%= index + 1 %></td>
+            <td>
+              <%=  user.profile_image.attached? ? (image_tag main_app.url_for(user.profile_image), size: "25x25" ): "not-present" %>
+            </td>
+            <td><%= user.email %></td>
+            <td><%= user.full_name %></td>
+            <td><%= user.phone %></td>
+            <td><%= user.date_of_birth&.strftime("%Y-%m-%d") %></td>
+            <td><%= user.gender %></td>
+            <td class="d-flex justify-content-center">
+              <%= link_to edit_admin_user_path(user), class: 'btn d-inline-flex btn-sm btn-neutral mx-1' do %>
+                <i class="bi bi-pencil"></i>
+              <% end %>  
+              <%= link_to admin_user_path(user), class: 'btn d-inline-flex btn-sm btn-neutral mx-1' do %>
+                <i class="bi bi-eye"></i>
+              <% end %>
+              <%= button_to admin_user_path(user), method: :delete, data: { turbo_method: :delete, turbo_confirm: 'Are you sure?' }, class: 'btn btn-sm btn-neutral mx-1 text-danger-hover' do %>
+                <i class="bi bi-trash"></i>
+              <% end %>                
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div> 
+
+ <div class="d-flex justify-content-center">
+      <%= paginate @users %>
+  </div>

data/app/views/stay/admin/users/new.html.erb

@@ -0,0 +1,14 @@
+<div class="container mx-auto p-4">
+<div class="row mt-4">
+<div class="col-10">
+            <div class="card">
+                <div class="card-header">
+                <h2 class="text-xl font-semibold">New User </h2>
+                </div>
+                <div class="card-body">
+                    <%= render 'form', user: @user %>
+                </div>    
+            </div>   
+</div>
+</div>
+</div>

data/app/views/stay/admin/users/show.html.erb

@@ -0,0 +1,23 @@
+<div class="container mx-auto p-4">
+  <div class="row mt-4 justify-content-center">
+    <div class="col-md-8 col-lg-10"> 
+      <div class="card">
+        <div class="card-header">
+          <h2 class="text-xl font-semibold mb-0">User Details</h2> 
+        </div>
+        <div class="card-body">
+          <p><strong>Full Name: </strong><%= @user.first_name %> <%= @user.last_name %></p>
+          <p><strong>Email: </strong><%= @user.email %></p> 
+          <p><strong>Phone: </strong><%= @user.phone %></p>
+          <p><strong>Date of Birth: </strong><%= @user.date_of_birth %></p>
+          <p><strong>Gender: </strong><%= @user.gender %></p>
+          <p><strong>Roles: </strong><%= @user.stay_roles.map(&:name).join(", ") %></p>
+          <div class="d-flex mt-4 p-4 justify-content-center">  
+            <%= link_to 'Edit', edit_admin_user_path(@user), class: 'btn btn-warning me-3' %> 
+            <%= link_to 'Back', admin_users_path, class: 'btn btn-secondary' %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/stay/bookings/new.html.erb

@@ -0,0 +1,92 @@
+    <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 - @booking.check_out_date</p>
+                            </div>
+                            <a href="#" class="edit-link">Edit</a>
+                        </div>
+                        <div class="d-flex justify-content-between align-items-center">
+                            <div>
+                                <h6 class="mb-0">Guests</h6>
+                                <p class="mb-0">@booking.number_of_guests</p>
+                            </div>
+                            <a href="#" class="edit-link">Edit</a>
+                        </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>
+
+                        <h2 class="card-title mb-4">Pay with</h2>
+                        <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>
+                        <button ,class: "btn btn-sm btn-danger w-full w-lg-auto me-2", type="submit">Pay</button>
+                    <%end%>
+                    </div>
+                </div>  
+            </div>
+            
+            <div class="col-md-5">
+                <div class="card">
+                    <div class="card-body">
+                        <img src="/api/placeholder/400/200" alt="Room" class="room-image mb-3">
+                        <h5 class="card-title">Camus Room, Parisian Charm</h5>
+                        <p class="card-text">Room in townhouse</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>₹6,901.55 x 9 nights</span>
+                            <span>₹62,113.95</span>
+                        </div>
+                        <div class="d-flex justify-content-between mb-2">
+                            <span>Cleaning fee</span>
+                            <span>₹4,920.84</span>
+                        </div>
+                        <div class="d-flex justify-content-between mb-2">
+                            <span>Taxes</span>
+                            <span>₹2,172.59</span>
+                        </div>
+                        <hr>
+                        <div class="d-flex justify-content-between">
+                            <strong>Total (INR)</strong>
+                            <strong>₹69,207.38</strong>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>

data/app/views/stay/payments/_payment.js.erb

@@ -0,0 +1,127 @@
+<script src="https://js.stripe.com/v3/"></script>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    var stripe = Stripe('<%= API_CONFIG['stripe_publishable_key'] %>');
+    var elements = stripe.elements();
+    var card = elements.create('card');
+    card.mount('#card-element');
+
+    var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
+
+    function loadPaymentMethods() {
+        var paymentMethodSelect = document.getElementById('payment_method');
+        var paymentMethods = [
+            { id: 'pm_card_visa', label: 'Visa Card' },
+            { id: 'pm_card_mastercard', label: 'MasterCard' }
+        ];
+
+        paymentMethodSelect.innerHTML = '';
+
+        paymentMethods.forEach(function(method) {
+            var option = document.createElement('option');
+            option.value = method.id;
+            option.text = method.label;
+            paymentMethodSelect.appendChild(option);
+        });
+    }
+
+    loadPaymentMethods();
+
+    var form = document.getElementById('payment-form');
+    form.addEventListener('submit', function(event) {
+        event.preventDefault();
+
+        stripe.createPaymentMethod({
+            type: 'card',
+            card: card
+        }).then(function(result) {
+            if (result.error) {
+                document.getElementById('card-errors').textContent = result.error.message;
+            } else {
+                submitPayment(result.paymentMethod.id);
+            }
+        });
+    });
+
+    function submitPayment(paymentMethodId) {
+        var formData = new FormData(form);
+        var jsonData = {};
+
+        for (var [key, value] of formData.entries()) {
+            jsonData[key] = value;
+        }
+
+        jsonData['payment_method_id'] = paymentMethodId;
+        fetch(form.action, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRF-Token': csrfToken
+            },
+            body: JSON.stringify(jsonData),
+        }).then(function(response) {
+            return response.json();
+        }).then(function(paymentResult) {
+            if (paymentResult.client_secret) {
+                handleRequiresAction(paymentResult.client_secret);
+            } else if (paymentResult.success) {
+                window.location.href = paymentResult.redirect_url;
+            } else {
+                document.getElementById('card-errors').textContent = paymentResult.error;
+            }
+        });
+    }
+
+    function handleRequiresAction(clientSecret) {
+        const customerAddress = {
+            line1: "<%= booking.user.addresses.last&.address1 || ""%>",
+            city: "<%= booking.user.addresses.last&.city || ""%>",
+            state: "<%= booking.user.addresses.last&.state&.name || ""%>",
+            postal_code: "<%= booking.user.addresses.last&.zipcode || ""%>",
+            country: "<%= booking.user.addresses.last&.country&.iso || ""%>"
+        };
+
+        stripe.confirmCardPayment(clientSecret, {
+            payment_method: {
+                card: card, 
+                billing_details: {
+                    name: "<%= booking.user.first_name %>" || "test",
+                    address: customerAddress
+                }
+            }
+        }).then(function(result) {
+            if (result.error) {
+                document.getElementById('card-errors').textContent = result.error.message;
+            } else {
+                confirmPaymentIntent(result.paymentIntent.id);
+            }
+        });
+    }
+
+    function confirmPaymentIntent(paymentIntentId) {
+        const url = "<%= confirm_property_booking_payments_path(property_id: @property.id, booking_id: booking.id) %>";
+        
+        fetch(url, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRF-Token': csrfToken
+            },
+            body: JSON.stringify({ payment_intent_id: paymentIntentId, redirect_url: document.getElementById('redirect_url').value }),
+        })
+        .then(function(response) {
+            return response.json();
+        })
+        .then(function(result) {
+            if (result.success) {
+                window.location.href = result.redirect_url;
+            } else {
+                document.getElementById('card-errors').textContent = result.error;
+            }
+        })
+        .catch(function(error) {
+            document.getElementById('card-errors').textContent = 'An error occurred while confirming the payment.';
+        });
+    }
+});
+</script>