iron-cms 0.1.0

data/app/views/iron/entries/index.html.erb

@@ -0,0 +1,21 @@
+<% content_for :title, "Entries" %>
+
+<div class="space-y-8">
+  <div class="flex justify-between items-center">
+    <h1 class="page-title"><%= @content_type.name %>
+      entries</h1>
+    <%= link_to "New #{@content_type.name}",
+    new_content_type_entry_path,
+    class: "btn" %>
+  </div>
+
+  <div
+    id="entries"
+    class="
+      bg-white dark:bg-stone-800/50 rounded-lg shadow-sm divide-y divide-stone-200
+      dark:divide-stone-700/20 overflow-hidden
+    "
+  >
+    <%= render @entries %>
+  </div>
+</div>

data/app/views/iron/entries/new.html.erb

@@ -0,0 +1,8 @@
+<% content_for :title, "New entry" %>
+
+<div class="">
+  <%= back_button_to "#{@content_type.name} entries", content_type_entries_path(@content_type) %>
+  <h1 class="page-title">New <%= @content_type.name %></h1>
+
+  <%= render "form", entry: @entry, locale: @locale %>
+</div>

data/app/views/iron/entries/search.html.erb

@@ -0,0 +1,33 @@
+<%= turbo_frame_tag "entries_picker" do %>
+  <div class="p-2">
+    <%= form_with url: entries_search_path, method: :get, data: { turbo_frame: "entries_search_results" } do |form| %>
+      <%= form.search_field :q,
+                        value: params[:q],
+                        id: "search_input_#{@reference_list_dom_id}",
+                        oninput: "this.form.requestSubmit()",
+                        placeholder: "Search entries",
+                        autocomplete: "off",
+                        data: {
+                          controller: "element",
+                          action: "turbo:frame-load@window->element#focus",
+                        } %>
+      <%= form.hidden_field :reference_list_field_definition_id, value: @reference_list_field_definition_id %>
+      <%= form.hidden_field :form_field_name, value: @form_field_name %>
+      <%= form.hidden_field :reference_list_dom_id, value: @reference_list_dom_id %>
+    <% end %>
+    <%= turbo_frame_tag "entries_search_results" do %>
+      <div
+        id="entries"
+        class="rounded-lg shadow-sm divide-y divide-stone-200 dark:divide-stone-700/20 overflow-hidden mt-2"
+      >
+        <%= render partial: "entry_option", 
+            collection: @entries,
+            as: :entry,
+            locals: { 
+              reference_list_dom_id: @reference_list_dom_id,
+              form_field_name: @form_field_name 
+            } %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/iron/field_definitions/_field_definition.html.erb

@@ -0,0 +1,37 @@
+<li
+  id="<%= dom_id field_definition %>"
+  class="relative"
+  data-sortable-list-target="item"
+>
+  <%= form_with model: field_definition.becomes(Iron::FieldDefinition),
+    data: { controller: "form", action: "change->form#submit" } do |form| %>
+
+    <%= form.hidden_field :rank, data: { sortable_list_target: "rank" } %>
+
+    <button
+      class="absolute left-2 top-1/2 -translate-y-1/2"
+      data-variant="plain"
+      data-sortable-list-target="handle"
+    >
+      <%= icon "grip-vertical", class: "text-stone-400" %>
+    </button>
+
+    <%= link_to edit_field_definition_path(field_definition), class: "block pl-16 pr-6 py-4 hover:bg-stone-50 dark:hover:bg-stone-800/50 transition-colors" do %>
+      <div class="flex items-center justify-between gap-4">
+        <div class="flex flex-col sm:flex-row sm:items-center sm:gap-8 min-w-0 flex-1">
+          <div class="flex items-center gap-3 shrink-0">
+            <h3 class="text-base font-semibold text-stone-900 dark:text-white truncate"><%= field_definition.name %></h3>
+            <%= badge field_definition.humanized_type,
+            color: :blue,
+            class: "hidden sm:inline-flex" %>
+          </div>
+        </div>
+
+        <div class="flex items-center gap-4">
+          <%= badge field_definition.humanized_type, color: :blue, class: "sm:hidden" %>
+          <%= icon "chevron-right", class: "text-stone-400 dark:text-stone-500" %>
+        </div>
+      </div>
+    <% end %>
+  <% end %>
+</li>

