cms42 0.1.0

data/app/views/cms/admin/pages/show.html.erb

@@ -0,0 +1,111 @@
+<% crumbs = breadcrumbs_for(@page) %>
+<% if crumbs.length > 1 %>
+  <nav class="cms-breadcrumbs">
+    <% crumbs.each_with_index do |crumb, i| %>
+      <% if i < crumbs.length - 1 %>
+        <%= link_to crumb.display_title, admin_page_path(crumb) %> &rsaquo;
+      <% else %>
+        <span><%= crumb.display_title %></span>
+      <% end %>
+    <% end %>
+  </nav>
+<% end %>
+
+<h1><%= @page.display_title %></h1>
+
+<% if @page.parent %>
+  <p><strong><%= t(".parent") %>:</strong> <%= link_to @page.parent.display_title, admin_page_path(@page.parent) %></p>
+<% end %>
+<% if @subpages.any? %>
+  <p>
+    <strong><%= t(".subpages") %>:</strong>
+    <% @subpages.each do |sub| %>
+      <%= link_to sub.display_title, admin_page_path(sub) %>
+    <% end %>
+  </p>
+<% end %>
+
+<p>
+  <%= link_to t(".back"), admin_pages_path(locale: @translation_locale) %>
+  |
+  <%= link_to t(".edit"), edit_admin_page_path(@page, locale: @translation_locale) %>
+  |
+  <%= link_to t(".section_library"), admin_sections_path(locale: @translation_locale) %>
+  |
+  <%= link_to t(".preview"), preview_admin_page_path(@page), target: "_blank" %>
+  |
+  <%= link_to t(".share_preview"), page_preview_url(@page.preview_token), target: "_blank" %>
+  <% if @page.template_key == "form" %>
+    |
+    <%= link_to t(".form_fields"), admin_page_form_fields_path(@page) %>
+    |
+    <%= link_to t(".submissions"), admin_page_form_submissions_path(@page) %>
+  <% end %>
+</p>
+
+<p>
+  <strong><%= t(".translations") %>:</strong>
+  <% @page.page_translations.each do |t| %>
+    <%= link_to t.locale.upcase, admin_page_path(@page, locale: t.locale) %>
+  <% end %>
+  &nbsp;
+  <% translation_completeness(@page).each do |locale, status| %>
+    <% unless @page.page_translations.map(&:locale).include?(locale) %>
+      <span title="<%= t(".translation_missing_title", locale: locale) %>">[<%= t(".translation_missing_badge", locale: locale.upcase) %>]</span>
+    <% end %>
+  <% end %>
+</p>
+<p><strong><%= t(".locale") %>:</strong> <%= @translation_locale %></p>
+<p><strong><%= t(".slug") %>:</strong> <%= @page.slug %></p>
+<p><strong><%= t(".template") %>:</strong> <%= cms_page_template_label(@page.template_key) %></p>
+<p><strong><%= t(".status") %>:</strong> <%= cms_page_status_label(@page.status) %></p>
+<p><strong><%= t(".home_page") %>:</strong> <%= cms_yes_no(@page.home?) %></p>
+<p><strong><%= t(".header") %>:</strong> <%= cms_yes_no(@page.show_in_header?) %></p>
+<p><strong><%= t(".footer") %>:</strong> <%= cms_yes_no(@page.show_in_footer?) %></p>
+<p><strong><%= t(".nav_group") %>:</strong> <%= @page.nav_group %></p>
+<p><strong><%= t(".meta_title") %>:</strong> <%= @page.display_meta_title.presence || t("cms.shared.empty_value") %></p>
+<p><strong><%= t(".meta_description") %>:</strong> <%= @page.seo_description.presence || t("cms.shared.empty_value") %></p>
+
+<% if @page.hero_image.attached? %>
+  <p><strong><%= t(".hero_image") %>:</strong></p>
+  <p><%= image_tag cms_attachment_path(@page.hero_image), alt: @page.display_title, style: "max-width: 420px; height: auto;" %></p>
+<% end %>
+
+<% if @page.media_files.attached? %>
+  <p><strong><%= t(".attachments") %>:</strong></p>
+  <ul>
+    <% @page.media_files.each do |file| %>
+      <li><%= link_to file.filename.to_s, file %></li>
+    <% end %>
+  </ul>
+<% end %>
+
+<%# Sections panel %>
+<section class="cms-sections-panel">
+  <h2><%= t(".content_sections") %></h2>
+
+  <%= render "cms/admin/pages/sections_list",
+             page: @page,
+             page_sections: @page_sections %>
+
+  <hr>
+
+  <details class="cms-add-section">
+    <summary class="cms-btn"><%= t(".add_section") %></summary>
+    <div class="cms-add-section__kinds">
+      <% Cms::Section::KindRegistry.registered_kinds.each do |kind| %>
+        <%= link_to cms_section_kind_label(kind),
+              new_admin_page_section_path(@page, kind: kind, locale: @translation_locale),
+              data: { turbo_frame: "cms-section-form" },
+              class: "cms-btn cms-btn--sm" %>
+      <% end %>
+    </div>
+  </details>
+
+  <%# Turbo Frame target for inline section forms %>
+  <%= render "cms/admin/pages/section_editor_frame" %>
+
+  <%= render "cms/admin/pages/attach_section_panel",
+             page: @page,
+             available_sections: @available_sections %>
+</section>

