spree_admin 5.0.0.rc1

data/app/views/spree/admin/payment_methods/edit.html.erb

@@ -0,0 +1,10 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_payment_methods_path %>
+  <%= @payment_method.name %>
+<% end %>
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @payment_method } %>
+
+<%= form_for @payment_method, as: :payment_method, url: spree.admin_payment_method_path(@payment_method) do |f| %>
+  <%= render 'form', f: f %>
+  <%= render 'spree/admin/shared/edit_resource_links', f: f %>
+<% end %>

data/app/views/spree/admin/payment_methods/index.html.erb

@@ -0,0 +1,38 @@
+<%= content_for(:page_title) do %>
+  <%= Spree.t(:payment_methods) %>
+<% end %>
+
+<div class="table-responsive card-lg p-0 mb-4">
+  <table class="table" id='listing_shipping_methods'>
+    <thead class="text-muted">
+      <tr>
+        <th></th>
+        <th><%= Spree.t(:payment_method) %></th>
+        <th><%= Spree.t(:visibility) %></th>
+        <th class="text-center"><%= Spree.t(:active) %></th>
+        <th class="actions"></th>
+      </tr>
+    </thead>
+    <tbody data-controller="sortable" data-sortable-handle-value=".move-handle" data-sortable-resource-name-value="payment_method" data-sortable-response-kind-value="turbo-stream">
+      <%= render partial: 'spree/admin/payment_methods/payment_method', collection: @payment_methods %>
+    </tbody>
+  </table>
+</div>
+
+<% if available_payment_methods.present? && can?(:create, Spree::PaymentMethod) %>
+  <h5 class="pb-2 pt-3">Available Payment Methods</h5>
+  <div class="table-responsive card-lg p-0">
+    <table class="table" id='listing_shipping_methods'>
+      <thead class="text-muted">
+        <tr>
+          <th><%= Spree.t(:name) %></th>
+          <th><%= Spree.t(:description) %></th>
+          <th class="actions"></th>
+        </tr>
+      </thead>
+      <tbody>
+        <%= render partial: 'spree/admin/payment_methods/available_payment_method', collection: available_payment_methods, as: :payment_method %>
+      </tbody>
+    </table>
+  </div>
+<% end %>

data/app/views/spree/admin/payment_methods/new.html.erb

@@ -0,0 +1,12 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_payment_methods_path %>
+  <%= @payment_method.name %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @payment_method } %>
+
+<%= form_for @payment_method, as: :payment_method, url: spree.admin_payment_methods_path do |f| %>
+  <%= f.hidden_field :type %>
+  <%= render 'form', f: f %>
+  <%= render 'spree/admin/shared/new_resource_links' %>
+<% end %>

data/app/views/spree/admin/payment_methods/update.turbo_stream.erb

@@ -0,0 +1 @@
+<%= turbo_render_alerts %>

data/app/views/spree/admin/payments/_payment.html.erb

