decidim-stratified_sortitions 0.0.1

data/app/views/decidim/stratified_sortitions/admin/stratified_sortitions/_form.html.erb

@@ -0,0 +1,55 @@
+<div class="form__wrapper">
+  <div class="card" data-component="accordion" id="accordion-data">
+    <div class="card-divider">
+      <button class="card-divider-button" data-open="true" data-controls="panel-data" type="button">
+        <%= icon "arrow-right-s-line" %>
+        <h2 class="card-title" id="data">
+          <%= t("data", scope: "decidim.stratified_sortitions.admin.stratified_sortitions.form") %>
+        </h2>
+      </button>
+    </div>
+    <div id="panel-data" class="card-section">
+      <div class="row columns">
+        <%= form.translated :text_field, :title, autofocus: true, aria: { label: :title } %>
+      </div>
+
+      <div class="row column mt-4">
+        <%= form.number_field :num_candidates, readonly: stratified_sortition&.executed? %>
+      </div>
+
+      <div class="row column">
+        <%= form.translated :editor, :description %>
+      </div>
+
+      <div class="row column">
+        <%= form.translated :editor, :selection_criteria, help_text: t("selection_criteria_help", scope: "decidim.stratified_sortitions.admin.stratified_sortitions.form") %>
+      </div>
+
+      <div class="row column">
+        <%= form.translated :editor, :selected_profiles_description, help_text: t("selected_profiles_description_help", scope: "decidim.stratified_sortitions.admin.stratified_sortitions.form") %>
+      </div>
+    </div>
+  </div>
+
+  <div class="card" data-component="accordion" id="accordion-strata">
+    <div class="card-divider">
+      <button class="card-divider-button" data-open="true" data-controls="panel-strata" type="button">
+        <svg viewBox="0 0 24 24" id="ri-arrow-right-s-line">
+          <path fill="none" d="M0 0h24v24H0z" />
+          <path d="M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z" />
+        </svg>
+        <h2 class="card-title" id="strata">
+          <%= t("title", scope: "decidim.stratified_sortitions.admin.stratified_sortitions.strata") %>
+        </h2>
+      </button>
+    </div>
+    <div id="panel-strata" class="card-section">
+      <div class="row column">
+        <%= render "decidim/stratified_sortitions/admin/stratified_sortitions/strata", form: form %>
+      </div>
+    </div>
+  </div>
+</div>
+
+<%= append_javascript_pack_tag "decidim_stratified_sortitions_admin" %>
+<%= append_stylesheet_pack_tag "decidim_stratified_sortitions_admin" %>

data/app/views/decidim/stratified_sortitions/admin/stratified_sortitions/_navigation_menu.html.erb

@@ -0,0 +1,10 @@
+<div class="flex items-left stratified_sortition_nav">
+  <% navigation_menu_items(stratified_sortition).each do |item| %>
+    <%= button_to item[:path],
+        method: :get,
+        class: "import-sample-btn #{'active' if item[:active]}",
+        disabled: item[:disabled] do %>
+      <%= icon item[:icon] %> <%= item[:label] %>
+    <% end %>
+  <% end %>
+</div>

data/app/views/decidim/stratified_sortitions/admin/stratified_sortitions/_strata.html.erb

@@ -0,0 +1,22 @@
+<div id="panel-strata" class="card-section">
+  <%= field_errors_block(form, :strata) %>
+
+  <div class="stratified-sortition-strata row column">
+    <template class="decidim-template">
+      <%= fields_for "stratified_sortition[strata][STRATUM_ID]", blank_stratum do |stratum_form| %>
+        <%= render "stratum", form: stratum_form, id: tabs_id_for_stratum(blank_stratum) %>
+      <% end %>
+    </template>
+
+    <div class="stratified-sortition-strata-list">
+      <% form.object.strata.each do |stratum| %>
+        <%= fields_for "stratified_sortition[strata][]", stratum do |stratum_form| %>
+          <%= render "stratum", form: stratum_form, id: tabs_id_for_stratum(stratum) %>
+        <% end %>
+      <% end %>
+    </div>
+    <button class="button button__sm button__secondary add-stratum mt-2" type="button" <%= 'disabled' if @stratified_sortition&.sample_participants&.any? %>>
+      <%= t(".add_stratum") %>
+    </button>
+  </div>
+</div>