data/app/views/cms/admin/sections/_form.html.erb

@@ -0,0 +1,128 @@
+<%= form_with model: @section, url: (
+      if @page
+        @section.new_record? ? admin_page_sections_path(@page) : admin_page_section_path(@page, @section)
+      else
+        @section.new_record? ? admin_sections_path : admin_section_path(@section)
+      end
+    ) do |f| %>
+  <% if @section.errors.any? %>
+    <div class="cms-form__errors">
+      <ul>
+        <% @section.errors.full_messages.each do |msg| %>
+          <li><%= msg %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <%= f.hidden_field :kind %>
+
+  <div class="cms-form__field">
+    <label class="cms-form__label"><%= t(".kind") %></label>
+    <span class="cms-badge"><%= cms_section_kind_label(@section.kind) %></span>
+  </div>
+
+  <div class="cms-form__field">
+    <%= f.label :enabled, class: "cms-form__label" %>
+    <%= f.check_box :enabled, class: "cms-checkbox" %>
+  </div>
+
+  <% translation = @section.translations.find { |record| record.locale == @translation_locale.to_s } || @section.translations.build(locale: @translation_locale) %>
+
+  <% case @section.kind %>
+  <% when "rich_text" %>
+    <%= f.fields_for :translations, translation do |tf| %>
+      <%= tf.hidden_field :id if tf.object.persisted? %>
+      <%= tf.hidden_field :locale, value: @translation_locale %>
+
+      <div class="cms-form__field">
+        <%= tf.label :title, class: "cms-form__label" %>
+        <%= tf.text_field :title, class: "cms-input" %>
+      </div>
+
+      <div class="cms-form__field">
+        <%= tf.label :content, t(".content"), class: "cms-form__label" %>
+        <%= tf.rich_text_area :content, class: "cms-input cms-input--textarea" %>
+      </div>
+    <% end %>
+  <% when "image" %>
+    <div class="cms-form__field">
+      <%= label_tag "section_image_ids", t(".select_images"), class: "cms-form__label" %>
+      <%= hidden_field_tag "section[image_ids][]", "" %>
+      <% cms_section_image_options(@section.site).each do |label, value| %>
+        <div>
+          <%= check_box_tag "section[image_ids][]", value, Array(@section.image_ids).map(&:to_s).include?(value.to_s) %>
+          <%= label_tag nil, label %>
+        </div>
+      <% end %>
+      <%= image_library_actions %>
+    </div>
+  <% when "hero" %>
+    <div class="cms-form__field">
+      <%= f.label :background_color, class: "cms-form__label" %>
+      <%= f.color_field :background_color, class: "cms-input" %>
+    </div>
+
+    <div class="cms-form__field">
+      <%= f.label :cta_url, class: "cms-form__label" %>
+      <%= f.url_field :cta_url, class: "cms-input" %>
+    </div>
+
+    <%= f.fields_for :translations, translation do |tf| %>
+      <%= tf.hidden_field :id if tf.object.persisted? %>
+      <%= tf.hidden_field :locale, value: @translation_locale %>
+
+      <div class="cms-form__field">
+        <%= tf.label :title, class: "cms-form__label" %>
+        <%= tf.text_field :title, class: "cms-input" %>
+      </div>
+
+      <div class="cms-form__field">
+        <%= tf.label :subtitle, t(".cta_text"), class: "cms-form__label" %>
+        <%= tf.text_field :subtitle, class: "cms-input" %>
+      </div>
+
+      <div class="cms-form__field">
+        <%= tf.label :content, t(".content"), class: "cms-form__label" %>
+        <%= tf.rich_text_area :content, class: "cms-input cms-input--textarea" %>
+      </div>
+    <% end %>
+  <% when "cta" %>
+    <div class="cms-form__field">
+      <%= f.label :button_url, class: "cms-form__label" %>
+      <%= f.url_field :button_url, class: "cms-input" %>
+    </div>
+
+    <div class="cms-form__field">
+      <%= f.label :alignment, class: "cms-form__label" %>
+      <%= f.select :alignment, [["Left", "left"], ["Center", "center"], ["Right", "right"]], {}, class: "cms-input" %>
+    </div>
+
+    <%= f.fields_for :translations, translation do |tf| %>
+      <%= tf.hidden_field :id if tf.object.persisted? %>
+      <%= tf.hidden_field :locale, value: @translation_locale %>
+
+      <div class="cms-form__field">
+        <%= tf.label :title, class: "cms-form__label" %>
+        <%= tf.text_field :title, class: "cms-input" %>
+      </div>
+
+      <div class="cms-form__field">
+        <%= tf.label :subtitle, t(".button_text"), class: "cms-form__label" %>
+        <%= tf.text_field :subtitle, class: "cms-input" %>
+      </div>
+
+      <div class="cms-form__field">
+        <%= tf.label :content, t(".content"), class: "cms-form__label" %>
+        <%= tf.rich_text_area :content, class: "cms-input cms-input--textarea" %>
+      </div>
+    <% end %>
+  <% end %>
+
+  <div class="cms-form__actions">
+    <%= f.submit @section.new_record? ? t(".add") : t(".update"), class: "cms-btn cms-btn--primary" %>
+    <%= link_to t(".cancel"),
+                (@page ? admin_page_path(@page, locale: @translation_locale) : admin_sections_path(locale: @translation_locale)),
+                class: "cms-btn" %>
+  </div>
+<% end %>