@@ -0,0 +1,89 @@
+<div class="card" id="<%= dom_id(payment) %>">
+  <div class="card-header d-flex align-items-center gap-2">
+    <span class="badge badge-<%= payment.state %>">
+      <% if payment.completed? %>
+        <%= icon('check', class: 'mr-2') %>
+      <% else %>
+        <%= icon('progress', class: 'mr-2') %>
+      <% end %>
+      <%= Spree.t('payment_states.' + payment.state) %>
+    </span>
+    <% if payment.payment_method.payment_icon_name.present? %>
+      <%= payment_method_icon_tag(payment.payment_method.payment_icon_name) %>
+    <% end %>
+    <strong><%= payment.number.upcase %></strong>
+    <%= local_time(payment.created_at, class: 'ml-auto text-muted font-size-sm') %>
+
+    <div class="dropdown">
+      <button class="btn btn-light btn-sm" type="button" data-toggle="dropdown" aria-expanded="false">
+        <%= icon('dots', class: 'mr-0') %>
+      </button>
+      <div class="dropdown-menu">
+        <% if payment.try(:gateway_dashboard_payment_url).present? %>
+          <%= link_to_with_icon 'eye', Spree.t(:details), payment.gateway_dashboard_payment_url, class: 'dropdown-item', target: '_blank' %>
+        <% end %>
+        <% if payment.source.is_a?(Spree::StoreCredit) && payment.source.respond_to?(:gift_card) && payment.source.gift_card.present? %>
+          <%= link_to_with_icon 'eye', Spree.t(:details), spree.edit_admin_gift_card_path(payment.source.gift_card), class: 'dropdown-item' %>
+        <% end %>
+
+        <% if can?(:update, payment) && (payment.checkout? || payment.pending?) %>
+          <%= link_to_with_icon 'check', Spree.t(:capture), spree.capture_admin_order_payment_path(@order, payment), class: 'dropdown-item', data: { turbo_method: :put, turbo_confirm: Spree.t(:are_you_sure) } %>
+        <% end %>
+        <% if can?(:refund, @order) && payment.completed? && payment.can_credit? %>
+          <%= link_to_with_icon 'credit-card-refund', Spree.t(:refund), spree.new_admin_order_payment_refund_path(@order, payment), class: 'dropdown-item' %>
+        <% end %>
+        <% if can?(:cancel, payment) && payment.pending? %>
+          <%= link_to_with_icon 'cancel', Spree.t(:void), spree.void_admin_order_payment_path(@order, payment), class: 'dropdown-item', data: { turbo_method: :put, turbo_confirm: Spree.t(:are_you_sure) } %>
+        <% end %>
+        <% if can?(:destroy, payment) && payment.can_be_deleted? %>
+          <div class="dropdown-divider"></div>
+          <%= link_to_with_icon 'trash', Spree.t('actions.destroy'), spree.admin_order_payment_path(@order, payment), class: 'dropdown-item btn-danger', data: { turbo_method: :delete, turbo_confirm: Spree.t(:are_you_sure) } %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+  <div class="card-body">
+    <div class="d-flex">
+      <div class="w-50">
+        <p class="mb-2"><%= Spree.t(:payment_method) %>:</p>
+        <strong><%= link_to payment.payment_method.name, spree.admin_payment_method_path(payment.payment_method) %></strong>
+
+        <% if payment.transaction_id.present? %>
+          <p class="mb-2 mt-3">
+            <%= Spree.t(:transaction_id) %>
+            <%= help_bubble(Spree.t(:transaction_id_help)) %>
+          </p>
+          <strong><%= payment.transaction_id %></strong>
+        <% end %>
+      </div>
+      <% if payment.source.present? %>
+        <div class="w-50">
+          <p class="mb-2"><%= Spree.t(:payment_source) %>:</p>
+          <div class="rounded-lg bg-gray-25 border shadow-xs p-3">
+            <%= render 'spree/shared/payment', payment: payment %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+  <% if payment.transaction_id.present? %>
+    <div class="card-footer border-top border-top-dashed">
+      <p class="mb-0 d-flex justify-content-between align-items-center">
+        <span>
+          <%= Spree.t(:risk_analysis) %>
+          &nbsp;
+          <% if @order.is_risky? %>
+            <span class="badge badge-warning"><%= icon('shield-off') %> <%= Spree.t(:risky) %></span>
+          <% else %>
+            <span class="text-success"><%= icon('shield-check-filled') %> <%= Spree.t(:not_risky) %></span>
+          <% end %>
+        </span>
+        <%= link_to "#risk-analysis-#{payment.id}", class: 'btn btn-light btn-sm bg-transparent', data: { toggle: 'collapse' } do %>
+          <%= Spree.t(:show_details) %>
+          <%= icon('selector', class: 'mr-0 ml-1') %>
+        <% end %>
+      </p>
+      <%= render 'spree/admin/orders/risk_analysis', payment: payment %>
+    </div>
+  <% end %>
+</div>

data/app/views/spree/admin/payments/new.html.erb

