lato_cms 3.0.0

data/app/views/lato_cms/pages/fields/_file.html.erb

@@ -0,0 +1,29 @@
+<% label = field_config['name'] || field_id.humanize %>
+<% required = field_config['required'] == true %>
+<% settings = field_config['settings'] || {} %>
+<% multiple = settings['multiple'] != false %>
+<% accept = settings['accept'] %>
+
+<label class="form-label">
+  <%= label %><%= ' *' if required %>
+</label>
+
+<% if page_field&.files&.attached? %>
+  <div class="mb-2">
+    <% page_field.files.each do |file| %>
+      <div class="form-check mb-1 p-2 ps-4 bg-light rounded">
+        <input type="checkbox" class="form-check-input" name="fields[<%= field_id %>][remove_file_ids][]" value="<%= file.id %>" id="remove_file_<%= file.id %>">
+        <label class="form-check-label small" for="remove_file_<%= file.id %>">
+          <i class="bi bi-paperclip me-1"></i><%= file.blob.filename %> (<%= number_to_human_size(file.blob.byte_size) %>) — <span class="text-danger"><%= t('lato_cms.field_file_remove') %></span>
+        </label>
+      </div>
+    <% end %>
+  </div>
+<% end %>
+
+<input type="file"
+  class="form-control"
+  name="fields[<%= field_id %>][files][]"
+  id="fields_<%= field_id %>_files"
+  <%= 'multiple' if multiple %>
+  <% if accept %>accept="<%= accept %>"<% end %>>

data/app/views/lato_cms/pages/fields/_gallery.html.erb

@@ -0,0 +1,55 @@
+<% label = field_config['name'] || field_id.humanize %>
+<% required = field_config['required'] == true %>
+<% settings = field_config['settings'] || {} %>
+<% accept = settings['accept'] || 'image/*' %>
+
+<%# Build ordered file list from value JSON or default order %>
+<% ordered_files = begin
+  if page_field&.files&.attached?
+    order = JSON.parse(page_field.value || '[]') rescue []
+    files = page_field.files.to_a
+    order.filter_map { |id| files.find { |f| f.id.to_s == id.to_s } } +
+      files.reject { |f| order.include?(f.id.to_s) }
+  else
+    []
+  end
+end %>
+
+<label class="form-label">
+  <%= label %><%= ' *' if required %>
+</label>
+
+<div data-controller="lato-cms-gallery-field" data-lato-cms-gallery-field-field-id-value="<%= field_id %>">
+  <div class="lato-cms-gallery-field__grid mb-2"
+       data-lato-cms-gallery-field-target="grid"
+       data-action="dragover->lato-cms-gallery-field#onGridDragOver drop->lato-cms-gallery-field#onGridDrop">
+    <% ordered_files.each do |file| %>
+      <div class="lato-cms-gallery-field__item"
+           data-gallery-item
+           data-attachment-id="<%= file.id %>"
+           draggable="true"
+           data-action="dragstart->lato-cms-gallery-field#onDragStart dragend->lato-cms-gallery-field#onDragEnd">
+        <img src="<%= lato_cms_attachment_path(file) %>" class="lato-cms-gallery-field__thumb" alt="<%= file.filename %>">
+        <button type="button" class="lato-cms-gallery-field__remove" data-action="click->lato-cms-gallery-field#remove">
+          <i class="bi bi-x-lg"></i>
+        </button>
+      </div>
+    <% end %>
+  </div>
+
+  <% if ordered_files.empty? %>
+    <p class="text-muted small mb-2" data-lato-cms-gallery-field-target="emptyMsg"><%= t('lato_cms.field_gallery_empty') %></p>
+  <% end %>
+
+  <label class="btn btn-sm btn-outline-secondary">
+    <i class="bi bi-plus-lg me-1"></i><%= t('lato_cms.field_gallery_add_images') %>
+    <input type="file"
+      class="d-none"
+      name="fields[<%= field_id %>][files][]"
+      accept="<%= accept %>"
+      multiple
+      data-lato-cms-gallery-field-target="fileInput"
+      data-action="change->lato-cms-gallery-field#addFiles">
+  </label>
+  <small class="text-muted ms-2"><%= t('lato_cms.field_gallery_drag_to_reorder') %></small>
+</div>