data/app/views/iron/field_definitions/block/_form.html.erb

@@ -0,0 +1,16 @@
+<%= render layout: "iron/field_definitions/layouts/form", locals: { field_definition: field_definition } do |form| %>
+  <div class="my-2">
+    <%= form.label "supported_block_definition_id", "BlockDefinition" %>
+    <div class="max-w-2xs">
+      <%= form.collection_select :supported_block_definition_id,
+                Iron::BlockDefinition.all,
+                :id, :name,
+                { prompt: "Select a block definition" },
+                {
+                  name: "field_definition[supported_block_definition_ids][]",
+                  class: "select"
+                } %>
+
+    </div>
+  </div>
+<% end %>

data/app/views/iron/field_definitions/block_list/_form.html.erb

@@ -0,0 +1,13 @@
+<%= render layout: "iron/field_definitions/layouts/form", locals: { field_definition: field_definition } do |form| %>
+  <div class="field-definition">
+    <%= form.label :supported_block_definition_ids, "Supported blocks definitions" %>
+    <div class="flex flex-col">
+      <%= form.collection_check_boxes :supported_block_definition_ids, Iron::BlockDefinition.all, :id, :name do |b| %>
+        <div class="flex items-center space-x-2">
+          <%= b.check_box %>
+          <%= b.label %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/views/iron/field_definitions/boolean/_form.html.erb

@@ -0,0 +1,2 @@
+<%= render layout: "iron/field_definitions/layouts/form", locals: { field_definition: field_definition } do %>
+<% end %>

data/app/views/iron/field_definitions/date/_form.html.erb

@@ -0,0 +1,2 @@
+<%= render layout: "iron/field_definitions/layouts/form", locals: { field_definition: field_definition } do |form| %>
+<% end %>

data/app/views/iron/field_definitions/edit.html.erb

@@ -0,0 +1,16 @@
+<% content_for :title, "Editing field" %>
+
+<div class="">
+  <%= back_button_to @field_definition.schemable.name, @field_definition.schemable %>
+  <h1 class="page-title">Editing field</h1>
+
+  <%= render "iron/field_definitions/#{@field_definition.type_handle}/form",
+  field_definition: @field_definition %>
+  <%= button_to "Destroy",
+  field_definition_path(@field_definition),
+  method: :delete,
+  class: "btn mt-2",
+  data: {
+    color: "destructive",
+  } %>
+</div>

data/app/views/iron/field_definitions/file/_form.html.erb

@@ -0,0 +1,40 @@
+<%= render layout: "iron/field_definitions/layouts/form", locals: { field_definition: field_definition } do |form| %>
+  <div class="space-y-6">
+    <fieldset class="field-definition">
+      <legend class="block text-sm font-medium leading-6 mb-2">
+        File type validation
+      </legend>
+      <div class="">
+        <div class="peer flex items-center">
+          <%= form.radio_button :file_scope, "specific", class: "mr-2" %>
+          <%= form.label :file_scope_specific, "Accept specific file types" %>
+        </div>
+
+        <div class="pl-4 hidden peer-has-[:checked]:block">
+          <% Iron::FieldDefinitions::File::FILE_TYPE_PRESETS.each do |preset_key, preset_config| %>
+            <label class="flex items-center">
+              <%= form.check_box :selected_presets,
+                             {
+                               multiple: true,
+                               class: "mr-2",
+                               checked:
+                                 field_definition.selected_presets.include?(preset_key),
+                             },
+                             preset_key,
+                             nil %>
+              <span class="font-medium capitalize"><%= preset_key %></span>
+              <span class="text-xs text-stone-500 ml-2">
+                <%= preset_config[:extensions].first(3).join(", ") %><%= ", ..." if preset_config[:extensions].size > 3 %>
+              </span>
+            </label>
+          <% end %>
+        </div>
+
+        <div class="flex items-center">
+          <%= form.radio_button :file_scope, "all", class: "mr-2" %>
+          <%= form.label :file_scope_all, "Accept all file types" %>
+        </div>
+      </div>
+    </fieldset>
+  </div>
+<% end %>

