added ability to edit exercise

src/pages/exercises/id.rs

@@ -1,16 +1,19 @@
 use crate::{AppError, layouts, util::AppState};
 use axum::{
-    Router,
+    Form, Router,
     extract::{Path, State},
     http::HeaderMap,
     response::IntoResponse,
     routing::get,
 };
 use maud::{Markup, html};
+use serde::Deserialize;
 use uuid::Uuid;
 
 pub fn routes() -> Router<AppState> {
-    Router::new().route("/", get(page).delete(delete))
+    Router::new()
+        .route("/", get(page).delete(delete).put(submit_edit))
+        .route("/edit", get(edit))
 }
 
 async fn page(State(state): State<AppState>, Path(id): Path<Uuid>) -> Result<Markup, AppError> {
@@ -23,9 +26,14 @@ async fn page(State(state): State<AppState>, Path(id): Path<Uuid>) -> Result<Mar
     .await?;
 
     let content = html! {
-        h1 { (exercise.name) }
-        p { (exercise.description) }
-        button hx-delete={ "/exercises/" (exercise.exercise_id) } hx-confirm="Are you sure that you want to delete this exercise?" class="btn btn-error" { "Delete Exercise" }
+        div {
+            div class="flex w-full" {
+                h1 { (exercise.name) }
+                a href={"/exercises/" (exercise.exercise_id) "/edit" } class="ml-auto btn" { "Edit" }
+            }
+            p { (exercise.description) }
+            button hx-delete={ "/exercises/" (exercise.exercise_id) } hx-confirm="Are you sure that you want to delete this exercise?" class="btn btn-error" { "Delete Exercise" }
+        }
     };
 
     Ok(layouts::desktop(content, "Exercises"))
@@ -48,3 +56,65 @@ async fn delete(
 
     Ok((headers, html! {}))
 }
+
+async fn edit(
+    State(state): State<AppState>,
+    Path(id): Path<Uuid>,
+) -> Result<impl IntoResponse, AppError> {
+    let exercise = sqlx::query_as!(
+        crate::models::Exercise,
+        "SELECT exercise_id, name, description FROM exercises WHERE exercise_id = $1",
+        id
+    )
+    .fetch_one(&state.pool)
+    .await?;
+
+    let content = html! {
+        h1 class="mb-5" { "Edit Exercise" }
+
+        form hx-put={"/exercises/" (exercise.exercise_id)} class="space-y-1" {
+            fieldset class="fieldset" {
+                legend class="fieldset-legend" { "Name" }
+                input required="true" name="name" class="input" value={(exercise.name)} {}
+            }
+
+            fieldset class="fieldset" {
+                legend class="fieldset-legend" { "Description" }
+                textarea required="true" name="description" class="textarea" { (exercise.description) }
+            }
+
+            input type="submit" class="btn" value="save" { }
+        }
+    };
+
+    Ok(layouts::desktop(content, "Edit Exercises"))
+}
+
+#[derive(Deserialize, Debug)]
+struct FormData {
+    name: String,
+    description: String,
+}
+
+async fn submit_edit(
+    State(state): State<AppState>,
+    Path(id): Path<Uuid>,
+    Form(form): Form<FormData>,
+) -> Result<impl IntoResponse, AppError> {
+    sqlx::query_as!(
+        crate::models::Exercise,
+        "UPDATE exercises SET name = $1, description = $2 WHERE exercise_id = $3",
+        form.name,
+        form.description,
+        id
+    )
+    .execute(&state.pool)
+    .await?;
+
+    let mut headers = HeaderMap::new();
+
+    let location = format!("/exercises/{}", id);
+    headers.insert("hx-location", location.parse().unwrap());
+
+    Ok((headers, html! {}))
+}