data/app/views/decidim/stratified_sortitions/admin/stratified_sortitions/_stratum.html.erb

@@ -0,0 +1,75 @@
+<% stratum = form.object %>
+
+<div class="card stratified-sortition-stratum" data-component="accordion" id="accordion-<%= id %>-field">
+  <div class="card-divider stratum-divider">
+    <h2 class="card-title flex items-center">
+      <span>
+        <%= icon("drag-move-2-fill") %>
+        <%= dynamic_title(translated_attribute(stratum.name), class: "stratum-title-statement", max_length: 50, omission: "...", placeholder: t(".title")) %>
+      </span>
+
+      <div class="ml-auto flex flex-row-reverse items-center gap-x-4">
+        <button type="button" class="stratum--collapse" data-controls="panel-<%= id %>-stratum-card">
+          <span class="icon-collapse">
+            <%== icon("arrow-up-s-line", role: "img") %>
+          </span>
+
+          <span class="icon-expand">
+            <%== icon("arrow-down-s-line", role: "img") %>
+          </span>
+        </button>
+        <button
+          type="button"
+          class="button button__sm button__transparent-secondary small alert move-up-stratum button--title"
+          <%= 'disabled' if @stratified_sortition&.sample_participants&.any? %>>
+          <%= icon "arrow-up-line" %> <%= t(".up") %>
+        </button>
+
+        <button
+          type="button"
+          class="button button__sm button__transparent-secondary small alert move-down-stratum button--title"
+          <%= 'disabled' if @stratified_sortition&.sample_participants&.any? %>>
+          <%= icon "arrow-down-line" %> <%= t(".down") %>
+        </button>
+
+        <button
+          type="button"
+          class="button button__sm button__transparent-secondary small alert remove-stratum button--title"
+          <%= 'disabled' if @stratified_sortition&.sample_participants&.any? %>>
+          <%= t(".remove") %>
+        </button>
+      </div>
+    </h2>
+  </div>
+
+  <div id="panel-<%= id %>-stratum-card" class="card-divider collapsible">
+    <div class="card-section stratum-fields">
+      <div class="translated-field">
+        <%= form.translated(
+            :text_field,
+            :name,
+            tabs_id: id,
+            label: t(".name"),
+            maxlength: 100,
+            readonly: @stratified_sortition&.sample_participants&.any?) %>
+      </div>
+      <div>
+        <%= form.select :kind,
+                        [[t("decidim.stratified_sortitions.admin.stratified_sortitions.stratum.kind.value"), "value"],
+                        [t("decidim.stratified_sortitions.admin.stratified_sortitions.stratum.kind.numeric_range"), "numeric_range"]],
+                        { label: t("decidim.stratified_sortitions.admin.stratified_sortitions.stratum.kind.title") },
+                        { disabled: @stratified_sortition&.sample_participants&.any? } %>
+        <%= form.hidden_field :kind if @stratified_sortition&.sample_participants&.any? %>
+      </div>
+    </div>
+    <%= form.hidden_field :id %>
+    <%= form.hidden_field :position, value: form.object.position || 0 %>
+    <%= form.hidden_field :deleted, value: false %>
+
+    <% blank_substratum = Decidim::StratifiedSortitions::Admin::SubstratumForm.new(stratum: stratum) %>
+    <%= render "substrata",
+        form: form,
+        stratum: stratum,
+        blank_substratum: blank_substratum %>
+  </div>
+</div>

data/app/views/decidim/stratified_sortitions/admin/stratified_sortitions/_substrata.html.erb