data/app/views/iron/field_definitions/index.html.erb

@@ -0,0 +1,14 @@
+<% content_for :title, "Fields" %>
+
+<h1>Fields</h1>
+
+<div id="field_definitions">
+  <% @field_definitions.each do |field_definition| %>
+    <%= render field_definition %>
+    <p>
+      <%= link_to "Show this field", field_definition %>
+    </p>
+  <% end %>
+</div>
+
+<%= link_to "New field", new_field_definition_path %>

data/app/views/iron/field_definitions/layouts/_form.html.erb

@@ -0,0 +1,47 @@
+<%= form_with(
+  model: field_definition.persisted? ? field_definition.becomes(Iron::FieldDefinition) : [ field_definition.schemable, field_definition.becomes(Iron::FieldDefinition) ]
+) do |form| %>
+
+  <% form.object = field_definition.becomes(field_definition.class) %>
+
+  <%= form.hidden_field :type %>
+
+  <div class="space-y-6">
+    <div
+      class="grid grid-cols-1 gap-6 sm:grid-cols-2"
+      data-controller="handle"
+      data-handle-automatic-value="<%= field_definition.new_record? %>"
+    >
+      <div class="field-definition">
+        <%= form.label :name %>
+        <div>
+          <%= form.text_field :name,
+                          data: {
+                            handle_target: "source",
+                            action: "handle#handleize",
+                            "1p-ignore": "",
+                          } %>
+          <%= form.error_for :name %>
+        </div>
+      </div>
+
+      <div class="field-definition">
+        <%= form.label :handle %>
+        <div>
+          <%= form.text_field :handle,
+                          data: {
+                            handle_target: "destination",
+                            action: "handle#edit",
+                          } %>
+          <%= form.error_for :handle %>
+        </div>
+      </div>
+    </div>
+
+    <%= yield form %>
+
+    <div class="pt-2">
+      <%= form.submit form.object.persisted? ? "Update" : "Create" %>
+    </div>
+  </div>
+<% end %>

data/app/views/iron/field_definitions/new.html.erb

@@ -0,0 +1,22 @@
+<% content_for :title, "New field" %>
+
+<div class="">
+  <%= back_button_to @field_definition.schemable.name, @field_definition.schemable %>
+  <h1 class="page-title">New field</h1>
+
+  <div class="max-w-2xl">
+    <div class="mt-6 mb-2 w-64">
+      <%= form_with(method: :get) do |form| %>
+        <%= form.select :type,
+          options_for_select(field_definition_type_options, @field_definition.type_handle),
+          {},
+          { onchange: "this.form.requestSubmit()", class: "select" }
+        %>
+      <% end %>
+    </div>
+
+    <%= render "iron/field_definitions/#{@field_definition.type_handle}/form", field_definition: @field_definition %>
+  </div>
+</div>
+
+

data/app/views/iron/field_definitions/number/_form.html.erb

@@ -0,0 +1,2 @@
+<%= render layout: "iron/field_definitions/layouts/form", locals: { field_definition: field_definition } do %>
+<% end %>

data/app/views/iron/field_definitions/reference/_form.html.erb

@@ -0,0 +1,13 @@
+<%= render layout: "iron/field_definitions/layouts/form", locals: { field_definition: field_definition } do |form| %>
+  <div class="field-definition">
+    <%= form.label :supported_content_type_ids, "Supported content types" %>
+    <div class="flex flex-col">
+      <%= form.collection_check_boxes :supported_content_type_ids, Iron::ContentType.all, :id, :name do |b| %>
+        <div class="flex items-center space-x-2">
+          <%= b.check_box %>
+          <%= b.label %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/views/iron/field_definitions/reference_list/_form.html.erb

@@ -0,0 +1,13 @@
+<%= render layout: "iron/field_definitions/layouts/form", locals: { field_definition: field_definition } do |form| %>
+  <div class="field-definition">
+    <%= form.label :supported_content_type_ids, "Supported content types" %>
+    <div class="flex flex-col">
+      <%= form.collection_check_boxes :supported_content_type_ids, Iron::ContentType.all, :id, :name do |b| %>
+        <div class="flex items-center space-x-2">
+          <%= b.check_box %>
+          <%= b.label %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/views/iron/field_definitions/rich_text_area/_form.html.erb