data/app/views/lato_cms/pages/fields/_image.html.erb

@@ -0,0 +1,39 @@
+<% label = field_config['name'] || field_id.humanize %>
+<% required = field_config['required'] == true %>
+<% settings = field_config['settings'] || {} %>
+<% accept = settings['accept'] || 'image/*' %>
+<% current_file = page_field&.files&.attached? ? page_field.files.first : nil %>
+
+<label class="form-label">
+  <%= label %><%= ' *' if required %>
+</label>
+
+<div data-controller="lato-cms-image-field">
+  <% if current_file %>
+    <div class="mb-2" data-lato-cms-image-field-target="currentContainer">
+      <div class="position-relative d-inline-block">
+        <img src="<%= lato_cms_attachment_path(current_file) %>" class="img-thumbnail lato-cms-image-field__thumb" data-lato-cms-image-field-target="currentImage" alt="<%= current_file.filename %>">
+        <label class="lato-cms-image-field__remove-btn" title="<%= t('lato_cms.field_image_remove') %>">
+          <input type="checkbox" class="d-none" name="fields[<%= field_id %>][remove_file_ids][]" value="<%= current_file.id %>" data-lato-cms-image-field-target="removeCheck" data-action="change->lato-cms-image-field#toggleRemove">
+          <i class="bi bi-x-lg"></i>
+        </label>
+      </div>
+    </div>
+  <% end %>
+
+  <div class="mb-2 d-none" data-lato-cms-image-field-target="newPreviewContainer">
+    <div class="position-relative d-inline-block">
+      <img src="" class="img-thumbnail lato-cms-image-field__thumb" data-lato-cms-image-field-target="newPreview" alt="">
+      <span class="badge bg-success lato-cms-image-field__new-badge"><%= t('lato_cms.field_image_new_badge') %></span>
+    </div>
+  </div>
+
+  <input type="file"
+    class="form-control"
+    name="fields[<%= field_id %>][files][]"
+    id="fields_<%= field_id %>_files"
+    accept="<%= accept %>"
+    data-lato-cms-image-field-target="input"
+    data-action="change->lato-cms-image-field#preview"
+    <%= 'required' if required && !current_file %>>
+</div>

data/app/views/lato_cms/pages/fields/_json.html.erb

@@ -0,0 +1,23 @@
+<% label = field_config['name'] || field_id.humanize %>
+<% required = field_config['required'] == true %>
+<% settings = field_config['settings'] || {} %>
+<% current_value = page_field&.value || '' %>
+<% if current_value.present? %>
+  <% begin; current_value = JSON.pretty_generate(JSON.parse(current_value)); rescue JSON::ParserError; end %>
+<% end %>
+
+<label class="form-label" for="fields_<%= field_id %>_value">
+  <%= label %><%= ' *' if required %>
+</label>
+<div data-controller="lato-cms-json-field">
+  <textarea
+    class="form-control font-monospace"
+    name="fields[<%= field_id %>][value]"
+    id="fields_<%= field_id %>_value"
+    rows="<%= settings['rows'] || 6 %>"
+    data-lato-cms-json-field-target="input"
+    data-action="input->lato-cms-json-field#validate"
+    <%= 'required' if required %>
+    <% if settings['placeholder'] %>placeholder="<%= settings['placeholder'] %>"<% end %>><%= current_value %></textarea>
+  <div data-lato-cms-json-field-target="status" class="form-text"></div>
+</div>

data/app/views/lato_cms/pages/fields/_multiselect.html.erb

@@ -0,0 +1,25 @@
+<% label = field_config['name'] || field_id.humanize %>
+<% required = field_config['required'] == true %>
+<% settings = field_config['settings'] || {} %>
+<% options = settings['options'] || [] %>
+<% current_values = begin; page_field&.value.present? ? JSON.parse(page_field.value) : []; rescue; []; end %>
+
+<label class="form-label" for="fields_<%= field_id %>_value">
+  <%= label %><%= ' *' if required %>
+</label>
+<select
+  class="form-select"
+  name="fields[<%= field_id %>][value][]"
+  id="fields_<%= field_id %>_value"
+  multiple
+  size="<%= [options.length, 6].min %>"
+  <%= 'required' if required %>>
+  <% options.each do |option| %>
+    <% if option.is_a?(Hash) %>
+      <option value="<%= option['value'] %>" <%= 'selected' if current_values.include?(option['value'].to_s) %>><%= option['label'] %></option>
+    <% else %>
+      <option value="<%= option %>" <%= 'selected' if current_values.include?(option.to_s) %>><%= option %></option>
+    <% end %>
+  <% end %>
+</select>
+<small class="form-text text-muted"><%= t('lato_cms.field_multiselect_hint') %></small>

