Handling multiple dynamic forms (not inputs) in one view - Laravel

Question

I have a page with a form that has dynamic inputs, where the user can add and "remove" lines. (By "removes," I mean that it removes from the front end but doesn't actually remove from the database.) The functionality works, as far as updating existing rows and adding new rows. The problem I'm having is with deleting rows.

I'd like to have a modal popup that confirms that they want to delete the row before it deletes it. My first thought was to loop through the existing rows and create a corresponding modal per row with a form, but I'm stuck on setting up the controller to recognize which form/row it's looking to delete - so to recap there's going to be one form with dynamic fields (this is the one that works right now), and there's going to be multiple dynamic forms for deleting rows.

Here's my HTML:


    @csrf
    
    
        
        
            
                
                
                    Family Information - Children
                

                 
                    @foreach($children as $i => $child)
                    
                        @if ($i != 0)
                         
                         
                            
                                 
                            
                        
                        
                            
                                
                                    
                                        Delete Row
                                        
                                    
                                    Are you sure you want to remove this row?
                                    
                                        
                                        
                                            
                                            
                                        
                                    
                                
                            
                        
                        @endif

                         
                        
                         

                         
                             
                                First Name 
                                 
                             
                             
                                Last Name 
                                 
                             
                         
                         
                             
                                SSN 
                                 
                             
                             
                                Date of Birth 
                                 
                             
                         
                         
                             
                                Gender 
                                
 
                                 
                             
                             
                                Height 
                                
 
                                 
                                ft 
                                 
                                in 
                             
                             
                                Weight (lbs) 
                                
 
                                 
                                lbs 
                             
                         
                      
                    @endforeach
                
                
                
                    
                
            
        
    

    
        
            Go Back

And here's my controller:

public function updateChildren(Request $request) 
    {
            $id = Auth::user()->id;
            $user = Auth::user();
            $family = UserFamily::where(['user_id'=> $id, 'rel' => 'child'])->get();
            $count = count($family);
            $children = ($count > 0 ? $family : '');

            $input = $request->all();
                $rules = [
                    'first[*]' => 'required',
                    'userID[*]' => 'required',
                    'rel[*]' => 'required',
                    'first[*]' => 'required',
                    'last[*]' => 'required',
                    'inputSSN[*]' => 'required',
                    'dob[*]' => 'required',
                    'inputGender[*]' => 'required',
                    'primaryFeet[*]' => 'required',
                    'primaryInches[*]' => 'required',
                    'primaryWeight[*]' => 'required',
                ];

                $validator = Validator::make($request->all(), $rules);

                if ($validator->passes()) {

                        foreach($input['userID'] as $index => $value) {

                            $feet = $input['primaryFeet'][$index];
                            $inch = $input['primaryInches'][$index];
                            $weight = $input['primaryWeight'][$index];
                            $inches = ($feet * 12) + $inch;

                           $bmi = number_format(((703 * $weight) / ($inches * $inches)), 2, '.', ''); 

                           if(isset($input['ID'][$index])){
                            $famid = $input['ID'][$index];
                           }else {
                            $famid = '';
                           }

                           if($famid > 0 || $famid != '') {
                             $user = UserFamily::firstOrNew(['user_id'=> $id, 'rel' => 'child', 'id' => $famid]);
                           }else{
                            $user = UserFamily::create(['user_id'=> $id, 'rel' => 'child']);
                           }

                           $user->user_id = $id;
                           $user->bmi = $bmi;
                           $user->first_name = $input['first'][$index];
                           $user->dob = $input['dob'][$index];
                           $user->last_name = $input['last'][$index];
                           $user->rel = $input['rel'][$index];
                           $user->ssn = $input['inputSSN'][$index];
                           $user->gender = $input['inputGender'][$index];
                           $user->height_feet = $input['primaryFeet'][$index];
                           $user->height_inch = $input['primaryInches'][$index];
                           $user->weight_lbs = $input['primaryWeight'][$index];
                           $user->save();
                       }

                       return redirect()->route('preliminary-review');

                     }

                return redirect()->route('preliminary-children')->withErrors($validator);
    }

The only thing I've tried is setting up an if/else if($request->has('savecontinue'){ ... } and wrapping my existing controller in that. The else{} would handle all the modals, but it kept kicking back errors as if all my syntax was incorrect.

Thoughts? I'm also not opposed to approaching this differently if there's a better way.

PS, there's JS for the remove and add buttons, but I didn't think it was necessary for this question. If you need me to update this with it, I can. :)

miken32 · Accepted Answer

Deleting a child is a different operation than updating a child, so you should have a different method for it in your controller. Not sure about how you've got anything named, but this should give you an idea.

Define a new route:

Route::delete('/whatever/{child}', [ChildController::class, 'deleteChild'])
    ->name('preliminary-children.deleteChild');

Note we'll use the delete HTTP method to access this route, and the ID is passed as part of the URL.

Update your view to point to this new route:


    
        
            Delete Row
            
        
        Are you sure you want to remove this row?

A web browser can't send a delete request, so we spoof the method with a hidden input.

And then we make the method:

public function deleteChild(UserFamily $child)
{
    $child->delete();
    return response()->json("success");
}

By type hinting the parameter, Laravel automatically looks up the relevant record in the database for you. Of course you'll want to do some error checking there too.

Handling multiple dynamic forms (not inputs) in one view - Laravel

Answers (1)

Related Questions