@@ -0,0 +1,64 @@
+<%= render 'spree/admin/orders/header' %>
+
+<div class="row">
+  <div class="col-lg-6">
+    <%= render 'spree/admin/shared/error_messages', target: @payment %>
+
+    <%= form_with url: spree.admin_order_payments_path(@order), model: @payment, method: :post do |f| %>
+      <div class="card mb-4">
+        <div class="card-header">
+          <h5 class="card-title"><%= Spree.t(:new_payment) %></h5>
+        </div>
+        <div class="card-body">
+          <div class="form-group mb-3">
+            <%= f.label :amount, Spree.t(:amount) %>
+            <div class="input-group">
+              <%= f.number_field :amount,
+                value: @payment.max_amount,
+                max: @payment.max_amount,
+                step: '.01',
+                class: 'form-control',
+                required: true %>
+              <div class="input-group-append">
+                <span class="input-group-text"><%= currency_symbol(@order.currency) %></span>
+              </div>
+            </div>
+          </div>
+
+          <%= f.label :payment_method_id, Spree.t(:payment_method) %>
+          <ul class="list-group mb-3">
+            <% @payment_methods.each do |payment_method| %>
+              <li class="list-group-item p-0">
+                <%= link_to spree.new_admin_order_payment_path(@order, payment_method_id: payment_method.id), class: "form-check-label d-flex align-items-center gap-3 px-3 py-3 w-100 cursor-pointer hover-light text-dark" do %>
+                  <div class="form-check flex align-items-center">
+                    <%= f.radio_button :payment_method_id, payment_method.id, class: "form-check-input" %>
+                  </div>
+
+                  <% if payment_method_icon_tag(payment_method.payment_icon_name).present? %>
+                    <%= payment_method_icon_tag(payment_method.payment_icon_name) %>
+                  <% end %>
+
+                  <%= payment_method.name %>
+                <% end %>
+              </li>
+            <% end %>
+          </ul>
+
+          <% if @payment.payment_method.present? && @payment.payment_method.source_required? %>
+            <%= f.label :source, Spree.t(:payment_source) %>
+            <div class="my-3">
+              <%= render partial: "spree/admin/payments/source_forms/#{@payment.payment_method.method_type}",
+                        locals: {
+                          f: f,
+                          payment_method: @payment.payment_method,
+                          previous_cards: @payment.payment_method.reusable_sources(@order)
+                        } %>
+            </div>
+          <% end %>
+        </div>
+      </div>
+
+      <%= render 'spree/admin/shared/new_resource_links' %>
+    <% end %>
+  </div>
+</div>

data/app/views/spree/admin/payments/source_forms/_gateway.html.erb

@@ -0,0 +1,54 @@
+<% if previous_cards.any? %>
+  <div class="card my-3">
+    <div class="card-header">
+      <h5 class="card-title mb-0 h6"><%= Spree.t(:previously_used_card) %></h5>
+    </div>
+      <div class="form-group previous_cards card-body mb-0">
+        <ul class="m-0 p-0">
+            <% previous_cards.each do |card| %>
+              <li>
+                <label>
+                  <%= radio_button_tag :card, card.id, card == previous_cards.first %> <%= card.display_brand + ' - ' + card.display_number %>
+                </label>
+              </li>
+            <% end %>
+            <li>
+              <hr>
+              <label>
+                <%= radio_button_tag :card, 'new', false, { id: "card_new#{payment_method.id}" } %> <%= Spree.t(:use_new_cc) %>
+            </label>
+          </li>
+        </ul>
+      </div>
+  </div>
+<% end %>
+
+<div id="card_form<%= payment_method.id %>" class="mt-3 row">
+  <% param_prefix = "payment_source[#{payment_method.id}]" %>
+
+  <div class="form-group col-12">
+    <%= hidden_field_tag "#{param_prefix}[cc_type]", '', {class: 'ccType'} %>
+    <%= label_tag "card_number#{payment_method.id}", raw(Spree.t(:card_number) + required_span_tag) %>
+    <%= text_field_tag "#{param_prefix}[number]", '', class: 'required form-control cardNumber', id: "card_number#{payment_method.id}", maxlength: 19 %>
+    <span id="card_type" style="display:none;">
+      ( <span id="looks_like"><%= Spree.t(:card_type_is) %> <span id="type"></span></span>
+        <span id="unrecognized"><%= Spree.t(:unrecognized_card_type) %></span>
+      )
+    </span>
+  </div>
+
+  <div class="form-group col-12">
+    <%= label_tag "card_name#{payment_method.id}", raw(Spree.t(:name) + required_span_tag) %>
+    <%= text_field_tag "#{param_prefix}[name]", '', id: "card_name#{payment_method.id}", class: 'required form-control', maxlength: 19 %>
+  </div>
+
+  <div class="form-group col-6">
+    <%= label_tag "card_expiry#{payment_method.id}", raw(Spree.t(:expiration) + required_span_tag) %><br>
+    <%= text_field_tag "#{param_prefix}[expiry]", '', id: "card_expiry#{payment_method.id}", class: "required cardExpiry form-control", placeholder: "MM/YYYY" %>
+  </div>
+
+  <div class="form-group col-6">
+    <%= label_tag "card_code#{payment_method.id}", raw(Spree.t(:card_code) + required_span_tag) %>
+    <%= text_field_tag "#{param_prefix}[verification_value]", '', id: "card_code#{payment_method.id}", class: 'required form-control cardCode', size: 5 %>
+  </div>
+</div>

