rails 7 nested forms attributes can't be saved? - ruby-on-rails

Question

build an online course application with lessons and each lesson with exercises
I created the lesson without any problem.
But when creating the exercises, my attributes (Question and answer) are not created and I have the error
more details about my approach:
Form Error:
You will notice the presence of errors on Question and Anwser
routes.rb
Rails.application.routes.draw do
resources :courses, only: [:show] do
resources :exercises, only: [:new, :create, :show]
end
### course ##
resources :courses, except: [:show, :new]
get "new-course", to:"courses#new"
## Exercise ##
resources :exercises, except: [:new, :create, :show]
devise_for :users
# Defines the root path route ("/")
root "courses#index"
end
Note: Exercise's rested in Course
Models:
****models/user.rb****
class User < ApplicationRecord
#User Relations
has_many :courses, class_name: "Course", foreign_key: "user_id", dependent: :destroy
has_many :exercises, class_name: "Exercise", foreign_key: "user_id", dependent: :destroy
end
****model/course.rb****
class Course < ApplicationRecord
has_rich_text :content
belongs_to :user
has_many :exercises, class_name: "Exercise", foreign_key: "course_id", dependent: :destroy
extend FriendlyId
friendly_id :title, use: :slugged
end
****models/exercise.rb****
class Exercise < ApplicationRecord
belongs_to :user
belongs_to :course
has_many :questions, class_name: "Question", foreign_key: "exercise_id", dependent: :destroy
has_rich_text :content
### Nested attributes
accepts_nested_attributes_for :questions, allow_destroy: true
extend FriendlyId
friendly_id :title, use: :slugged
end
****models/question.rb****
class Question < ApplicationRecord
belongs_to :exercise
has_many :answers, class_name: "Answer", foreign_key: "question_id", dependent: :destroy
### Nested Attributes
accepts_nested_attributes_for :answers, allow_destroy: true
### Constantes question type
enum question_type: { single_choice: 0, multiple_choice: 1, long_answer: 2 }
def self.question_type_select
question_types.keys.map { |k| [k.titleize, k] }
end
end
****models/answer.rb****
class Answer < ApplicationRecord
belongs_to :question
end
courses_controller.rb
class CoursesController < ApplicationController
before_action :authenticate_user!
before_action :set_course, only: %i[ show edit update destroy ]
# GET /courses/new
def new
#course = Course.new
end
# POST /courses or /courses.json
def create
#course = current_user.courses.build(course_params)
respond_to do |format|
if #course.save
format.html { redirect_to course_url(#course), notice: "Course was successfully created." }
format.json { render :show, status: :created, location: #course }
else
format.html { render :new, status: :unprocessable_entity }
format.json { render json: #course.errors, status: :unprocessable_entity }
end
end
end
private
# Use callbacks to share common setup or constraints between actions.
def set_course
#course = Course.friendly.find(params[:id])
end
# Only allow a list of trusted parameters through.
def course_params
params.require(:course).permit(:title, :content, :slug, :user_id)
end
end
controllers/course_controller.rb
class ExercisesController < ApplicationController
before_action :authenticate_user!
before_action :set_exercise, only: %i[ show edit update destroy ]
before_action :set_course, only: %i[new create]
# GET /exercises or /exercises.json
def index
#exercises = Exercise.all
end
# GET /exercises/1 or /exercises/1.json
def show
end
# GET /exercises/new
def new
#exercise = #course.exercises.build()
end
# GET /exercises/1/edit
def edit
end
# POST /exercises or /exercises.json
def create
#exercise = Exercise.new(exercise_params)
respond_to do |format|
if #exercise.save
format.html { redirect_to course_path(#course), notice: "course was successfully created." }
else
format.html { render :new, status: :unprocessable_entity }
end
end
end
private
# Use callbacks to share common setup or constraints between actions.
def set_exercise
#exercise = Exercise.friendly.find(params[:id])
end
def set_course
#course = Course.friendly.find(params[:course_id])
end
# Only allow a list of trusted parameters through.
def exercise_params
params.require(:exercise).permit(:title, :content, :slug, :user_id, :course_id,
questions_attributes: [:_destroy, :id, :question_type, :name,
answers_attributes: [:_destroy, :id, :name]])
end
end
in views:
views/courses/show.html.erb
<%= link_to 'New exercices', new_course_exercise_path(#course) %>
views/exercises/form.html.erb
<%= form_with( model: exercise, url:[#course, exercise]) do |form| %>
<% if exercise.errors.any? %>
<div id="error_explanation" class="bg-red-50 text-red-500 px-3 py-2 font-medium rounded-lg mt-3">
<h2><%= pluralize(exercise.errors.count, "error") %>
erreurs ont empêché la sauvegarde de cet exercice
</h2>
<ul>
<% exercise.errors.each do |error| %>
<li><%= error.full_message %></li>
<% end %>
</ul>
</div>
<% end %>
<div class="">
<%= form.text_field :title , class:"w-full", placeholder:"le title de l'exercice ..." %>
</div>
<div class="mt-2">
<%= form.rich_text_area :content , class:"w-full", placeholder:"Consigne de l'exercice ..." %>
</div>
<%= form.hidden_field :course_id, value: #exercise.course_id %>
<%= form.hidden_field :user_id, value: current_user.id %>
<!-- Add Question template-->
<div data-controller="nested-form" data-nested-form-index-value='QUESTION_RECORD'
class=" border p-2 ">
<template data-nested-form-target='template'>
<%= form.fields_for :questions, Question.new, child_index: 'QUESTION_RECORD' do |question| %>
<%= render 'question_fields', form: question %>
<% end %>
</template>
<!-- Add Question field-->
<%= form.fields_for :questions do |question| %>
<%= render 'question_fields', form: question %>
<% end %>
<!-- Add Question input-->
<div data-nested-form-target="add_item" class="my-2">
<%= link_to "Add Question", "#",
data: { action: "nested-form#add_association" },
class:"bg-gray-200 p-1" %>
</div>
</div>
<div class="mt-8">
<%= form.submit "Add Exercise", class:"bg-blue-600 p-2 font-bold text-white" %>
</div>
<% end %>
to keep the code more readable, I split the questions and answers insertion in 2 partials
views/exercises/_question_fields.html.erb
<div class='nested-fields box' data-controller='dynamic-select'>
<div class='form-group m-2 py-2'>
<!-- Add Question type -->
<%= form.select :question_type,
options_for_select(Question.question_type_select, selected:
form.object.question_type),
{},
'data-dynamic-select-target': 'select',
'data-action': 'dynamic-select#selected' %>
</div>
<!-- Add Question field -->
<div class='form-group'>
<!-- Question Remove -->
<%= form.hidden_field :_destroy %>
<%= form.text_field :name, placeholder:'Question', class:'w-full form-control' %>
<small>
<%= link_to "Remove Question", "#",
data: { action: "click->nested-form#remove_association" } %>
</small>
</div>
<!-- Answer template-->
<div data-controller="nested-form"
data-nested-form-index-value='ANSWER_RECORD'
data-dynamic-select-target='choice'>
<template data-nested-form-target='template'>
<%= form.fields_for :answers, Answer.new, child_index 'ANSWER_RECORD' do |answer| %>
<%= render 'answer_fields', form: answer %>
<% end %>
</template>
<!-- Answer Form -->
<%= form.fields_for :answers do |answer| %>
<%= render 'answer_fields', form: answer %>
<% end %>
<!-- Add Answer -->
<div data-nested-form-target="add_item" class="my-2">
<%= link_to "Add Answer", "#", data: { action: "nested-form#add_association" }, class:"bg-green-300 p-1" %>
</div>
</div>
<div data-controller="nested-form" data-dynamic-select-target='long'>
</div>
</div>
views/exercises/_answer_fields.html.erb
<div class='nested-fields my-2'>
<div class='form-group'>
<%= form.hidden_field :_destroy %>
<%= form.text_field :name, placeholder: 'Answer', class: 'form-control w-full' %>
<small>
<%= link_to "Remove Answer", "#", data: { action: "click->nested-form#remove_association" } %>
</small>
</div>
</div>
in the console I see that the parameters are passed with the values from the form, but the question and answer tables are not saved