@@ -0,0 +1,2 @@
+<%= render layout: "iron/field_definitions/layouts/form", locals: { field_definition: field_definition } do %>
+<% end %>

data/app/views/iron/field_definitions/text_area/_form.html.erb

@@ -0,0 +1,2 @@
+<%= render layout: "iron/field_definitions/layouts/form", locals: { field_definition: field_definition } do %>
+<% end %>

data/app/views/iron/field_definitions/text_field/_form.html.erb

@@ -0,0 +1,17 @@
+<%= render layout: "iron/field_definitions/layouts/form", locals: { field_definition: field_definition } do |form| %>
+  <div class="field-definition">
+    <%= form.check_box :required, class: "rounded border-stone-300" %>
+    <%= form.label :required, "Field is required" %>
+  </div>
+
+  <div class="field-definition">
+    <%= form.label :allowed_values_text, "Allowed values" %>
+    <div>
+      <%= form.text_area :allowed_values_text,
+                     value: field_definition.allowed_values_text,
+                     rows: 3,
+                     class: "input" %>
+      <p class="text-xs text-stone-500">One value per line, leave blank to allow any value</p>
+    </div>
+  </div>
+<% end %>

data/app/views/iron/first_runs/show.html.erb

@@ -0,0 +1,44 @@
+<div>
+  <div class="mb-8 text-center">
+    <h1 class="text-2xl font-semibold tracking-tight">Create your account</h1>
+    <p class="mt-2 text-sm text-stone-600 dark:text-stone-400">Start managing your content with Iron CMS</p>
+  </div>
+
+  <%= form_with(model: @user, url: first_run_path, class: "space-y-6") do |form| %>
+    <% if @user.errors.any? %>
+      <div class="rounded-md bg-red-50 p-4 dark:bg-red-900/50">
+        <div class="flex">
+          <div class="ml-3">
+            <h3 class="text-sm font-medium text-red-800 dark:text-red-200">
+              <%= pluralize(@user.errors.count, "error") %> prohibited this user from being saved:
+            </h3>
+            <div class="mt-2 text-sm text-red-700 dark:text-red-200">
+              <ul class="list-disc space-y-1 pl-5">
+                <% @user.errors.full_messages.each do |message| %>
+                  <li><%= message %></li>
+                <% end %>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    <% end %>
+
+    <div>
+      <%= form.label :email_address %>
+      <%= form.email_field :email_address, required: true, autofocus: true, autocomplete: "email" %>
+    </div>
+
+    <div>
+      <%= form.label :password %>
+      <%= form.password_field :password, required: true, autocomplete: "new-password" %>
+    </div>
+
+    <div>
+      <%= form.label :password_confirmation %>
+      <%= form.password_field :password_confirmation, required: true, autocomplete: "new-password" %>
+    </div>
+
+    <%= form.submit "Create account" %>
+  <% end %>
+</div>

data/app/views/iron/home/show.html.erb

@@ -0,0 +1,2 @@
+<h1>Home#show</h1>
+<p>Find me in app/views/iron/home/show.html.erb</p>

data/app/views/iron/icons/index.html.erb

@@ -0,0 +1,21 @@
+<%= turbo_frame_tag "icon_picker_grid_#{params[:frame_id]}" do %>
+  <% cache Iron::IconCatalog.cache_key do %>
+    <div class="grid grid-cols-8 gap-2">
+      <% @icons.each do |icon_name| %>
+        <button
+          type="button"
+          class="
+            p-2 rounded hover:bg-stone-700 focus:outline-none focus:ring-2
+            focus:ring-stone-500 transition-colors
+          "
+          data-icon-name="<%= icon_name %>"
+          data-action="click->icon-picker#select"
+          data-icon-picker-target="icon"
+          title="<%= icon_name.humanize %>"
+        >
+          <%= icon icon_name, class: "size-6" %>
+        </button>
+      <% end %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/iron/locales/_form.html.erb