data/app/views/spree/admin/payments/source_forms/_previous_cards.html.erb

@@ -0,0 +1,21 @@
+<% if previous_cards.any? %>
+  <ul class="list-group mb-3">
+    <%= f.fields_for :source, @payment.source do |source_form| %>
+      <% previous_cards.each do |card| %>
+        <li class="list-group-item p-0">
+          <%= source_form.label :id, value: card.id, class: "form-check-label d-flex align-items-center gap-3 px-3 py-3 w-100 cursor-pointer hover-light" do %>
+            <div class="form-check flex align-items-center">
+              <%= source_form.radio_button :id, card.id, class: "form-check-input" %>
+            </div>
+            <%= payment_method_icon_tag(card.brand, width: 32, height: 32) %>
+            <%= card.display_number %>
+            <% if card.wallet_type.present? %>
+              <%= payment_method_icon_tag(card.wallet_type, width: 32, height: 32) %>
+            <% end %>
+            <span class="text-muted ms-auto">(<%= card.month %>/<%= card.year %>)</span>
+          <% end %>
+        </li>
+      <% end %>
+    <% end %>
+  </ul>
+<% end %>

data/app/views/spree/admin/payments/source_forms/_spree_stripe.html.erb

@@ -0,0 +1,7 @@
+<% if previous_cards.any? %>
+  <%= render 'spree/admin/payments/source_forms/previous_cards', previous_cards: previous_cards, f: f %>
+<% else %>
+  <span class="text-muted">
+    <%= Spree.t(:no_saved_cards) %>
+  </span>
+<% end %>

data/app/views/spree/admin/payments/source_forms/_store_credit.html.erb

@@ -0,0 +1,22 @@
+<% if @order.could_use_store_credit? %>
+  <ul class="list-group mb-3">
+    <%= f.fields_for :source, @payment.source do |source_form| %>
+      <% @store_credits.each do |credit| %>
+        <li class="list-group-item p-0">
+          <%= source_form.label :id, value: credit.id, class: "form-check-label d-flex align-items-center gap-3 px-3 py-3 w-100 cursor-pointer hover-light" do %>
+            <div class="form-check flex align-items-center">
+              <%= source_form.radio_button :id, credit.id, class: "form-check-input", checked: @payment.source.id == credit.id || @store_credits.first.id == credit.id %>
+            </div>
+            <div class="font-weight-normal">
+              <%= Spree.t('admin.store_credit.amount_remaining_of_total', amount: credit.display_amount_remaining, total: credit.display_amount).html_safe %>
+            </div>
+          <% end %>
+        </li>
+      <% end %>
+    <% end %>
+  </ul>
+<% else %>
+  <div class="alert alert-danger w-100">
+    <%= Spree.t('admin.user.no_store_credit') %>
+  </div>
+<% end %>

data/app/views/spree/admin/payments/source_views/_gateway.html.erb

