stay_commerce 0.1.0

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

@@ -0,0 +1,118 @@
+<%= form_with(model: [:admin, property], local: true) do |f| %>
+  <% if property.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(property.errors.count, "error") %> prohibited this property from being saved:</h2>
+      <ul>
+        <% property.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :title, '*Title (mandatory)', class:"form-label" %>
+        <%= f.text_field :title, required: true, class: 'form-control' %>
+      </div>
+    </div>
+
+
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :description, class:"form-label" %>
+        <%= f.text_area :description, class: 'form-control' %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :category, '*Category (mandatory)', class:"form-label" %>
+        <%= f.select :property_category_id, Stay::PropertyCategory.all.collect { |pc| [pc.name, pc.id] }, { include_blank: 'Select Property Category' }, class: 'form-control custom-select-box', id: 'property_category_select', onchange: 'updateRoomType(this.value)', required: true %>
+      </div>
+    </div>
+
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :property_type, class:"form-label" %>
+        <%= f.select :property_type_id, Stay::PropertyType.all.collect { |rt| [rt.name, rt.id] }, { include_blank: 'Select Property Type' }, class: 'form-control custom-select-box',  id: 'property_category_select' %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :city, class: "form-label" %>
+        <%= f.text_field :city, class: "form-control" %>
+      </div>
+    </div>
+
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :address, class:"form-label" %>
+        <%= f.text_field :address, class: 'form-control' %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :guest_no, class: "form-label" %>
+        <%= f.number_field :guest_number, required: true, class: "form-control" %>
+      </div>
+    </div>
+
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :country, class: "form-label" %>
+        <%= f.text_field :country, value: property.country, required: true, class: "form-control" %>
+        <%#= f.select :country_id, options_from_collection_for_select(Stay::Country.all, :id, :name, property.country_id), { include_blank: 'Select Country' }, id: 'country_select', class: 'form-control custom-select-box' %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :minimum_months_of_booking, class:"form-label" %>
+        <%= f.text_field :minimum_months_of_booking, class: 'form-control', required: true %>
+      </div>
+    </div>
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :price_per_month, class:"form-label" %>
+        <%= f.text_field :price_per_month, class: 'form-control', required: true %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.check_box :active %>
+        <%= f.label :active, class:"form-label mt-8" %>
+      </div>
+    </div>
+
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.check_box :instant_booking %>
+        <%= f.label :instant_booking, class:"form-label mt-8" %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-12">
+      <div class="form-group mt-4">
+        <%= hidden_field_tag :step, 'description' %>
+        <%= f.submit 'Continue', class: 'btn btn-primary' %>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/stay/admin/properties/_images.html.erb

@@ -0,0 +1,48 @@
+<%= form_with(model: [:admin, property], local: true) do |f| %>
+  <% if property.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(property.errors.count, "error") %> prohibited this property from being saved:</h2>
+      <ul>
+        <% property.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :cover_image, "Cover Image", class: "form-label" %>
+        <%= f.file_field :cover_image, class: "form-control" %>
+        <%= image_tag main_app.url_for(property.cover_image), size: "100x100", class: "mt-2" if property.cover_image.attached? %>
+        <%= f.hidden_field :cover_image_cache, value: property.cover_image %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :place_images, "Place Images", class: "form-label" %>
+        <%= f.file_field :place_images, class: "form-control", multiple: true %>
+        <% if property.place_images.attached? %>
+          <div>
+            <% property.place_images.each do |image| %>
+              <%= image_tag main_app.url_for(image), size: "100x100", class: "mt-2" %>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-12">
+      <div class="form-group mt-4">
+        <%= hidden_field_tag :step, 'images' %>
+        <%= f.submit 'Continue', class: 'btn btn-primary' %>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/stay/admin/properties/_location.html.erb