@@ -0,0 +1,24 @@
+<%= form_with(model: locale, class: "max-w-80") do |form| %>
+  <div class="field-group">
+    <div class="field">
+      <%= form.label :code %>
+      <div>
+        <%= form.text_field :code %>
+        <%= form.error_for :code %>
+      </div>
+    </div>
+
+    <div class="field">
+      <%= form.label :name %>
+      <div>
+        <%= form.text_field :name, autocomplete: "new-password" %>
+        <%= form.error_for :name %>
+      </div>
+    </div>
+  </div>
+
+  <div class="mt-4">
+    <%= form.submit %>
+  </div>
+<% end %>
+

data/app/views/iron/locales/_locale.html.erb

@@ -0,0 +1,15 @@
+<div id="<%= dom_id locale %>" class="rounded-lg bg-stone-800/50 relative">
+  <%= link_to edit_locale_path(locale), class: "block p-4 hover:bg-stone-700/30 no-underline text-white transition-colors rounded-lg" do %>
+    <div class="flex items-center justify-between pr-8">
+      <div class="flex items-center gap-2">
+        <span class="font-medium"><%= locale.name %></span>
+        <%= badge "default" if locale.default? %>
+      </div>
+      <%= badge locale.code, color: :blue %>
+    </div>
+  <% end %>
+  <%= button_to locale_path(locale), method: :delete, class: "absolute right-2 top-1/2 -translate-y-1/2", data: { variant: "plain" } do %>
+    <%= icon "trash", class: "text-stone-400 size-4" %>
+    <span class="sr-only">Delete</span>
+  <% end %>
+</div>

data/app/views/iron/locales/edit.html.erb

@@ -0,0 +1,8 @@
+<% content_for :title, "Editing locale" %>
+
+<div class="">
+  <%= back_button_to "Locales", locales_path %>
+  <h1 class="page-title">Editing locale</h1>
+
+  <%= render "form", locale: @locale %>
+</div>

data/app/views/iron/locales/index.html.erb

@@ -0,0 +1,12 @@
+<% content_for :title, "All locales" %>
+
+<div class="space-y-8">
+  <div class="flex justify-between items-center">
+    <h1 class="page-title">Locales</h1>
+    <%= link_to "New locale", new_locale_path, class: "btn" %>
+  </div>
+
+  <div id="locales" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+    <%= render @locales %>
+  </div>
+</div>

data/app/views/iron/locales/new.html.erb

@@ -0,0 +1,8 @@
+<% content_for :title, "New locale" %>
+
+<div class="">
+  <%= back_button_to "Locales", locales_path %>
+  <h1 class="page-title">New locale</h1>
+
+  <%= render "form", locale: @locale %>
+</div>

data/app/views/iron/passwords/edit.html.erb

@@ -0,0 +1,7 @@
+<h1>Update your password</h1>
+
+<%= form_with url: password_path(params[:token]), method: :put do |form| %>
+  <%= form.password_field :password, required: true, autocomplete: "new-password", placeholder: "Enter new password", maxlength: 72 %><br>
+  <%= form.password_field :password_confirmation, required: true, autocomplete: "new-password", placeholder: "Repeat new password", maxlength: 72 %><br>
+  <%= form.submit "Save" %>
+<% end %>

data/app/views/iron/passwords/new.html.erb

@@ -0,0 +1,26 @@
+<div>
+  <div class="mb-8 text-center">
+    <h1 class="text-2xl font-semibold tracking-tight">Reset your password</h1>
+    <p class="mt-2 text-sm text-stone-600 dark:text-stone-400">Enter your email address and we'll send you instructions</p>
+  </div>
+
+  <%= form_with url: passwords_path, class: "space-y-6" do |form| %>
+    <div>
+      <%= form.label :email_address, "Email address", class: "sr-only" %>
+      <%= form.email_field :email_address,
+            class: "block w-full rounded-md border-0 py-2 px-3 text-stone-900 shadow-xs ring-1 ring-inset ring-stone-300 placeholder:text-stone-400 focus:ring-2 focus:ring-inset focus:ring-stone-600 dark:bg-stone-800 dark:text-white dark:ring-stone-700 dark:placeholder:text-stone-500 dark:focus:ring-stone-500 sm:text-sm sm:leading-6",
+            required: true,
+            autofocus: true,
+            autocomplete: "username",
+            placeholder: "Enter your email address",
+            value: params[:email_address] %>
+    </div>
+
+    <%= form.submit "Send reset instructions" %>
+  <% end %>
+
+  <div class="mt-8 text-center text-sm">
+    <%= link_to "Back to sign in", sign_in_path,
+          class: "text-stone-600 hover:text-stone-900 dark:text-stone-400 dark:hover:text-stone-300" %>
+  </div>
+</div>

