Add trips

slices/admin/templates/index.html.slim

@@ -15,6 +15,8 @@ div class="max-w-prose mx-auto prose dark:prose-invert"
       a href="/admin/tags/merge" Merge tags
     li
       a href="/admin/bookmarks" Bookmarks
+    li
+      a href="/admin/trips" Trips
 
 div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
 

slices/admin/templates/shared/_post.html.slim

@@ -0,0 +1,15 @@
+div class="mb-8 h-entry"
+  - if !added
+    button class="text-blue-600" hx-post="/admin/trips/add_post" hx-vals='{"trip_id": "#{trip_id}", "post_id": "#{post.id}"}'
+      = "Add to trip"
+  h3 class="text-xl font-semibold text-blue-600 mb-2"
+    a class="border-b-2 border-transparent hover:border-blue-600 hover:border-b-2" href="/post/#{post.slug}"
+      == post.content
+  div class="e-content prose-p:mb-0 prose-img:my-2 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline p-name text-base prose prose-ul:list-none prose-ul:pl-0 prose-li:pl-0 text-gray-800 dark:text-gray-200 prose-a:dark:text-gray-100"
+    div class="grid gap-4 grid-flow-row grid-cols-4 grid-rows-1"
+      -post.photos.each do |photo|
+        img class="w-44 h-44 object-cover rounded" src=photo["value"]
+
+  p class="text-sm text-blue-400"
+    a href="/post/#{post.slug}"
+      = post.published_at

slices/admin/templates/trips/index.html.slim

@@ -0,0 +1,17 @@
+div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
+  h1 Admin // Trips
+
+div class="max-w-prose mx-auto"
+
+  a class="rounded bg-blue-100 hover:bg-blue-200 text-blue-600 px-2 hover:cursor-pointer" href="/admin/trips/new" Add trip
+
+  ul class="mt-4 mb-12"
+    - trips.each do |trip|
+      li class="dark:text-gray-200 text-gray-600"
+        a href="/admin/trips/#{trip.id}"
+          = "#{trip.name} (#{trip.start_date} - #{trip.end_date})"
+
+div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+
+
+

slices/admin/templates/trips/new.html.slim

@@ -0,0 +1,27 @@
+div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
+  h1 Admin // Trips
+
+div class="max-w-prose mx-auto"
+  - if errors
+    div class="text-gray-100 dark:text-gray-100 bg-pink-100 dark:bg-pink-600 rounded px-4 py-2 mb-12"
+      p Errors:
+      - errors.each do |error|
+        li = "#{error[1].join(",")}"
+
+  form method="POST" action="/admin/trips"
+    div class="mb-4"
+      label class="text-gray-800 dark:text-gray-200 mr-2" for="name" Name:
+      input class="text-gray-800 p-1 border border-gray-400" type="text" id="name" name="trip[name]"
+
+    div class="mb-4"
+      label class="text-gray-800 dark:text-gray-200 mr-2" for="start_date" Start date:
+      input class="text-gray-800 p-1 border border-gray-400" type="date" id="start_date" name="trip[start_date]"
+
+    div class="mb-4"
+      label class="text-gray-800 dark:text-gray-200 mr-2" for="end_date" End date:
+      input class="text-gray-800 p-1 border border-gray-400" type="date" id="end_date" name="trip[end_date]"
+
+    div class="mb-4"
+      button class="rounded bg-blue-100 hover:bg-blue-200 text-blue-600 px-2 hover:cursor-pointer" type="submit"
+        = "Create"
+div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"

slices/admin/templates/trips/show.html.slim

@@ -0,0 +1,8 @@
+div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
+  h1 Admin // Trips // #{trip.name}
+
+div class="max-w-prose mx-auto"
+  - posts.each do |post|
+    == render "shared/post", post: post, trip_id: trip.id, added: post.trips.map(&:id).include?(trip.id)
+
+div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"