@@ -0,0 +1,22 @@
+<div>
+  <div class="table-responsive border rounded bg-white mb-3">
+    <table class="table table-condensed">
+      <tr>
+        <th width="20%"><%= Spree.t(:name_on_card) %>:</th>
+        <td><%= payment.source.name %></td>
+      </tr>
+      <tr>
+        <th><%= Spree.t(:card_type) %>:</th>
+        <td><%= payment.source.display_brand %></td>
+      </tr>
+      <tr>
+        <th><%= Spree.t(:card_number) %>:</th>
+        <td><%= payment.source.display_number %></td>
+      </tr>
+      <tr>
+        <th><%= Spree.t(:expiration) %>:</th>
+        <td><%= payment.source.month %>/<%= payment.source.year %></td>
+      </tr>
+    </table>
+  </div>
+</div>

data/app/views/spree/admin/payments/source_views/_storecredit.html.erb

@@ -0,0 +1,31 @@
+<fieldset data-hook="store_credit">
+  <legend><%= Spree.t(:store_credits) %></legend>
+  <div class="table-responsive border rounded bg-white">
+    <table class="table table-condensed border rounded">
+      <tr>
+        <th width="20%"><%= Spree.t(:used) %>:</th>
+        <td><%= payment.source.display_amount_used %></td>
+      </tr>
+      <tr>
+        <th><%= Spree.t(:amount) %>:</th>
+        <td><%= payment.source.display_amount %></td>
+      </tr>
+      <tr>
+        <th><%= Spree.t(:memo) %>:</th>
+        <td><%= payment.source.memo %></td>
+      </tr>
+      <tr>
+        <th><%= Spree.t(:type) %>:</th>
+        <td><%= payment.source.category_name %></td>
+      </tr>
+      <tr>
+        <th><%= Spree.t(:created_by) %>:</th>
+        <td><%= payment.source.created_by_email %></td>
+      </tr>
+      <tr>
+        <th><%= Spree.t(:issued_on) %>:</th>
+        <td><%= local_time(payment.source.created_at) %></td>
+      </tr>
+    </table>
+  </div>
+</fieldset>

data/app/views/spree/admin/post_categories/_form.html.erb

@@ -0,0 +1,15 @@
+<div class="card mb-4">
+  <div class="card-body">
+    <div class="form-group">
+      <%= f.label :title, Spree.t(:title) %>
+      <%= f.text_field :title, class: "form-control", required: true, autofocus: f.object.new_record? %>
+    </div>
+
+    <div class="form-group">
+      <%= f.label :description, Spree.t(:description) %>
+      <div class="trix-container">
+        <%= f.rich_text_area :description %>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/post_categories/_post_category.html.erb

@@ -0,0 +1,6 @@
+<tr data-controller="row-link" id="<%= dom_id(post_category) %>">
+  <td><%= link_to post_category.title, spree.edit_admin_post_category_path(post_category), class: 'd-flex', data: { row_link_target: :link } %></td>
+  <td class="actions cursor-pointer" data-action="click->row-link#openLink">
+    <%= link_to_edit(post_category, class: 'btn btn-light btn-sm') if can? :edit, post_category %>
+  </td>
+</tr>

data/app/views/spree/admin/post_categories/edit.html.erb

@@ -0,0 +1,15 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_post_categories_path, @post_category %>
+  <%= @post_category.title %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @post_category } %>
+
+<%= form_for [:admin, @post_category] do |f| %>
+  <div class="row">
+    <div class="col-lg-8">
+      <%= render 'form', f: f %>
+      <%= render 'spree/admin/shared/edit_resource_links', f: f %>
+    </div>
+  </div>
+<% end %>

data/app/views/spree/admin/post_categories/index.html.erb

@@ -0,0 +1,27 @@
+<% content_for :page_actions do %>
+  <%= link_to_with_icon 'plus', Spree.t(:new_post_category), new_object_url, class: 'btn btn-primary' if can?(:create, Spree::PostCategory) %>
+<% end %>
+
+<%= render 'spree/admin/shared/posts_tabs' %>
+
+<% if @post_categories.any? %>
+  <div class="card-lg p-0">
+    <div class="table-responsive rounded-lg">
+      <table class="table">
+        <thead class="text-muted">
+          <tr>
+            <th class="w-90"><%= Spree.t(:title) %></th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+          <%= render partial: 'spree/admin/post_categories/post_category', collection: @post_categories, cached: spree_base_cache_scope %>
+        </tbody>
+      </table>
+    </div>
+  </div>
+<% else %>
+  <div class="text-muted p-5 d-flex align-items-center w-100 justify-content-center">
+    <%= Spree.t(:no_resource_found, resource: Spree.t(:post_categories)) %>
+  </div>
+<% end %>

