I'm starting with rails and I need help with the following problem: I have two tables one for recipes and another for recipe details. In a form I need to load a recipe with one or two more details
<h3 class="text-muted">Datos afiliado</h3>
<div class="form-row align-items-center">
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text form-control-sm">Beneficiario Nro</div>
</div>
<!-- <input type="numeric" name="nro-beneficiario" class='form-control form-control-sm'> -->
<%= form.text_field :socio_id, id: :prescription_socio_id, class: 'form-control form-control-sm' %>
<div class="input-group-prepend">
<%= link_to index_socios_path, remote: true, class: "btn btn-outline-info my-2 my-sm-0 form-control-sm" do %>
<i class="material-icons">search</i>
<% end %>
</div>
</div>
</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text form-control-sm">Nombre</div>
</div>
<input type="text" readonly name="nombre-beneficiario" class='form-control form-control-sm'>
</div>
</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text form-control-sm">Documento Nro</div>
</div>
<input type="numeric" readonly name="documento-beneficiario" class='form-control form-control-sm'>
</div>
</div>
</div>
<hr>
<h3 class="text-muted">Medicamentos</h3>
<a href="#" onclick="AgregarCampos();">
<i class="material-icons">note_add</i>
</a>
<div id="campos">
<%= form.fields_for :prescription_detail do |d_form| %>
<%= d_form.text_field :medicine_id, type: 'hidden', value: '1' %>
<div class="form-row align-items-center">
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text form-control-sm">Medicamento</div>
</div>
<input type="numeric" name="medicamento-nombre" class='form-control form-control-sm'>
<div class="input-group-prepend">
<%= link_to index_medicamentos_path, remote: true, class: "btn btn-outline-info my-2 my-sm-0 form-control-sm" do %>
<i class="material-icons">search</i>
<% end %>
</div>
</div>
</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text form-control-sm">Pres.</div>
</div>
<input type="text" readonly name="medicamento-presentacion" class='form-control form-control-sm'>
</div>
</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text form-control-sm">Droga</div>
</div>
<input type="numeric" readonly name="medicamento-monodroga" class='form-control form-control-sm'>
</div>
</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text form-control-sm">Cant.</div>
</div>
<%= d_form.text_field :cantidad, class: 'form-control form-control-sm' %>
</div>
</div>
</div>
<% end %>
<div>
<%= form.submit 'Guardar', class: 'btn btn-outline-success' %>
I need to save more than one detail from the same form