@@ -0,0 +1,34 @@
+<div id="panel-substrata" class="card-section">
+  <%= field_errors_block(form, :substrata) %>
+
+  <div class="stratified-sortition-substrata row column" id="substrata-<%= form.object.object_id %>">
+
+    <script type="text/template" class="decidim-template">
+      <% new_substratum = Decidim::StratifiedSortitions::Admin::SubstratumForm.new(stratum: form.object) %>
+      <% stratum_id = form.object.id || "STRATUM_ID" %>
+      <% field_name_base = "stratified_sortition[strata][#{stratum_id}][substrata][SUBSTRATUM_ID]" %>
+      <%= fields_for field_name_base, new_substratum do |substratum_form| %>
+        <%= render "substratum",
+            form: substratum_form,
+            id: tabs_id_for_substratum("SUBSTRATUM_ID"),
+            stratum: form.object %>
+      <% end %>
+    </script>
+
+    <div class="stratified-sortition-substrata-list">
+      <% form.object.substrata.each_with_index do |substratum, index| %>
+        <%= form.fields_for "[substrata][#{index}]", substratum do |substratum_form| %>
+          <%= render "substratum",
+              form: substratum_form,
+              id: tabs_id_for_substratum(substratum),
+              stratum: form.object %>
+        <% end %>
+      <% end %>
+    </div>
+    <button
+      class="button button__sm button__secondary add-substratum mt-2"
+      type="button" <%= 'disabled' if @stratified_sortition&.sample_participants&.any? %>>
+      <%= t(".add_substratum") %>
+    </button>
+  </div>
+</div>

data/app/views/decidim/stratified_sortitions/admin/stratified_sortitions/_substratum.html.erb

@@ -0,0 +1,54 @@
+<% substratum = form.object %>
+
+<div class="card stratified-sortition-substratum" id="<%= id %>-field">
+  <div class="card-divider substratum-divider">
+    <h2 class="card-title mb-4">
+      <span><%= t(".title") %></span>
+
+      <div class="ml-auto flex gap-x-4">
+        <button
+          type="button"
+          class="button button__sm button__transparent-secondary small alert remove-substratum button--title"
+          <%= 'disabled' if @stratified_sortition&.sample_participants&.any? %>>
+          <%= t(".remove") %>
+        </button>
+      </div>
+    </h2>
+  </div>
+
+  <div class="card-section">
+    <div class="row column substratum-fields">
+      <div class="translated-field">
+        <%= form.translated(
+            :text_field,
+            :name,
+            tabs_id: id,
+            label: t(".name"),
+            maxlength: 100,
+            readonly: @stratified_sortition&.sample_participants&.any?) %>
+      </div>
+      <div class="substratum-value-field">
+        <%= form.text_field :value,
+            label: t(".value"),
+            placeholder: t(".value_placeholder",default: "Value"),
+            readonly: @stratified_sortition&.sample_participants&.any? %>
+      </div>
+      <div class="substratum-range-field">
+        <%= form.text_field :range,
+            label: t(".range"),
+            placeholder: t(".range_placeholder", default: "Range (e.g. 0-18)"),
+            readonly: @stratified_sortition&.sample_participants&.any? %>
+      </div>
+      <div>
+        <%= form.number_field :max_quota_percentage,
+            step: 0.1, label: t(".max_quota_percentage"),
+            placeholder: t(".max_quota_percentage_placeholder"),
+            readonly: @stratified_sortition&.executed? %>
+      </div>
+    </div>
+  </div>
+
+  <%= form.hidden_field :id %>
+  <%= form.hidden_field :deleted, value: false %>
+  <%= form.hidden_field :position, value: form.object.position || 0 %>
+</div>

data/app/views/decidim/stratified_sortitions/admin/stratified_sortitions/edit.html.erb

@@ -0,0 +1,21 @@
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header stratified_sortition_header">
+  <h1 class="item_show__header-title">
+    <%= t(".title") %>
+  </h1>
+</div>
+
+<%= render 'navigation_menu' %>
+
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, html: { class: "form-defaults form edit_stratified_sortition stratified_sortition_form_admin" })  do |f| %>
+      <%= render partial: "form", object: f, locals: { title: t(".title") } %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".update"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/decidim/stratified_sortitions/admin/stratified_sortitions/execute.html.erb