data/app/views/spree/admin/post_categories/new.html.erb

@@ -0,0 +1,15 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_post_categories_path, @post_category %>
+  <%= Spree.t(:new_post_category) %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @post_category } %>
+
+<%= form_for [:admin, @post_category] do |f| %>
+  <div class="row">
+    <div class="col-lg-8">
+      <%= render 'form', f: f %>
+      <%= render 'spree/admin/shared/new_resource_links' %>
+    </div>
+  </div>
+<% end %>

data/app/views/spree/admin/posts/_filters.html.erb

@@ -0,0 +1,40 @@
+<%= search_form_for [:admin, @search], class: "filter-wrap border-bottom", data: {controller: "filters reveal", reveal_hidden_class: "d-none"} do |f| %>
+  <div class="d-flex flex-column flex-lg-row gap-2">
+    <%= render 'spree/admin/shared/filters_search_bar', param: :search_by_title, label: Spree.t(:title) %>
+
+    <%= render 'spree/admin/shared/filters_button' %>
+  </div>
+  <div data-reveal-target="item" class="d-none" id="table-filter">
+    <div class="row">
+      <div class="col-lg-6">
+        <div class="form-group">
+          <%= f.label :author_id_eq, Spree.t(:author) %>
+          <%= f.select :author_id_eq,
+                   options_for_select(post_authors_select_options, params.dig(:q, :author_id_eq)),
+                   { include_blank: true },
+                   { class: "custom-select", data: { filters_target: :input } } %>
+        </div>
+      </div>
+
+      <div class="col-lg-6">
+        <div class="form-group">
+          <%= f.label :post_category_id_eq, Spree.t(:category) %>
+          <%= f.select :post_category_id_eq,
+                   options_for_select(Spree::PostCategory.all.pluck(:title, :id), params.dig(:q, :post_category_id_eq)),
+                   { include_blank: true },
+                   { class: "custom-select", data: { filters_target: :input } } %>
+        </div>
+      </div>
+    </div>
+    <div class="form-actions">
+      <%= turbo_save_button_tag Spree.t(:filter_results) do %>
+        <%= icon("search") %>
+        <%= Spree.t(:filter_results) %>
+      <% end %>
+    </div>
+  </div>
+
+  <%= render "spree/admin/shared/filter_badge_template" %>
+
+  <div data-filters-target="badgesContainer" class="filter-badges-container"></div>
+<% end %>

data/app/views/spree/admin/posts/_form.html.erb