data/app/views/iron/passwords_mailer/reset.html.erb

@@ -0,0 +1,4 @@
+<p>
+  You can reset your password within the next 15 minutes on
+  <%= link_to "this password reset page", edit_password_url(@user.password_reset_token) %>.
+</p>

data/app/views/iron/passwords_mailer/reset.text.erb

@@ -0,0 +1,2 @@
+You can reset your password within the next 15 minutes on this password reset page:
+<%= edit_password_url(@user.password_reset_token) %>

data/app/views/iron/published_pages/show.html.erb

@@ -0,0 +1,10 @@
+<div class="mx-auto max-w-4xl px-4 py-8">
+  <h1 class="text-4xl font-bold"><%= @entry._metadata.web.title %></h1>
+  
+  <div class="mt-8 p-4 bg-gray-100 rounded">
+    <p class="text-sm text-gray-600">
+      This is the default Iron CMS view. To create a custom view for this content type, run:
+    </p>
+    <pre class="mt-2 p-2 bg-white rounded text-sm"><code>bin/rails g iron:resources <%= @content_type.handle %></code></pre>
+  </div>
+</div>

data/app/views/iron/references/new.turbo_stream.erb

@@ -0,0 +1,6 @@
+<%= turbo_stream.append @reference_list_dom_id do %>
+  <%= fields_for "#{@form_field_name}[#{unique_id}]", @reference do |builder| %>
+    <%= render "iron/entries/fields/reference_item", builder: builder, reference: @reference %>
+    <%= builder.hidden_field :id %>
+  <% end %>
+<% end %>

data/app/views/iron/schemas/new.html.erb

@@ -0,0 +1,57 @@
+<% content_for :title, "Import Schema" %>
+
+<div class="">
+  <%= back_button_to "Content Types", content_types_path %>
+  <h1 class="page-title">Import Schema</h1>
+  <p class="mt-2 text-sm text-stone-500">Upload a schema tar file to import content types, fields, and blocks.</p>
+
+  <%= form_with url: import_schema_path, multipart: true, class: "mt-8 max-w-2xl", data: { turbo: false } do |form| %>
+    <div class="field-group">
+      <div class="field">
+        <%= form.label :schema_file, "Schema File" %>
+        <div>
+          <%= form.file_field :schema_file, 
+              accept: ".tar",
+              required: true,
+              class: "input" %>
+          <p class="mt-2 text-sm text-stone-500">Select a .tar file exported from Iron CMS</p>
+        </div>
+      </div>
+
+      <div class="field">
+        <%= form.label :import_mode, "Import Mode" %>
+        <div class="space-y-4">
+          <% @import_modes.each do |mode| %>
+            <div class="flex items-start">
+              <div class="flex h-6 items-center">
+                <%= form.radio_button :import_mode, mode, 
+                    checked: mode == "merge",
+                    class: "h-4 w-4 border-stone-300 text-blue-600 focus:ring-blue-600" %>
+              </div>
+              <div class="ml-3">
+                <%= form.label "import_mode_#{mode}", class: "text-sm font-medium text-stone-700" do %>
+                  <%= mode.capitalize %>
+                <% end %>
+                <p class="text-sm text-stone-500">
+                  <% case mode %>
+                  <% when "merge" %>
+                    Add new items and update existing ones by handle
+                  <% when "replace" %>
+                    Clear existing schema and import fresh (destructive)
+                  <% when "safe" %>
+                    Only add new items, skip existing handles
+                  <% end %>
+                </p>
+              </div>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+
+    <div class="mt-6 flex items-center gap-x-3">
+      <%= form.submit "Import Schema", class: "btn" %>
+      <%= link_to "Cancel", content_types_path, class: "btn", data: { variant: "plain" } %>
+    </div>
+  <% end %>
+</div>