@@ -0,0 +1,155 @@
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header stratified_sortition_header">
+  <h1 class="item_show__header-title">
+    <%= t(".title") %>
+  </h1>
+</div>
+<%= render 'navigation_menu' %>
+<% if stratified_sortition.executing? %>
+  <div class="callout warning">
+    <%= t('.executing_notice') %>
+  </div>
+<% end %>
+<% if stratified_sortition.failed? %>
+  <div class="callout alert">
+    <p><strong><%= t('.execution_failed') %></strong></p>
+    <p><%= stratified_sortition.execution_error %></p>
+  </div>
+<% end %>
+<div class="card">
+  <div class="item_show__header actions-container">
+    <button type="button"
+            class="button button__sm button__secondary"
+            data-dialog-open="confirm-execute-modal"
+            <%= 'disabled' if stratified_sortition.panel_portfolio&.sampled? || stratified_sortition.executing? || !stratified_sortition.can_execute? %>>
+      <%= t('.execute_stratified_sortition') %>
+    </button>
+    <% if stratified_sortition.panel_portfolio&.sampled? %>
+      <span class="exports button button__sm button__secondary" data-toggle="export-dropdown">
+        <%= t(".export") %>
+        <%= icon "arrow-down-s-line", class: "dropdown-filter-icon" %>
+      </span>
+      <div class="dropdown-pane" id="export-dropdown" data-dropdown data-position="bottom" data-alignment="right" data-auto-focus="true" data-close-on-click="true">
+        <ul class="vertical menu add-components">
+          <%= link_to export_results_stratified_sortition_path(stratified_sortition, format: "csv"), method: :post do %>
+            <li class="exports--format--csv"><%= t(".export_csv") %></li>
+          <% end %>
+          <%= link_to export_results_stratified_sortition_path(stratified_sortition, format: "excel"), method: :post do %>
+            <li class="exports--format--excel"><%= t(".export_excel") %></li>
+          <% end %>
+          <%= link_to export_results_stratified_sortition_path(stratified_sortition, format: "json"), method: :post do %>
+            <li class="exports--format--json"><%= t(".export_json") %></li>
+          <% end %>
+          <%= link_to export_charts_pdf_stratified_sortition_path(stratified_sortition), method: :post do %>
+            <li class="exports--format--pdf"><%= t(".export_charts_pdf") %></li>
+          <% end %>
+        </ul>
+      </div>
+    <% end %>
+  </div>
+</div>
+<% if stratified_sortition.panel_portfolio&.sampled? %>
+  <div class="card mt-12">
+    <div class="item_show__header">
+      <h1 class="item_show__header-title">
+        <%= t(".results") %>
+      </h1>
+    </div>
+    <div class="mt-4 mb-4">
+      <% if @portfolio&.sampled? %>
+        <div class="sortition-metadata mb-8">
+          <table class="table-list">
+            <thead>
+              <tr>
+                <th><%= t(".algorithm") %></th>
+                <th><%= t(".total_participants") %></th>
+                <th><%= t(".selected_participants_title") %></th>
+                <th><%= t(".generated_at") %></th>
+                <th><%= t(".generation_time") %></th>
+                <th><%= t(".num_panels") %></th>
+                <th><%= t(".selected_at") %></th>
+                <th><%= t(".random_value_used") %></th>
+                <th><%= t(".selected_panel_probability") %></th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td><%= @portfolio.audit_log[:algorithm] %> v<%= @portfolio.audit_log[:version] %></td>
+                <td><%= stratified_sortition.sample_participants.count %></td>
+                <td><%= @portfolio.selected_panel.size %></td>
+                <td><%= l @portfolio.generated_at, format: :decidim_short %></td>
+                <td><%= number_with_precision(@portfolio.generation_time_seconds, precision: 2) %>s</td>
+                <td><%= @portfolio.num_panels %></td>
+                <td><%= l @portfolio.selected_at, format: :decidim_short %></td>
+                <td><code><%= @portfolio.random_value_used %></code></td>
+                <td><%= number_to_percentage(@portfolio.selected_panel_probability.to_f * 100, precision: 2) %></td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+
+        <div class="results-sub-nav flex items-left" data-results-tabs>
+          <button type="button" class="results-tab active" data-tab-target="charts-section">
+            <%= icon "bar-chart-box-line" %> <%= t(".tab_charts") %>
+          </button>
+          <button type="button" class="results-tab" data-tab-target="participants-section" data-dialog-open="confirm-participants-modal">
+            <%= icon "group-line" %> <%= t(".tab_participants") %>
+          </button>
+        </div>
+
+        <div id="charts-section" class="results-tab-panel" data-tab-panel>
+          <div class="chart-row">
+            <div class="charts-column">
+              <%= render partial: "decidim/stratified_sortitions/shared/strata_charts", locals: { strata_data: @strata_data, title: t(".target") } %>
+            </div>
+            <div class="charts-column target">
+              <%= render partial: "decidim/stratified_sortitions/shared/strata_charts", locals: { strata_data: @candidates_data, title: t(".candidates") } %>
+            </div>
+            <div class="charts-column target">
+              <%= render partial: "decidim/stratified_sortitions/shared/strata_charts", locals: { strata_data: @results_data, title: t(".results") } %>
+            </div>
+          </div>
+        </div>
+
+        <div id="participants-section" class="results-tab-panel" style="display: none;" data-tab-panel>
+          <h2 class="h4 mb-4"><%= t(".selected_participants", count: @selected_participants.size) %></h2>
+          <table class="table-list">
+            <thead>
+              <tr>
+                <th><%= t(".personal_data_1") %></th>
+                <th><%= t(".personal_data_2") %></th>
+                <th><%= t(".personal_data_3") %></th>
+                <th><%= t(".personal_data_4") %></th>
+                <% @strata.each do |stratum| %>
+                  <th><%= translated_attribute(stratum.name) %></th>
+                <% end %>
+              </tr>
+            </thead>
+            <tbody>
+              <% @selected_participants.each do |participant| %>
+                <tr>
+                  <td><%= participant.personal_data_1 %></td>
+                  <td><%= participant.personal_data_2 %></td>
+                  <td><%= participant.personal_data_3 %></td>
+                  <td><%= participant.personal_data_4 %></td>
+                  <% @strata.each do |stratum| %>
+                    <% participant_stratum = participant.sample_participant_strata.find { |ps| ps.decidim_stratified_sortitions_stratum_id == stratum.id } %>
+                    <td><%= participant_stratum ? translated_attribute(participant_stratum.decidim_stratified_sortitions_substratum&.name) : "-" %></td>
+                  <% end %>
+                </tr>
+              <% end %>
+            </tbody>
+          </table>
+        </div>
+      <% else %>
+        <p class="text-muted"><%= t(".no_results_yet") %></p>
+      <% end %>
+    </div>
+  </div>
+<% end %>
+
+<%= render stratified_sortition.panel_portfolio&.sampled? ? "confirm_participants_modal" : "confirm_execute_modal" %>
+
+<%= append_javascript_pack_tag "decidim_stratified_sortitions_admin" %>
+<%= append_stylesheet_pack_tag "decidim_stratified_sortitions_admin" %>
+