data/app/views/lato_cms/pages/fields/_number.html.erb

@@ -0,0 +1,18 @@
+<% label = field_config['name'] || field_id.humanize %>
+<% required = field_config['required'] == true %>
+<% settings = field_config['settings'] || {} %>
+<% current_value = page_field&.value || '' %>
+
+<label class="form-label" for="fields_<%= field_id %>_value">
+  <%= label %><%= ' *' if required %>
+</label>
+<input type="number"
+  class="form-control"
+  name="fields[<%= field_id %>][value]"
+  id="fields_<%= field_id %>_value"
+  value="<%= current_value %>"
+  <%= 'required' if required %>
+  <% if settings['min'] %>min="<%= settings['min'] %>"<% end %>
+  <% if settings['max'] %>max="<%= settings['max'] %>"<% end %>
+  <% if settings['step'] %>step="<%= settings['step'] %>"<% end %>
+  <% if settings['placeholder'] %>placeholder="<%= settings['placeholder'] %>"<% end %>>

data/app/views/lato_cms/pages/fields/_select.html.erb

@@ -0,0 +1,23 @@
+<% label = field_config['name'] || field_id.humanize %>
+<% required = field_config['required'] == true %>
+<% settings = field_config['settings'] || {} %>
+<% options = settings['options'] || [] %>
+<% current_value = page_field&.value || '' %>
+
+<label class="form-label" for="fields_<%= field_id %>_value">
+  <%= label %><%= ' *' if required %>
+</label>
+<select
+  class="form-select"
+  name="fields[<%= field_id %>][value]"
+  id="fields_<%= field_id %>_value"
+  <%= 'required' if required %>>
+  <option value=""><%= t('lato_cms.field_select_placeholder') %></option>
+  <% options.each do |option| %>
+    <% if option.is_a?(Hash) %>
+      <option value="<%= option['value'] %>" <%= 'selected' if current_value == option['value'].to_s %>><%= option['label'] %></option>
+    <% else %>
+      <option value="<%= option %>" <%= 'selected' if current_value == option.to_s %>><%= option %></option>
+    <% end %>
+  <% end %>
+</select>

data/app/views/lato_cms/pages/fields/_string.html.erb

@@ -0,0 +1,18 @@
+<% label = field_config['name'] || field_id.humanize %>
+<% required = field_config['required'] == true %>
+<% settings = field_config['settings'] || {} %>
+<% current_value = page_field&.value || '' %>
+
+<label class="form-label" for="fields_<%= field_id %>_value">
+  <%= label %><%= ' *' if required %>
+</label>
+<input type="text"
+  class="form-control"
+  name="fields[<%= field_id %>][value]"
+  id="fields_<%= field_id %>_value"
+  value="<%= current_value %>"
+  <%= 'required' if required %>
+  <% if settings['placeholder'] %>placeholder="<%= settings['placeholder'] %>"<% end %>
+  <% if settings['maxlength'] %>maxlength="<%= settings['maxlength'] %>"<% end %>
+  <% if settings['minlength'] %>minlength="<%= settings['minlength'] %>"<% end %>
+  <% if settings['pattern'] %>pattern="<%= settings['pattern'] %>"<% end %>>

data/app/views/lato_cms/pages/fields/_text.html.erb