data/app/views/cms/admin/sections/_section.html.erb

@@ -0,0 +1,22 @@
+<div class="cms-section-item"
+     id="page-section-<%= page_section.id %>"
+     data-page-section-id="<%= page_section.id %>">
+  <span class="cms-section-item__handle" title="<%= t(".drag") %>">☰</span>
+
+  <span class="cms-badge cms-badge--kind"><%= cms_section_kind_label(page_section.section.kind) %></span>
+  <span class="cms-section-item__title"><%= page_section.section.title.presence || t(".no_title") %></span>
+  <span class="cms-badge <%= page_section.section.enabled? ? 'cms-badge--enabled' : 'cms-badge--disabled' %>">
+    <%= page_section.section.enabled? ? t(".enabled") : t(".disabled") %>
+  </span>
+
+  <span class="cms-section-item__actions">
+    <%= link_to t(".edit"),
+          edit_admin_page_section_path(@page, page_section.section, locale: @translation_locale),
+          data: { turbo_frame: "cms-section-form" },
+          class: "cms-btn cms-btn--sm" %>
+    <%= link_to t(".delete"),
+          admin_page_section_path(@page, page_section.section),
+          data: { turbo_method: :delete, turbo_confirm: t(".delete_confirm") },
+          class: "cms-btn cms-btn--sm cms-btn--danger" %>
+  </span>
+</div>

data/app/views/cms/admin/sections/edit.html.erb