data/app/views/decidim/stratified_sortitions/admin/stratified_sortitions/export_charts_pdf.html.erb

@@ -0,0 +1,38 @@
+<h1><%= @title %></h1>
+<h2><%= @subtitle %></h2>
+<hr>
+
+<div class="info">
+  <p><%= @belongs_to %></p>
+  <p><%= @algorithm %></p>
+  <p><%= @executed_at %></p>
+</div>
+
+<table class="column-headers">
+  <tr>
+    <td class="col-header"><%= @col_target %></td>
+    <td class="col-header"><%= @col_candidates %></td>
+    <td class="col-header"><%= @col_results %></td>
+  </tr>
+</table>
+
+<% @strata_chart_data.each do |stratum_row| %>
+  <div class="stratum-section">
+    <div class="stratum-title"><%= stratum_row[:name] %></div>
+    <table class="charts-table">
+      <tr>
+        <% [:target, :candidates, :results].each do |col| %>
+          <td class="chart-cell">
+            <% chart_data = stratum_row[col] %>
+            <% if chart_data.present? %>
+              <%= svg_pie_chart(chart_data) %>
+              <%= legend_html(chart_data) %>
+            <% else %>
+              <div class="no-data"><%= @no_data_text %></div>
+            <% end %>
+          </td>
+        <% end %>
+      </tr>
+    </table>
+  </div>
+<% end %>