@@ -0,0 +1,80 @@
+<% label = field_config['name'] || field_id.humanize %>
+<% required = field_config['required'] == true %>
+<% current_value = page_field&.value || '' %>
+
+<label class="form-label" for="fields_<%= field_id %>_value">
+  <%= label %><%= ' *' if required %>
+</label>
+
+<div data-controller="lato-cms-text-field">
+
+  <%# ── Toolbar ──────────────────────────────────────────────────────────── %>
+  <div class="lato-cms-wysiwyg-toolbar border border-bottom-0 rounded-top bg-light px-2 py-1 d-flex flex-wrap gap-1 align-items-center"
+       data-lato-cms-text-field-target="toolbar">
+    <button type="button" class="btn btn-sm btn-outline-secondary py-0 px-1" title="<%= t('lato_cms.field_text_toolbar_bold') %>"
+            data-action="click->lato-cms-text-field#bold">
+      <i class="bi bi-type-bold"></i>
+    </button>
+    <button type="button" class="btn btn-sm btn-outline-secondary py-0 px-1" title="<%= t('lato_cms.field_text_toolbar_italic') %>"
+            data-action="click->lato-cms-text-field#italic">
+      <i class="bi bi-type-italic"></i>
+    </button>
+    <button type="button" class="btn btn-sm btn-outline-secondary py-0 px-1" title="<%= t('lato_cms.field_text_toolbar_underline') %>"
+            data-action="click->lato-cms-text-field#underline">
+      <i class="bi bi-type-underline"></i>
+    </button>
+    <button type="button" class="btn btn-sm btn-outline-secondary py-0 px-1" title="<%= t('lato_cms.field_text_toolbar_strikethrough') %>"
+            data-action="click->lato-cms-text-field#strikethrough">
+      <i class="bi bi-type-strikethrough"></i>
+    </button>
+    <span class="vr mx-1"></span>
+    <button type="button" class="btn btn-sm btn-outline-secondary py-0 px-1" title="<%= t('lato_cms.field_text_toolbar_align_left') %>"
+            data-action="click->lato-cms-text-field#alignLeft">
+      <i class="bi bi-text-left"></i>
+    </button>
+    <button type="button" class="btn btn-sm btn-outline-secondary py-0 px-1" title="<%= t('lato_cms.field_text_toolbar_align_center') %>"
+            data-action="click->lato-cms-text-field#alignCenter">
+      <i class="bi bi-text-center"></i>
+    </button>
+    <button type="button" class="btn btn-sm btn-outline-secondary py-0 px-1" title="<%= t('lato_cms.field_text_toolbar_align_right') %>"
+            data-action="click->lato-cms-text-field#alignRight">
+      <i class="bi bi-text-right"></i>
+    </button>
+    <span class="vr mx-1"></span>
+    <button type="button" class="btn btn-sm btn-outline-secondary py-0 px-1" title="<%= t('lato_cms.field_text_toolbar_unordered_list') %>"
+            data-action="click->lato-cms-text-field#insertUnorderedList">
+      <i class="bi bi-list-ul"></i>
+    </button>
+    <button type="button" class="btn btn-sm btn-outline-secondary py-0 px-1" title="<%= t('lato_cms.field_text_toolbar_ordered_list') %>"
+            data-action="click->lato-cms-text-field#insertOrderedList">
+      <i class="bi bi-list-ol"></i>
+    </button>
+
+    <%# ── Source toggle ────────────────────────────────────────────────── %>
+    <span class="vr mx-1 ms-auto"></span>
+    <button type="button" class="btn btn-sm btn-outline-secondary py-0 px-1" title="<%= t('lato_cms.field_text_toolbar_toggle_html_source') %>"
+            data-action="click->lato-cms-text-field#toggleSource"
+            data-lato-cms-text-field-target="sourceBtn">
+      <i class="bi bi-code-slash"></i>
+    </button>
+  </div>
+
+  <%# ── Editable area (WYSIWYG) ─────────────────────────────────────────── %>
+  <div class="form-control lato-cms-wysiwyg-editor rounded-0 rounded-bottom"
+       contenteditable="true"
+       style="min-height: 150px; overflow-y: auto; line-height: 1.6;"
+       data-lato-cms-text-field-target="editor"><%= current_value.html_safe %></div>
+
+  <%# ── Source view (raw HTML) ──────────────────────────────────────────── %>
+  <textarea class="form-control lato-cms-wysiwyg-source rounded-0 rounded-bottom font-monospace d-none"
+            style="min-height: 150px; font-size: 0.8rem; resize: vertical; white-space: pre;"
+            spellcheck="false"
+            data-lato-cms-text-field-target="source"></textarea>
+
+  <%# ── Hidden input submitted with the form ───────────────────────────── %>
+  <input type="hidden"
+         name="fields[<%= field_id %>][value]"
+         id="fields_<%= field_id %>_value"
+         data-lato-cms-text-field-target="input"
+         value="<%= CGI.escapeHTML(current_value) %>">
+</div>