@@ -0,0 +1,9 @@
+<% if @page %>
+  <%= turbo_frame_tag "cms-section-form" do %>
+    <h2><%= t(".title", kind: cms_section_kind_label(@section.kind)) %></h2>
+    <%= render "form" %>
+  <% end %>
+<% else %>
+  <h1><%= t(".title", kind: cms_section_kind_label(@section.kind)) %></h1>
+  <%= render "form" %>
+<% end %>

data/app/views/cms/admin/sections/index.html.erb

@@ -0,0 +1,47 @@
+<h1><%= t(".title") %></h1>
+
+<p>
+  <%= link_to t(".new"), new_admin_section_path(locale: params[:locale]) %>
+  |
+  <%= link_to t(".back"), admin_pages_path(locale: params[:locale]) %>
+</p>
+
+<p><%= t(".intro") %></p>
+
+<% if @sections.empty? %>
+  <p><%= t(".empty") %></p>
+<% else %>
+  <table>
+    <thead>
+      <tr>
+        <th><%= t(".kind") %></th>
+        <th><%= t(".title_heading") %></th>
+        <th><%= t(".usage") %></th>
+        <th><%= t(".status") %></th>
+        <th><%= t(".actions") %></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @sections.each do |section| %>
+        <tr>
+          <td><%= cms_section_kind_label(section.kind) %></td>
+          <td><%= section.title.presence || t(".no_title") %></td>
+          <td>
+            <% if section.pages.any? %>
+              <%= section.pages.map(&:display_title).join(", ") %>
+            <% else %>
+              <%= t(".unused") %>
+            <% end %>
+          </td>
+          <td><%= section.enabled? ? t(".enabled") : t(".disabled") %></td>
+          <td>
+            <%= link_to t(".edit"), edit_admin_section_path(section, locale: params[:locale]) %>
+            <%= link_to t(".delete"),
+                        admin_section_path(section, locale: params[:locale]),
+                        data: { turbo_method: :delete, turbo_confirm: t(".delete_confirm") } %>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% end %>

data/app/views/cms/admin/sections/new.html.erb

@@ -0,0 +1,9 @@
+<% if @page %>
+  <%= turbo_frame_tag "cms-section-form" do %>
+    <h2><%= t(".title", kind: cms_section_kind_label(@section.kind)) %></h2>
+    <%= render "form" %>
+  <% end %>
+<% else %>
+  <h1><%= t(".title", kind: cms_section_kind_label(@section.kind)) %></h1>
+  <%= render "form" %>
+<% end %>

data/app/views/cms/admin/sections/page_update.turbo_stream.erb

@@ -0,0 +1,17 @@
+<%= turbo_stream.replace "cms-sections-list" do %>
+  <%= render "cms/admin/pages/sections_list",
+             page: @page,
+             page_sections: @page_sections %>
+<% end %>
+
+<%= turbo_stream.replace "cms-section-form" do %>
+  <%= render "cms/admin/pages/section_editor_frame" %>
+<% end %>
+
+<%= turbo_stream.replace "cms-attach-section-panel" do %>
+  <%= render "cms/admin/pages/attach_section_panel",
+             page: @page,
+             available_sections: @available_sections %>
+<% end %>
+
+<%= turbo_stream.replace "flash", partial: "shared/alerts" %>

data/app/views/cms/admin/sections/show.html.erb

