adding new section

app/views/merged/sections/index.html.haml

@@ -13,7 +13,6 @@
       = blue_button( "Up" , section_move_url(section.id , dir: :up) )
       = blue_button( "Down" , section_move_url(section.id , dir: :down) )
       = yellow_button("Edit" , section_path(section.id) )
-      = green_button( "New" , "/index" )
       = red_button(  "Delete" , "/index" )
     .relative.block.border.border-gray-100.p-4
       %h3.mt-4.text-lg.font-bold Template
@@ -38,3 +37,5 @@
     .relative.block.border.border-gray-100.p-4
       %h3.mt-4.text-lg.font-bold Options
       %p To be done
+%p
+  = green_button( "New Section" , new_page_section_url(@page.name) )

app/views/merged/sections/select_template.haml

@@ -1,5 +1,13 @@
+%p#notice= notice
+
+.flex.flex-col.bg-white
+  .flex.items-center.justify-center.flex-1
+    .max-w-xl.px-4.py-8.mx-auto.text-center
+      %h1.text-3xl.font-bold.tracking-tight.text-gray-900
+        Select Template for Section #{@section.index + 1}
+
 .grid.grid-cols-4.gap-2.m-8
-  - @sections.each do |style|
+  - @sections.each do |name , style|
     .relative.block.border.border-gray-100
       = link_to( section_set_template_path( template: style.template )) do
         =image_tag(style.section_preview , class: "h-56 w-full object-contain lg:h-72")

app/views/merged/sections/show.html.haml

@@ -10,7 +10,7 @@
         Page #{link_to @section.page.name, page_sections_url(@section.page.name), class: "underline"}
   .flex.items-center.justify-center.flex-1
     %h3.text-xl.font-bold.tracking-tight.text-gray-900
-      Section #{@section.id}
+      Section #{@section.index + 1}
 
 .grid.grid-cols-3.gap-2.m-8
   .relative.block.border.border-gray-100