data/app/views/lato_cms/pages/fields/_textarea.html.erb

@@ -0,0 +1,16 @@
+<% label = field_config['name'] || field_id.humanize %>
+<% required = field_config['required'] == true %>
+<% settings = field_config['settings'] || {} %>
+<% current_value = page_field&.value || '' %>
+
+<label class="form-label" for="fields_<%= field_id %>_value">
+  <%= label %><%= ' *' if required %>
+</label>
+<textarea
+  class="form-control"
+  name="fields[<%= field_id %>][value]"
+  id="fields_<%= field_id %>_value"
+  rows="<%= settings['rows'] || 4 %>"
+  <%= 'required' if required %>
+  <% if settings['placeholder'] %>placeholder="<%= settings['placeholder'] %>"<% end %>
+  <% if settings['maxlength'] %>maxlength="<%= settings['maxlength'] %>"<% end %>><%= current_value %></textarea>

data/app/views/lato_cms/pages/index.html.erb

@@ -0,0 +1,32 @@
+<%= lato_page_head t('lato_cms.pages_index_title'), [{ label: t('lato_cms.pages_index_title') }] %>
+
+<div class="card">
+  <div class="card-header d-flex gap-2">
+    <%= link_to lato_cms.pages_path, class: "btn btn-sm #{params[:locale].blank? ? 'btn-primary' : 'btn-outline-secondary'}" do %>
+      <i class="bi bi-globe me-1"></i><%= t('lato_cms.pages_filter_all') %>
+    <% end %>
+    <% LatoCms.config.locales.each do |locale| %>
+      <%= link_to lato_cms.pages_path(locale: locale), class: "btn btn-sm #{params[:locale] == locale.to_s ? 'btn-primary' : 'btn-outline-secondary'}" do %>
+        <%= locale_to_flag(locale) %> <%= locale.to_s.upcase %>
+      <% end %>
+    <% end %>
+  </div>
+  <div class="card-body">
+    <%= lato_index @pages,
+      custom_actions: {
+        create: {
+          path: lato_cms.pages_create_path,
+          icon: 'bi bi-plus',
+          title: t('lato_cms.page_create_cta'),
+          data: {
+            controller: 'lato-tooltip',
+            lato_action_target: 'trigger',
+            turbo_frame: dom_id(LatoCms::Page.new, 'form'),
+            action_title: t('lato_cms.page_create_title')
+          }
+        }
+      },
+      pagination_options: [10, 20, 50, 100]
+    %>
+  </div>
+</div>

data/app/views/lato_cms/pages/show.html.erb