@@ -0,0 +1,97 @@
+<% content_for :page_title, "#{@section.title.presence || t("cms.admin.sections.index.no_title")} - CMS" %>
+<% content_for :title, @section.title.presence || t("cms.admin.sections.index.no_title") %>
+
+<div class="cms-stack">
+  <section class="cms-panel">
+    <h2><%= t("cms.admin.sections.show.details") %></h2>
+
+    <p><strong><%= t("cms.admin.sections.index.kind") %>:</strong> <span class="cms-badge"><%= cms_section_kind_label(@section.kind) %></span></p>
+    <p><strong><%= t("cms.admin.sections.index.status") %>:</strong> <%= @section.enabled? ? t("cms.admin.sections.index.enabled") : t("cms.admin.sections.index.disabled") %></p>
+    <p><strong><%= t("cms.admin.sections.show.global") %>:</strong> <%= cms_yes_no(@section.global?) %></p>
+
+    <% if @section.kind == "hero" %>
+      <h3><%= t("cms.admin.sections.form.settings") %></h3>
+      <% if @section.background_color.present? %>
+        <p><strong><%= Cms::Section.human_attribute_name(:background_color) %>:</strong> <code><%= @section.background_color %></code></p>
+      <% end %>
+      <% if @section.cta_url.present? %>
+        <p><strong><%= Cms::Section.human_attribute_name(:cta_url) %>:</strong> <code><%= @section.cta_url %></code></p>
+      <% end %>
+    <% elsif @section.kind == "cta" %>
+      <h3><%= t("cms.admin.sections.form.settings") %></h3>
+      <% if @section.button_url.present? %>
+        <p><strong><%= Cms::Section.human_attribute_name(:button_url) %>:</strong> <code><%= @section.button_url %></code></p>
+      <% end %>
+      <% if @section.alignment.present? %>
+        <p><strong><%= Cms::Section.human_attribute_name(:alignment) %>:</strong> <%= @section.alignment.capitalize %></p>
+      <% end %>
+    <% end %>
+
+    <h3><%= t("cms.admin.sections.index.usage") %></h3>
+    <% if @section.pages.any? %>
+      <ul>
+        <% @section.pages.each do |page| %>
+          <li><%= link_to page.display_title, admin_page_path(page, locale: @translation_locale) %></li>
+        <% end %>
+      </ul>
+    <% else %>
+      <p><%= t("cms.admin.sections.index.unused") %></p>
+    <% end %>
+  </section>
+
+  <section class="cms-panel">
+    <h2><%= t("cms.admin.pages.show.translations") %></h2>
+    <% locales = [@translation_locale, *@section.available_locales].compact.uniq %>
+    <% translations_by_locale = @section.translations.index_by(&:locale) %>
+
+    <% locales.each do |locale| %>
+      <% translation = translations_by_locale[locale.to_s] %>
+      <article class="cms-panel">
+        <p><strong><%= t("locales.#{locale}", default: locale.to_s.upcase) %></strong></p>
+        <% if translation %>
+          <p><strong><%= t("cms.admin.sections.form.title") %>:</strong> <%= translation.title.presence || t("cms.shared.empty_value") %></p>
+
+          <% if @section.kind == "hero" && translation.subtitle.present? %>
+            <p><strong><%= t("cms.admin.sections.form.cta_text") %>:</strong> <%= translation.subtitle %></p>
+          <% end %>
+
+          <% if @section.kind == "cta" && translation.subtitle.present? %>
+            <p><strong><%= t("cms.admin.sections.form.button_text") %>:</strong> <%= translation.subtitle %></p>
+          <% end %>
+
+          <p><strong><%= t("cms.admin.sections.form.content") %>:</strong></p>
+          <% if translation.content.present? %>
+            <div class="cms-panel"><%= translation.content %></div>
+          <% else %>
+            <p><%= t("cms.shared.empty_value") %></p>
+          <% end %>
+        <% else %>
+          <p><%= t("cms.admin.sections.show.no_translation") %></p>
+        <% end %>
+      </article>
+    <% end %>
+
+    <% if @section.kind == "image" && @section.image_assets.any? %>
+      <section class="cms-panel">
+        <h3><%= t("cms.admin.sections.form.select_images") %></h3>
+        <div class="cms-grid">
+          <% @section.image_assets.each do |image| %>
+            <article>
+              <%= image_tag image.file, alt: image.alt_text.presence || image.display_title, style: "max-width: 100%; height: auto;" %>
+              <p><%= image.display_title %></p>
+            </article>
+          <% end %>
+        </div>
+      </section>
+    <% end %>
+  </section>
+</div>
+
+<div class="cms-form__actions">
+  <%= link_to t("cms.admin.sections.index.back", default: "Back"), admin_sections_path(locale: @translation_locale), class: "cms-btn" %>
+  <%= link_to t("cms.admin.sections.index.edit"), edit_admin_section_path(@section, locale: @translation_locale), class: "cms-btn cms-btn--primary" %>
+  <%= link_to t("cms.admin.sections.index.delete"),
+              admin_section_path(@section, locale: @translation_locale),
+              class: "cms-btn",
+              data: { turbo_method: :delete, turbo_confirm: t("cms.admin.sections.index.delete_confirm") } %>
+</div>

