Add puzzles to contests

app/views/contests/show.html.slim

@@ -1,10 +1,31 @@
-.row.mb-4
+.row.mb-2
   .col
     - @badges.each do |badge|
       span.badge.text-bg-info.me-2
         = badge
 
-.row
+.row.mb-4
   .col
     a.btn.btn-primary href=edit_contest_path(@contest)
-      | Edit
+      | Edit contest
+
+.row.mb-4
+  .col
+    h4 Puzzles
+    .float-end
+      a.btn.btn-primary href=new_contest_puzzle_path(@contest)
+        | Add puzzle
+    .row.row-cols-1.row-cols-md-3.g-4.mb-4
+      - @puzzles.each do |puzzle|
+        .col
+          .card.h-100
+            .card-header
+              = puzzle.name
+            = image_tag puzzle.image, class: "card-img-top" if puzzle.image.attached?
+            .card-body
+              p.card-text
+                | TODO puzzle.brand
+              a.btn.btn-primary href=edit_contest_puzzle_path(@contest, puzzle)
+                | Edit
+  .col
+    h4 Teams

app/views/puzzles/_form.html.slim

@@ -0,0 +1,13 @@
+= form_with model: puzzle, url: "/contests/#{contest.id}/puzzles", method: :post do |form|
+  .row.mb-3
+    .col
+      .form-floating
+        = form.text_field :name, autocomplete: "off", class: "form-control"
+        = form.label :name, class: "required"
+  .row.mb-3
+    .col
+      .form-text Select an image
+      = form.file_field :image, accept: "image/*", class: "form-control"
+  .row
+    .col
+      = form.submit submit_text, class: "btn btn-primary"

app/views/puzzles/new.html.slim

@@ -1,11 +1 @@
-h1 New puzzle
-
-= form_with model: @puzzle do |form|
-  div
-    = form.label :name
-    = form.text_field :name
-  div
-    = form.label :image, style: "display: block"
-    = form.file_field :image, accept: "image/*"
-  div
-    = form.submit
+= render "form", contest: @contest, puzzle: @puzzle, submit_text: "Add"