@@ -0,0 +1,105 @@
+<%= lato_page_head @page.title, [
+  { label: t('lato_cms.pages_index_title'), path: lato_cms.pages_path },
+  { label: @page.title }
+] %>
+
+<div data-controller="lato-cms-advanced-editor">
+  <div class="row align-items-stretch lato-cms-advanced-editor__row" data-lato-cms-advanced-editor-target="row">
+
+    <%# ── Preview column ─────────────────────────────────────────────────── %>
+    <div class="col-12 col-lg-6 mb-4 lato-cms-advanced-editor__preview-col" data-lato-cms-advanced-editor-target="previewCol">
+      <% if @page.frontend_url.present? %>
+        <div class="card h-100" style="overflow: hidden;" data-controller="lato-cms-page-preview">
+          <div class="card-body p-0">
+            <iframe src="<%= @page.frontend_url %>" data-lato-cms-page-preview-target="iframe" style="width: 100%; height: calc(100dvh - 180px); border: none; display: block;"></iframe>
+          </div>
+        </div>
+      <% else %>
+        <div class="card h-100">
+          <div class="card-body d-flex flex-column align-items-center justify-content-center text-muted" style="height: calc(100dvh - 180px);">
+            <i class="bi bi-globe fs-1 mb-3"></i>
+            <p class="mb-1"><%= t('lato_cms.show_no_preview_title') %></p>
+            <p class="small"><%= t('lato_cms.show_no_preview_description').html_safe %></p>
+            <%= link_to t('lato_cms.show_edit_settings_cta'), lato_cms.pages_update_path(@page), class: 'btn btn-sm btn-outline-primary mt-2',
+              data: { lato_action_target: 'trigger', turbo_frame: dom_id(@page, 'form'), action_title: t('lato_cms.page_update_title') } %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+
+    <%# ── Editor column ──────────────────────────────────────────────────── %>
+    <div class="col-12 col-lg-6 mb-4 lato-cms-advanced-editor__editor-col" data-lato-cms-advanced-editor-target="editorCol">
+      <div class="card h-100">
+        <div class="card-header d-flex justify-content-between align-items-center">
+          <h2 class="fs-5 mb-0"><%= t('lato_cms.show_editor_title') %></h2>
+          <div class="d-flex align-items-center gap-2">
+            <%= lato_cms_page_locale(@page) %>
+            <span class="vr"></span>
+            <%= lato_cms_page_actions(@page, show_edit: true, show_delete: true, hide_show: true) %>
+            <span class="vr"></span>
+            <button class="btn btn-sm btn-outline-secondary"
+                    title="<%= t('lato_cms.show_advanced_editor_tooltip') %>"
+                    data-controller="lato-tooltip"
+                    data-action="click->lato-cms-advanced-editor#toggle"
+                    data-lato-cms-advanced-editor-target="toggleBtn">
+              <i class="bi bi-fullscreen"></i>
+            </button>
+            <button class="btn btn-sm btn-outline-secondary d-none"
+                    title="<%= t('lato_cms.show_hide_panel_tooltip') %>"
+                    data-controller="lato-tooltip"
+                    data-action="click->lato-cms-advanced-editor#toggleSidebar"
+                    data-lato-cms-advanced-editor-target="collapseBtn">
+              <i class="bi bi-layout-sidebar-reverse"></i>
+            </button>
+          </div>
+        </div>
+        <div class="card-body" style="overflow-y: auto; max-height: calc(100dvh - 230px);">
+          <% if @page.template_id.blank? %>
+            <div class="text-center text-muted py-5">
+              <i class="bi bi-file-earmark-code fs-1 mb-3 d-block"></i>
+              <p class="mb-1"><%= t('lato_cms.show_no_template_title') %></p>
+              <p class="small"><%= t('lato_cms.show_no_template_description') %></p>
+              <%= link_to t('lato_cms.show_edit_settings_cta'), lato_cms.pages_update_path(@page), class: 'btn btn-sm btn-outline-primary mt-2',
+                data: { lato_action_target: 'trigger', turbo_frame: dom_id(@page, 'form'), action_title: t('lato_cms.page_update_title') } %>
+            </div>
+          <% elsif !@page.template_available? %>
+            <div class="alert alert-warning">
+              <i class="bi bi-exclamation-triangle me-1"></i>
+              <%= t('lato_cms.show_template_unavailable', template_id: @page.template_id) %>
+              <%= link_to t('lato_cms.show_edit_settings_cta'), lato_cms.pages_update_path(@page), class: 'btn btn-sm btn-outline-warning ms-2',
+                data: { lato_action_target: 'trigger', turbo_frame: dom_id(@page, 'form'), action_title: t('lato_cms.page_update_title') } %>
+            </div>
+            <% existing_fields = @page.fields.group_by(&:template_component_id) %>
+            <% if existing_fields.any? %>
+              <p class="text-muted small"><%= t('lato_cms.show_previously_saved_fields') %></p>
+              <% existing_fields.each do |tc_id, fields| %>
+                <div class="mb-3">
+                  <h6 class="text-muted"><%= tc_id %></h6>
+                  <% fields.each do |field| %>
+                    <div class="mb-2 ps-3">
+                      <small class="text-muted"><%= field.field_id %>:</small>
+                      <span><%= field.value.present? ? field.value.truncate(100) : '-' %></span>
+                    </div>
+                  <% end %>
+                </div>
+              <% end %>
+            <% end %>
+          <% else %>
+            <%= render 'lato_cms/pages/fields_editor', page: @page, template_components: @template_components %>
+          <% end %>
+        </div>
+      </div>
+    </div>
+
+  </div>
+
+  <%# ── Re-open sidebar tab (visible only in advanced mode + sidebar closed) %>
+  <button class="lato-cms-advanced-editor__reopen-btn"
+          hidden
+          title="<%= t('lato_cms.show_show_editor_panel_tooltip') %>"
+          data-controller="lato-tooltip"
+          data-action="click->lato-cms-advanced-editor#toggleSidebar"
+          data-lato-cms-advanced-editor-target="reopenBtn">
+    <i class="bi bi-chevron-left"></i>
+  </button>
+</div>