@@ -0,0 +1,81 @@
+<div class="row" data-controller="slug-form seo-form">
+  <div class="col-lg-8">
+    <div class="card mb-4">
+      <div class="card-body">
+        <div class="form-group">
+          <%= f.label :title, Spree.t(:title) %>
+          <%= f.text_field :title,
+                class: "form-control",
+                required: true,
+                autofocus: true,
+                data: {
+                  seo_form_target: 'sourceTitleInput',
+                  slug_form_target: 'name',
+                  action: 'slug-form#updateUrlFromName'
+                } %>
+        </div>
+
+        <div class="form-group">
+          <%= f.label :content, Spree.t(:content) %>
+          <div class="trix-container mb-0">
+            <%= f.rich_text_area :content, class: 'overflow-auto', style: 'height: 300px', data: { seo_form_target: 'sourceDescriptionInput' } %>
+          </div>
+        </div>
+
+        <div class="form-group mb-0">
+          <%= f.label :excerpt, Spree.t(:excerpt) %>
+          <%= help_bubble('Add a summary of the post') %>
+
+          <div class="trix-container mb-0">
+            <%= f.rich_text_area :excerpt, class: 'overflow-auto', style: 'height: 100px', data: { seo_form_target: 'sourceExcerptInput' } %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="col-lg-4">
+    <div class="card mb-4">
+      <div class="card-body">
+        <div class="form-group">
+          <%= f.label :image, Spree.t(:featured_image) %>
+          <%= render 'active_storage/upload_form', form: f, field_name: :image, width: 1200, height: 600, crop: true, css: 'flex-col' %>
+        </div>
+      </div>
+    </div>
+
+    <div class="card mb-4">
+      <div class="card-body">
+        <div class="form-group">
+          <%= f.label :author_id, Spree.t(:author) %>
+          <%= f.select :author_id, options_for_select(post_authors_select_options, @post.author_id || try_spree_current_user.id), {}, { class: 'custom-select' } %>
+        </div>
+
+        <div class="form-group">
+          <%= f.label :post_category_id, Spree.t(:category) %>
+          <%= f.select :post_category_id, options_for_select(current_store.post_categories.pluck(:title, :id), @post.post_category_id), { include_blank: true }, { class: 'custom-select' } %>
+        </div>
+
+        <div class="form-group">
+          <%= f.label :published_at, Spree.t(:published_at) %>
+          <%= help_bubble('Marks when the post will be published, leave it blank to hide it') %>
+          <%= f.datetime_field :published_at, class: 'form-control' %>
+        </div>
+
+        <div class="form-group mb-0">
+          <%= f.label :tag_list, Spree.t(:tags) %>
+          <%= tom_select_tag 'post[tag_list]', multiple: true, class: 'w-100', options: post_tags_json_array, active_option: @post.tag_list, value_field: :name, create: true %>
+        </div>
+      </div>
+    </div>
+
+    <%= render 'spree/admin/shared/seo',
+          f: f,
+          title: @post.title,
+          meta_title: @post.meta_title,
+          description: @post.content,
+          slug: @post.slug,
+          slug_path: 'posts',
+          placeholder: 'Add a title and content to see how this post might appear in a search engine listing' %>
+  </div>
+</div>

data/app/views/spree/admin/posts/_post.html.erb

@@ -0,0 +1,32 @@
+<tr data-controller="row-link" id="<%= dom_id(post) %>">
+  <td>
+    <%= link_to spree.edit_admin_post_path(post), class: 'text-decoration-none d-flex align-items-center font-weight-bold text-dark gap-3', data: { row_link_target: :link, 'turbo-frame': '_top' } do %>
+      <% if post.image.attached? && post.image.variable? %>
+        <div class="admin-product-image-container">
+          <%= image_tag(
+                main_app.cdn_image_url(
+                  post.image.variant(
+                    spree_image_variant_options(resize_to_fill: [200, 130])
+                  )
+                ),
+                class: 'img-fluid',
+                loading: :lazy,
+                width: 100,
+                height: 65
+          ) %>
+        </div>
+      <% else %>
+        <%= render 'spree/admin/shared/no_image', width: 100, height: 65 %>
+      <% end %>
+      <%= post.title %>
+    <% end %>
+  </td>
+
+  <td class="cursor-pointer" data-action="click->row-link#openLink"><%= post.post_category_title || '-' %></td>
+  <td class="cursor-pointer" data-action="click->row-link#openLink"><%= post.author_name %></td>
+  <td class="cursor-pointer" data-action="click->row-link#openLink"><%= post.published_at.present? ? local_date(post.published_at) : '-' %></td>
+
+  <td class="actions">
+    <%= link_to_edit(post, class: 'btn btn-light btn-sm', data: { 'turbo-frame': '_top' }) if can? :edit, post %>
+  </td>
+</tr>

data/app/views/spree/admin/posts/edit.html.erb

@@ -0,0 +1,15 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_posts_path, @post %>
+  <%= @post.title %>
+<% end %>
+
+<% content_for :page_actions_dropdown do %>
+  <%= external_page_preview_link(@post) %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @post } %>
+
+<%= form_for [:admin, @post] do |f| %>
+  <%= render 'form', f: f %>
+  <%= render 'spree/admin/shared/edit_resource_links', f: f %>
+<% end %>