data/app/views/decidim/stratified_sortitions/admin/stratified_sortitions/index.html.erb

@@ -0,0 +1,75 @@
+<% add_decidim_page_title(t(".title")) %>
+<div class="card">
+  <div class="item_show__header">
+    <h1 class="item_show__header-title">
+      <div>
+        <%= t(".title") %>
+        <span id="js-selected-stratified_sortitions-count" class="component-counter component-counter--inline" title="<%= t("decidim.stratified_sortitions.admin.stratified_sortitions.index.selected") %>"></span>
+      </div>
+      <div class="flex items-center gap-x-4">
+        <% if allowed_to? :create, :stratified_sortition %>
+          <%= link_to t("actions.new_stratified_sortition", scope: "decidim.stratified_sortitions.admin"),
+          new_stratified_sortition_path,
+          class: "button button__sm button__secondary" %>
+        <% end %>
+
+        <%= render partial: "decidim/admin/components/resource_action" %>
+      </div>
+    </h1>
+  </div>
+
+  <div class="table-scroll mt-16">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th>
+            <%= t("models.stratified_sortition.fields.title", scope: "decidim.stratified_sortitions.admin") %>
+          </th>
+          <th>
+            <%= t("models.stratified_sortition.fields.num_candidates", scope: "decidim.stratified_sortitions.admin") %>
+          </th>
+          <th>
+            <%= t("models.stratified_sortition.fields.status", scope: "decidim.stratified_sortitions.admin") %>
+          </th>
+          <th>
+            <%= t("models.stratified_sortition.fields.created_at", scope: "decidim.stratified_sortitions.admin") %>
+          </th>
+          <th class="actions"><%= t("actions.title", scope: "decidim.stratified_sortitions.admin") %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @stratified_sortitions.each do |stratified_sortition| %>
+          <tr>
+            <td>
+              <%= link_to translated_attribute(stratified_sortition.title), edit_stratified_sortition_path(stratified_sortition) %>
+            </td>
+            <td>
+              <%= stratified_sortition.num_candidates %>
+            </td>
+            <td>
+              <strong class="label <%= stratified_sortition_state_css_class(stratified_sortition) %>">
+                <%= t(stratified_sortition.status, scope: "decidim.stratified_sortitions.stratified_sortitions.filters") %>
+              </strong>
+            </td>
+            <td>
+              <%= l(stratified_sortition.created_at, format: :decidim_short) if stratified_sortition.created_at %>
+            </td>
+            <td class="table-list__actions">
+              <% if allowed_to? :duplicate, :stratified_sortition %>
+                <%= icon_link_to "file-copy-line", duplicate_stratified_sortition_path(stratified_sortition), t("actions.duplicate", scope: "decidim.stratified_sortitions.admin"), class: "action-icon--new", method: :post %>
+              <% end %>
+              <% if allowed_to? :edit, :stratified_sortition %>
+                <%= icon_link_to "pencil-line", edit_stratified_sortition_path(stratified_sortition), t("actions.configure", scope: "decidim.stratified_sortitions.admin"), class: "action-icon--new" %>
+              <% end %>
+              <% if allowed_to? :destroy, :stratified_sortition, stratified_sortition: stratified_sortition %>
+                <%= icon_link_to "delete-bin-line", stratified_sortition, t("actions.destroy", scope: "decidim.stratified_sortitions.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.stratified_sortitions.admin", name: translated_attribute(stratified_sortition.title)) } %>
+              <% end %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div>
+
+<%= decidim_paginate @stratified_sortitions %>

data/app/views/decidim/stratified_sortitions/admin/stratified_sortitions/new.html.erb

@@ -0,0 +1,21 @@
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+  <h1 class="item_show__header-title">
+    <%= t(".title") %>
+  </h1>
+</div>
+
+<%= render 'navigation_menu' %>
+
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, html: { class: "form-defaults form new_stratified_sortition stratified_sortition_form_admin" }) do |f| %>
+      <%= render partial: "form", object: f, locals: { title: t(".title") } %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".create"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>