@@ -0,0 +1,55 @@
+<%= form_with(model: [:admin, property], local: true) do |f| %>
+  <% if property.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(property.errors.count, "error") %> prohibited this property from being saved:</h2>
+      <ul>
+        <% property.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :address, class:"form-label" %>
+        <%= f.text_field :address, class: 'form-control' %>
+      </div>
+    </div>
+
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :zipcode, class: "form-label" %>
+        <%= f.number_field :zipcode, class: "form-control" %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :country, class: "form-label" %>
+        <%= f.text_field :country, value: property.country, required: true, class: "form-control" %>
+        <%#= f.select :country_id, options_from_collection_for_select(Stay::Country.all, :id, :name, property.country_id), { include_blank: 'Select Country' }, id: 'country_select custom-select-box', class: 'form-control custom-select-box' %>
+      </div>
+    </div>
+
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :state, class: "form-label" %>
+        <%= f.text_field :state, value: property.state, required: true, class: "form-control" %>
+        <%#= f.select :state_id, Stay::State.where(country_id: f.object.country_id).pluck(:name, :id),{ prompt: 'Select State', selected: f.object.state_id }, class: 'form-control custom-select-box', id: 'state_select' %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-12">
+      <div class="form-group mt-4">
+        <%= hidden_field_tag :step, 'location' %>
+        <%= f.submit 'Continue', class: 'btn btn-primary' %>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/stay/admin/properties/_price.html.erb

@@ -0,0 +1,88 @@
+<%= form_with(model: [:admin,  @property], local: true) do |f| %>
+  <% if @property.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(@property.errors.count, "error") %> prohibited this room from being saved:</h2>
+      <ul>
+        <% @property.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :price_per_month, class:"form-label" %>
+        <%= f.text_field :price_per_month, class: 'form-control' %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <% Stay::Tax.all.each_with_index do |tax, index| %>
+            <%= label_tag "property[property_taxes_attributes][#{index}][value]", tax.name, class: 'form-label' %>
+              <%= number_field_tag "property[property_taxes_attributes][#{index}][value]",
+                                    @property.property_taxes.find_by(tax_id: tax.id)&.value || 0,
+                                    class: 'form-control', step: '0.01' %>
+            <div class="col-md-4">
+              <%= hidden_field_tag "property[property_taxes_attributes][#{index}][tax_id]", tax.id %>
+              <%= hidden_field_tag "property[property_taxes_attributes][#{index}][id]",
+                                    @property.property_taxes.find_by(tax_id: tax.id)&.id %>
+            </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :city_fee_per_month, class:"form-label" %>
+        <%= f.text_field :city_fee_per_month, class: 'form-control' %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :minimum_months_of_booking, class:"form-label" %>
+        <%= f.text_field :minimum_months_of_booking, class: 'form-control' %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :security_deposit, class:"form-label" %>
+        <%= f.text_field :security_deposit, class: 'form-control' %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-6 mt-8">
+      <div class="field">
+        <%= f.check_box :allow_extra_guest %>
+        <%= f.label :allow_extra_guest, class:"form-label" %>
+      </div>
+    </div>
+  </div>
+
+
+  <div class="row">
+    <div class="col-md-12">
+      <div class="form-group mt-4">
+        <%= hidden_field_tag :step, 'price' %>
+        <%= f.submit 'Continue', class: 'btn btn-primary' %>
+      </div>
+    </div>
+  </div>
+<% end %>
+
+
+

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

@@ -0,0 +1,47 @@
+<ul class="nav nav-pills flex-column">
+  <li class="nav-item">
+    <%= link_to edit_admin_property_path(@property, step: 'description'), class: "nav-link #{'active' if @step == 'description'}" do %>
+      <i class="bi bi-pencil"></i> Description
+    <% end %>
+  </li>
+  <li class="nav-item">
+    <%= link_to edit_admin_property_path(@property, step: 'price'), class: "nav-link #{'active' if @step == 'price'}" do %>
+      <i class="bi bi-cash"></i> Price
+    <% end %>
+  </li>
+  <li class="nav-item">
+    <%= link_to edit_admin_property_path(@property, step: 'images'), class: "nav-link #{'active' if @step == 'images'}" do %>
+      <i class="bi bi-image"></i> Images
+    <% end %>
+  </li>
+  <li class="nav-item">
+    <%= link_to edit_admin_property_path(@property, step: 'details'), class: "nav-link #{'active' if @step == 'details'}" do %>
+      <i class="bi bi-list"></i> Details
+    <% end %>
+  </li>
+  <li class="nav-item">
+    <%= link_to edit_admin_property_path(@property, step: 'location'), class: "nav-link #{'active' if @step == 'location'}" do %>
+      <i class="bi bi-geo-alt"></i> Location
+    <% end %>
+  </li>
+  <li class="nav-item">
+    <%= link_to edit_admin_property_path(@property, step: 'amenities'), class: "nav-link #{'active' if @step == 'amenities'}" do %>
+      <i class="bi bi-check-square"></i> Amenities
+    <% end %>
+  </li>
+  <li class="nav-item">
+    <%= link_to edit_admin_property_path(@property, step: 'features'), class: "nav-link #{'active' if @step == 'features'}" do %>
+      <i class="bi bi-star"></i> Features
+    <% end %>
+  </li>
+  <li class="nav-item">
+    <%= link_to edit_admin_property_path(@property, step: 'calendar'), class: "nav-link #{'active' if @step == 'calendar'}" do %>
+      <i class="bi bi-calendar"></i> Calendar
+    <% end %>
+  </li>
+  <li class="nav-item">
+    <%= link_to admin_property_rooms_path(@property), class: 'nav-link' do %>
+      <i class="bi bi-house-fill"></i> Rooms
+    <% end %>
+  </li>
+</ul>