data/app/views/cms/admin/sites/_form.html.erb

@@ -0,0 +1,44 @@
+<%= form_with model: @site, url: admin_site_path, method: @site.persisted? ? :patch : :post do |f| %>
+  <p>
+    <%= f.label :name %><br>
+    <%= f.text_field :name %>
+  </p>
+
+  <p>
+    <%= f.label :slug %><br>
+    <%= f.text_field :slug %>
+  </p>
+
+  <p>
+    <%= f.label :default_locale %><br>
+    <%= f.text_field :default_locale %>
+  </p>
+
+  <p>
+    <%= f.label :published %>
+    <%= f.check_box :published %>
+  </p>
+
+  <p>
+    <%= f.label :logo %><br>
+    <%= f.file_field :logo, accept: "image/*" %>
+    <br>
+    <small><%= t("cms.admin.sites.form.logo_hint") %></small>
+    <% if @site.logo.attached? %>
+      <br>
+      <%= image_tag cms_attachment_path(@site.logo), alt: t("cms.admin.sites.form.logo_alt", site: @site.name), style: "max-width: 200px; height: auto;" %>
+      <br>
+      <label>
+        <%= check_box_tag "site[remove_logo]", "1" %>
+        <%= t("cms.admin.sites.form.remove_logo") %>
+      </label>
+    <% end %>
+  </p>
+
+  <p>
+    <%= f.submit submit_label %>
+    <% if cancel_path.present? %>
+      <%= link_to t("cms.admin.sites.form.cancel"), cancel_path %>
+    <% end %>
+  </p>
+<% end %>

data/app/views/cms/admin/sites/edit.html.erb

@@ -0,0 +1,3 @@
+<h1><%= t("cms.admin.sites.edit.title") %></h1>
+
+<%= render "form", submit_label: t("cms.admin.sites.form.save"), cancel_path: admin_site_path %>

data/app/views/cms/admin/sites/new.html.erb

@@ -0,0 +1,5 @@
+<h1><%= t("cms.admin.sites.new.title") %></h1>
+
+<p><%= t("cms.admin.sites.new.intro") %></p>
+
+<%= render "form", submit_label: t("cms.admin.sites.form.create"), cancel_path: nil %>

data/app/views/cms/admin/sites/show.html.erb

@@ -0,0 +1,22 @@
+<h1><%= t("cms.admin.sites.show.title") %></h1>
+
+<p>
+  <%= t("cms.admin.sites.show.public_url") %>:
+  <%= link_to site_path(@site.slug), site_path(@site.slug) %>
+</p>
+
+<p><strong><%= t("cms.admin.sites.show.published") %>:</strong> <%= cms_yes_no(@site.published?) %></p>
+<p><strong><%= t("cms.admin.sites.show.default_locale") %>:</strong> <%= @site.default_locale %></p>
+<p><strong><%= t("cms.admin.sites.show.available_locales") %>:</strong> <%= I18n.available_locales.map(&:to_s).join(", ") %></p>
+
+<% if @site.logo.attached? %>
+  <p><strong><%= t("cms.admin.sites.show.logo") %>:</strong></p>
+  <p><%= image_tag cms_attachment_path(@site.logo), alt: t("cms.admin.sites.show.logo_alt", site: @site.name), style: "max-width: 220px; height: auto;" %></p>
+  <p><small><%= t("cms.admin.sites.show.logo_hint") %></small></p>
+<% end %>
+
+<p>
+  <%= link_to t("cms.admin.sites.show.edit"), edit_admin_site_path %>
+  |
+  <%= link_to t("cms.admin.sites.show.manage_pages"), admin_pages_path %>
+</p>

data/app/views/cms/admin/webhook_deliveries/index.html.erb