data/app/views/lato_cms/pages/update.html.erb

@@ -0,0 +1,13 @@
+<%= lato_page_head t('lato_cms.page_update_title'), [
+  { label: t('lato_cms.pages_index_title'), path: lato_cms.pages_path },
+  { label: t('lato_cms.page_update_title') }
+] %>
+
+<div class="card mb-4">
+  <div class="card-header">
+    <h2 class="fs-4 mb-0"><%= t('lato_cms.page_update_title') %></h2>
+  </div>
+  <div class="card-body">
+    <%= render 'lato_cms/pages/form_update', page: @page %>
+  </div>
+</div>

data/config/importmap.rb

@@ -0,0 +1,2 @@
+pin "lato_cms/application", to: "lato_cms/application.js"
+pin_all_from LatoCms::Engine.root.join("app/assets/javascripts/lato_cms/controllers"), under: "controllers", to: "lato_cms/controllers"

data/config/locales/en.yml

@@ -0,0 +1,70 @@
+en:
+  lato_cms:
+    cta_show: Show
+    cta_edit: Edit
+    cta_update: Update
+    cta_delete: Delete
+    cta_confirm: Confirm
+    cta_delete_confirm: Are you sure you want to delete this page?
+    page_created: Page created successfully
+    page_updated: Page updated successfully
+    fields_saved: Fields saved successfully
+    page_deleted: Page deleted successfully
+    unauthorized_section: You do not have access to this section.
+    page_delete_failed: Failed to delete page
+    api_page_not_found: Page not found
+    pages_index_title: Pages
+    pages_filter_all: All
+    page_create_title: New page
+    page_create_cta: Create
+    page_update_title: Edit page
+    form_frontend_url: Frontend URL
+    form_template: Template
+    form_no_template_option: "-- No template --"
+    form_template_unavailable: "The template \"%{template_id}\" is no longer available. Please select a different template."
+    action_view_frontend: View
+    show_no_preview_title: No preview available
+    show_no_preview_description: Set the <strong>Frontend URL</strong> to see the page preview.
+    show_edit_settings_cta: Edit page settings
+    show_editor_title: Editor
+    show_advanced_editor_tooltip: Advanced editor
+    show_hide_panel_tooltip: Hide panel
+    show_show_editor_panel_tooltip: Show editor panel
+    show_no_template_title: No template assigned
+    show_no_template_description: Assign a template to start editing fields.
+    show_template_unavailable: "The template <strong>%{template_id}</strong> is no longer available. Please assign a different template."
+    show_previously_saved_fields: "Previously saved fields:"
+    fields_component_not_found_badge: Component not found
+    component_required_badge: Required
+    component_disabled_badge: Disabled
+    component_enabled_label: Enabled
+    component_active_label: This component is active
+    component_inactive_label: This component is not active
+    component_disabled_alert: This component is disabled and will not be exposed by API.
+    component_state_updated: Component state updated
+    component_state_saving: Updating...
+    component_state_saved: State updated
+    component_state_save_error: Failed to update state
+    component_required_cannot_disable: Required component cannot be disabled
+    component_disabled_cannot_save: Disabled component cannot be saved
+    fields_save_component: Save
+    fields_component_missing_alert_html: "Component <strong>%{component_id}</strong> not found. The component configuration may have been removed."
+    fields_previously_saved_data: "Previously saved data:"
+    field_file_remove: Remove
+    field_gallery_empty: No images yet. Add images below.
+    field_gallery_add_images: Add images
+    field_gallery_drag_to_reorder: Drag to reorder
+    field_image_remove: Remove
+    field_image_new_badge: New
+    field_multiselect_hint: Hold Ctrl/Cmd to select multiple
+    field_select_placeholder: "-- Select --"
+    field_text_toolbar_bold: Bold
+    field_text_toolbar_italic: Italic
+    field_text_toolbar_underline: Underline
+    field_text_toolbar_strikethrough: Strikethrough
+    field_text_toolbar_align_left: Align left
+    field_text_toolbar_align_center: Align center
+    field_text_toolbar_align_right: Align right
+    field_text_toolbar_unordered_list: Unordered list
+    field_text_toolbar_ordered_list: Ordered list
+    field_text_toolbar_toggle_html_source: Toggle HTML source