data/app/views/stay/admin/properties/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"><%= @step.capitalize %></h2>
+          </div>
+          <div class="card-body">
+              <%= render partial: @step, locals: { property: @property } %>
+          </div>
+      </div>
+    </div>
+    <div class="col-2">
+      <%= render partial: 'stay/admin/properties/sidebar' %>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,82 @@
+<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">Properties</h1>
+      </div>
+      <div class="col-sm-6 col-12 text-sm-end">
+          <div class="mx-n1">
+          <%= link_to new_admin_property_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_properties_path, method: :get, local: true, class: "input-group" do |f| %>
+            <%= f.search_field :title_cont, placeholder: "Search by title", 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">
+      <thead class="table-light">
+    <tr>
+      <th scope="col">Image</th>
+      <th scope="col">Title</th>
+      <th scope="col">Description</th>
+      <th scope="col">Availability Start</th>
+      <th scope="col">Availability End</th>
+      <th scope="col">State</th>
+      <th scope="col">Active</th>
+      <th></th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <% @properties.each do |property| %>
+      <tr>
+        <td>
+          <%= image_tag main_app.url_for(property.cover_image), size: "25x25" if property.cover_image.attached? %>
+        </td>
+        <td><%= property.title %></td>
+        <td><%= sanitize property.description %></td>
+        <td><%= property.availability_start %></td>
+        <td><%= property.availability_end %></td>
+        <td><%= property.property_state %></td>
+        <td>
+          <%= property.active %>
+          <span class="badge badge-lg badge-dot <%= property.active ? 'badge-primary' : 'badge-warning' %>">
+            <i class="<%= property.active ? 'bg-primary' : 'bg-warning' %>"></i>
+          </span>
+        </td>
+        <td class="text-end d-flex justify-content-end">
+          <%= link_to edit_admin_property_path(property), class: 'btn d-inline-flex btn-sm btn-neutral mx-1' do %>
+            <i class="bi bi-pencil"></i>
+          <% end %>  
+          <%= link_to admin_property_path(property), class: 'btn d-inline-flex btn-sm btn-neutral mx-1' do %>
+            <i class="bi bi-eye"></i>
+          <% end %>
+          <%= button_to admin_property_path(property), 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="card-footer border-0 py-5">
+  <span class="text-muted text-sm">Showing <%= @properties.count > 0 ? @properties.count : 0%> items out of <%=  @properties.count||0%> results found</span>
+</div>
+<div class="d-flex justify-content-center">
+      <%= paginate @properties %>
+</div>