@@ -0,0 +1,29 @@
+<h1><%= t("cms.admin.webhook_deliveries.index.title", url: @webhook.url) %></h1>
+<p><%= link_to t("cms.admin.webhook_deliveries.index.back"), admin_webhooks_path %></p>
+
+<% if @deliveries.empty? %>
+  <p><%= t("cms.admin.webhook_deliveries.index.empty") %></p>
+<% else %>
+  <table>
+    <thead>
+      <tr>
+        <th><%= t("cms.admin.webhook_deliveries.index.delivered_at") %></th>
+        <th><%= t("cms.admin.webhook_deliveries.index.event") %></th>
+        <th><%= t("cms.admin.webhook_deliveries.index.status") %></th>
+        <th><%= t("cms.admin.webhook_deliveries.index.response_code") %></th>
+        <th><%= t("cms.admin.webhook_deliveries.index.error") %></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @deliveries.each do |delivery| %>
+        <tr>
+          <td><%= cms_datetime(delivery.delivered_at) %></td>
+          <td><%= delivery.event %></td>
+          <td><%= delivery.success? ? t("cms.shared.yes") : t("cms.shared.no") %></td>
+          <td><%= delivery.response_code.presence || t("cms.shared.empty_value") %></td>
+          <td><%= delivery.error_message.presence || t("cms.shared.empty_value") %></td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% end %>

data/app/views/cms/admin/webhooks/_form.html.erb

@@ -0,0 +1,38 @@
+<%= form_with model: [:admin, webhook] do |f| %>
+  <% if webhook.errors.any? %>
+    <div>
+      <% webhook.errors.full_messages.each do |msg| %>
+        <p><%= msg %></p>
+      <% end %>
+    </div>
+  <% end %>
+
+  <div>
+    <%= f.label :url, t(".url") %>
+    <%= f.url_field :url %>
+  </div>
+
+  <div>
+    <%= f.label :secret, t(".secret") %>
+    <%= f.text_field :secret %>
+  </div>
+
+  <div>
+    <p><strong><%= t(".events") %></strong></p>
+    <% Cms::Webhook::EVENTS.each do |event| %>
+      <label>
+        <%= check_box_tag "webhook[events][]", event, webhook.events.include?(event) %>
+        <%= cms_webhook_event_label(event) %>
+      </label>
+    <% end %>
+  </div>
+
+  <div>
+    <%= f.label :active %>
+    <%= f.check_box :active %>
+  </div>
+
+  <div>
+    <%= f.submit %>
+  </div>
+<% end %>

data/app/views/cms/admin/webhooks/edit.html.erb

@@ -0,0 +1,5 @@
+<h1><%= t(".title") %></h1>
+
+<%= render "form", webhook: @webhook %>
+
+<p><%= link_to t(".back"), admin_webhooks_path %></p>

data/app/views/cms/admin/webhooks/index.html.erb

@@ -0,0 +1,34 @@
+<h1><%= t(".title") %></h1>
+
+<p><%= link_to t(".new"), new_admin_webhook_path %></p>
+
+<% if @webhooks.any? %>
+  <table>
+    <thead>
+      <tr>
+        <th><%= t(".url") %></th>
+        <th><%= t(".events") %></th>
+        <th><%= t(".active") %></th>
+        <th></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @webhooks.each do |webhook| %>
+        <tr>
+          <td><%= webhook.url %></td>
+          <td><%= webhook.events.map { |event| cms_webhook_event_label(event) }.join(", ") %></td>
+          <td><%= cms_yes_no(webhook.active?) %></td>
+          <td>
+            <%= link_to t(".edit"), edit_admin_webhook_path(webhook) %>
+            |
+            <%= link_to t(".delete"),
+                        admin_webhook_path(webhook),
+                        data: { turbo_method: :delete, turbo_confirm: t(".delete_confirm") } %>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% else %>
+  <p><%= t(".empty") %></p>
+<% end %>

data/app/views/cms/admin/webhooks/new.html.erb

@@ -0,0 +1,5 @@
+<h1><%= t(".title") %></h1>
+
+<%= render "form", webhook: @webhook %>
+
+<p><%= link_to t(".back"), admin_webhooks_path %></p>