data/config/locales/it.yml

@@ -0,0 +1,70 @@
+it:
+  lato_cms:
+    cta_show: Visualizza
+    cta_edit: Modifica
+    cta_update: Aggiorna
+    cta_delete: Elimina
+    cta_confirm: Conferma
+    cta_delete_confirm: Sei sicuro di voler eliminare questa pagina?
+    page_created: Pagina creata con successo
+    page_updated: Pagina aggiornata con successo
+    fields_saved: Campi salvati con successo
+    page_deleted: Pagina eliminata con successo
+    unauthorized_section: Non hai accesso a questa sezione.
+    page_delete_failed: Impossibile eliminare la pagina
+    api_page_not_found: Pagina non trovata
+    pages_index_title: Pagine
+    pages_filter_all: Tutte
+    page_create_title: Nuova pagina
+    page_create_cta: Crea
+    page_update_title: Modifica pagina
+    form_frontend_url: URL Frontend
+    form_template: Template
+    form_no_template_option: "-- Nessun template --"
+    form_template_unavailable: "Il template \"%{template_id}\" non e piu disponibile. Seleziona un template diverso."
+    action_view_frontend: Anteprima
+    show_no_preview_title: Anteprima non disponibile
+    show_no_preview_description: Imposta il <strong>URL Frontend</strong> per visualizzare l'anteprima della pagina.
+    show_edit_settings_cta: Modifica impostazioni pagina
+    show_editor_title: Editor
+    show_advanced_editor_tooltip: Editor avanzato
+    show_hide_panel_tooltip: Nascondi pannello
+    show_show_editor_panel_tooltip: Mostra pannello editor
+    show_no_template_title: Nessun template assegnato
+    show_no_template_description: Assegna un template per iniziare a modificare i campi.
+    show_template_unavailable: "Il template <strong>%{template_id}</strong> non e piu disponibile. Assegna un template diverso."
+    show_previously_saved_fields: "Campi salvati in precedenza:"
+    fields_component_not_found_badge: Componente non trovato
+    component_required_badge: Obbligatoria
+    component_disabled_badge: Disattivata
+    component_enabled_label: Attiva
+    component_active_label: Questa componente e attiva
+    component_inactive_label: Questa componente non e attiva
+    component_disabled_alert: Questa componente e disattivata e non verra esposta dalle API.
+    component_state_updated: Stato componente aggiornato
+    component_state_saving: Aggiornamento in corso...
+    component_state_saved: Stato aggiornato
+    component_state_save_error: Errore durante aggiornamento stato
+    component_required_cannot_disable: Una componente obbligatoria non puo essere disattivata
+    component_disabled_cannot_save: Una componente disattivata non puo essere salvata
+    fields_save_component: Salva
+    fields_component_missing_alert_html: "Componente <strong>%{component_id}</strong> non trovato. La configurazione del componente potrebbe essere stata rimossa."
+    fields_previously_saved_data: "Dati salvati in precedenza:"
+    field_file_remove: Rimuovi
+    field_gallery_empty: Nessuna immagine presente. Aggiungi immagini qui sotto.
+    field_gallery_add_images: Aggiungi immagini
+    field_gallery_drag_to_reorder: Trascina per riordinare
+    field_image_remove: Rimuovi
+    field_image_new_badge: Nuovo
+    field_multiselect_hint: Tieni premuto Ctrl/Cmd per selezionare piu opzioni
+    field_select_placeholder: "-- Seleziona --"
+    field_text_toolbar_bold: Grassetto
+    field_text_toolbar_italic: Corsivo
+    field_text_toolbar_underline: Sottolineato
+    field_text_toolbar_strikethrough: Barrato
+    field_text_toolbar_align_left: Allinea a sinistra
+    field_text_toolbar_align_center: Allinea al centro
+    field_text_toolbar_align_right: Allinea a destra
+    field_text_toolbar_unordered_list: Elenco puntato
+    field_text_toolbar_ordered_list: Elenco numerato
+    field_text_toolbar_toggle_html_source: Mostra/nascondi sorgente HTML