data/app/views/stay/admin/properties/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 Property </h2>
+          </div>
+          <div class="card-body">
+              <%= render 'form', property: @property %>
+          </div>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,149 @@
+<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">Property Details</h2>
+        </div>
+        <div class="card-body">
+          <div class="step-description">
+            <h3 class="font-semibold mb-3">Description</h3>
+            <div class="row">
+                <p class="form-label"><strong>Title:</strong><span class="property-data"><%= @property.title %></span></p>
+                <p class="form-label"><strong>Description:</strong><span class="property-data"><%= @property.description%></span></p>
+                <p class="form-label"><strong>category:</strong><span class="property-data"><%= @property.property_category&.name %></span></p>
+                <p class="form-label"><strong>Property Type:</strong><span class="property-data"><%= @property.property_type&.name %></span></p>
+                <p class="form-label"><strong>city:</strong><span class="property-data"><%= @property.city %></span></p>
+                <p class="form-label"><strong>address:</strong><span class="property-data"><%= @property.address %></span></p>
+                <p class="form-label"><strong>guest_no.:</strong><span class="property-data"><%= @property.guest_number%></span></p>
+                <p class="form-label"><strong>country:</strong><span class="property-data"><%= @property.country %></span></p>
+                <p class="form-label"><strong>Bedroom Description:</strong><span class="property-data"><%= @property.bedroom_description %></span></p>
+                <p class="form-label"><strong>University Nearby:</strong><span class="property-data"><%= @property.university_nearby %></span></p>
+                <p class="form-label"><strong>About Neighbourhoods:</strong><span class="property-data"><%= @property.about_neighbourhoods %></span></p>
+                <p class="form-label"><strong>active: </strong><input type="checkbox" class="form-check-input" <%= @property.active ? 'checked' : '' %> disabled></p>
+            </div>
+          </div>
+          <hr>
+          <div class="step-price mt-5">
+            <h3 class="font-semibold mb-3">Price</h3>
+            <div class="row">
+              <p class="form-label"><strong>Price per Night:</strong><span class="property-data"><%= @property.price_per_month %></span></p>
+              <p class="form-label"><strong>minimum_months_of_booking:</strong><span class="property-data"><%= @property.minimum_months_of_booking %></span></p>
+              <p class="form-label"><strong>security_deposit:</strong><span class="property-data"><%= @property.security_deposit %></span></p>
+              <p class="form-label"><strong>extra_guest:</strong><span class="property-data"><%= @property.extra_guest %></span></p>
+              <div class="form-label d-flex flex-wrap property-custom">
+                <% Stay::Tax.all.each do |tax| %>
+                  <div class="property-tax mb-2">
+                    <p class="form-label"><strong><%= tax.name %>:</strong></p>
+                    <span class="property-data">
+                      <%= @property.property_taxes.find_by(tax_id: tax.id)&.value || 0 %>
+                    </span>
+                  </div>
+                <% end %>
+              </div>
+              <p class="form-label"><strong>allow_extra_guest: </strong><input type="checkbox" class="form-check-input"<%= @property.allow_extra_guest ? 'checked' : '' %> disabled></p>
+            </div>
+          </div>
+          <hr>
+          <!-- Images Step -->
+          <div class="step-images mt-5">
+            <h3 class="font-semibold mb-3">Images</h3>
+            <p class="form-label"><strong>Cover Image: </strong>
+              <span><%= image_tag main_app.url_for(@property.cover_image), size: "60x60" if @property.cover_image.attached? %></span>
+            </p>
+          </div>
+          <hr>
+          <!-- Details Step -->
+          <div class="step-details mt-5">
+            <h3 class="font-semibold mb-3">Details</h3>
+            <div class="row">
+              <p class="form-label"><strong>Property Size:</strong><span class="property-data"><%= @property.property_size %></span></p>
+              <p class="form-label"><strong>Rooms:</strong><span class="property-data"><%= @property.total_rooms %></span></p>
+              <p class="form-label"><strong>Bedrooms:</strong><span class="property-data"><%= @property.total_bedrooms %></span></p>
+              <p class="form-label"><strong>Bathrooms:</strong><span class="property-data"><%= @property.total_bathrooms %></span></p>
+              <div class="field">
+                <p class="form-label"><strong>Additional Rules:</strong></p>
+                <% if @property.additional_rules.present? %>
+                    <% @property.additional_rules.each do |rule| %>
+                      <span class="property-data"><%= rule.name %></span>
+                    <% end %>
+               <% else %>
+                  <p class="property-data">No additional rules specified.</p>
+                <% end %>
+              </div>
+              <div class="field">
+                <p class="form-label"><strong>Property House Rules:</strong></p>
+                <% if @property.property_house_rules.present? %>
+                  <% @property.property_house_rules.each do |house_rule| %>
+                    <span class="property-data">
+                      <strong><%= house_rule.house_rule.name %></strong>
+                      <%= radio_button_tag "house_rule_#{house_rule.house_rule_id}", "allow", house_rule.value == "allow", disabled: true %>
+                      <%= label_tag "house_rule_#{house_rule.house_rule_id}", "Allow", class: 'radio-button-label' %>
+                      <%= radio_button_tag "house_rule_#{house_rule.house_rule_id}", "do_not_allow", house_rule.value == "do_not_allow", disabled: true %>
+                      <%= label_tag "house_rule_#{house_rule.house_rule_id}", "Do Not Allow", class: 'radio-button-label' %>
+                      <%= radio_button_tag "house_rule_#{house_rule.house_rule_id}", "charge", house_rule.value == "charge", disabled: true %>
+                      <%= label_tag "house_rule_#{house_rule.house_rule_id}", "Charge", class: 'radio-button-label' %>
+                    </span>
+                  <% end %>
+                <% else %>
+                  <p class="property-data">No additional rules specified.</p>
+                <% end %>
+              </div>
+            </div>
+          </div>
+          <hr>
+          <!-- Location Step -->
+          <div class="step-location mt-5">
+            <h3 class="font-semibold mb-3">Location</h3>
+            <div class="row">
+              <p class="form-label"><strong>Address:</strong><span class="property-data"><%= @property.address %></span></p>
+              <p class="form-label"><strong>City:</strong><span class="property-data"><%= @property.city %></span></p>
+              <p class="form-label"><strong>State:</strong><span class="property-data"><%= @property.state %></span></p>
+              <p class="form-label"><strong>Country:</strong><span class="property-data"><%= @property.country %></span></p>
+            </div>
+          </div>
+          <hr>
+          <!-- Amenities Step -->
+          <div class="step-features mt-5">
+            <h3 class="font-semibold mb-3">Amenities</h3>
+            <% if @property.amenities.any? %>
+              <% @property.amenities.each do |amenity| %>
+                <input type="checkbox" class="form-check-input" id="feature<%= amenity.id %>" checked disabled>
+                <label class="form-check-label" for="amenity<%= amenity.id %>"><%= amenity.name %></label>
+              <% end %>
+            <% else %>
+              <p>No amenities selected.</p>
+            <% end %>
+          </div>
+          <hr>
+          <!-- Features Step -->
+          <div class="step-features mt-5">
+            <h3 class="font-semibold mb-3">Features</h3>
+            <% if @property.features.any? %>
+              <% @property.features.each do |feature| %>
+                <input type="checkbox" class="form-check-input" id="feature<%= feature.id %>" checked disabled>
+                <label class="form-check-label" for="feature<%= feature.id %>"><%= feature.name %></label>
+              <% end %>
+            <% else %>
+              <p>No features selected.</p>
+            <% end %>
+          </div>
+          <hr>
+          <!-- Calendar Step -->
+          <div class="step-calendar mt-5">
+            <h3 class="font-semibold mb-3">Calendar</h3>
+            <div class="row">
+              <p class="form-label"><strong>Availability Start:</strong><span class="property-data"><%= @property.availability_start %></span></p>
+              <p class="form-label"><strong>Availability End:</strong><span class="property-data"><%= @property.availability_end %></span></p>
+            </div>
+          </div>
+          <!-- Actions -->
+          <div class="d-flex mt-4 p-4 justify-content-center">
+            <%= button_to 'Approve', approve_admin_property_path(@property), method: :put,  class: 'btn btn-warning me-3',disabled: @property.approved? || @property.rejected? %>
+            <%= button_to 'Reject', reject_admin_property_path(@property), method: :put, class: 'btn btn-secondary', disabled: @property.approved? || @property.rejected? %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,29 @@
+<%= form_with(model: [:admin,  @property_category], local: true) do |f| %>
+  <% if @property_category.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(@property_category.errors.count, "error") %> prohibited this property category from being saved:</h2>
+      <ul>
+        <% @property_category.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="field">
+        <%= f.label :name, class:"form-label" %>
+        <%= f.text_field :name, class: 'form-control' %>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-12">
+      <div class="form-group mt-4">
+        <%= f.submit class: 'btn btn-primary' %>
+      </div>
+    </div>
+  </div>
+<% end %>