Saving data from jquery steps (with validate) to 3 different databases - php

Question

I have created a form using jquery steps, and I want data that the user will fill to three different databases Practitioner, PractitionerSpecialty, PractitionerCompetenceLevel. After I finish the form I use form.submit(); to create request. but on the website is return 419 error I am not sure if I created the controller function correctly, it can be a reason for that.
My form in blade.php:
<form method="post" id="practitioner-form" action="/practitioner">
<h3>Practitioner</h3>
<section>
<legend>Practitioner Information</legend>
<div class="j-row">
<div class="j-unit" style="width: 45%; display: inline-block">
<label for="effective_date" class="j-label">{{trans('personalData.effectiveDate')}}</label>
<div class="input-group">
<input name="main_effective_date_create" id="main_effective_date_create"
type="date" class="form-control required">
</div>
</div>
<div class="j-unit" style="margin-left: 9%; width: 45%; display: inline-block">
<label for="expiry_date" class="j-label">{{trans('personalData.expiryDate')}}</label>
<div class="input-group">
<input name="main_expiry_date_create" id="main_expiry_date_create"
type="date" class="form-control">
</div>
</div>
</div>
<div class="j-row">
<div class="j-unit" style="width: 45%; display: inline-block">
<label for="phone" class="j-label">{{trans('personalData.phoneNumber')}}</label>
<div class="input-group">
<input name="main_phone_create" id="main_phone_create"
type="tel" class="form-control">
</div>
</div>
<div class="j-unit" style="margin-left: 9%; width: 45%; display: inline-block">
<label for="mobile" class="j-label">{{trans('personalData.mobileNumber')}}</label>
<div class="input-group">
<input name="main_mobile_create" id="main_mobil_create"
type="tel" class="form-control">
</div>
</div>
</div>
<div class="j-row">
<div class="j-unit">
<label for="email" class="j-label">{{trans('personalData.email')}}</label>
<div class="input-group">
<input name="main_email_create" id="main_email_create"
type="tel" class="form-control">
</div>
</div>
</div>
</section>
<h3>{{trans('settings.specialty')}}</h3>
<section>
<legend>{{trans('personalData.practitionersSpecialty')}}</legend>
<div class="j-row">
<label for="practitioner_specialty_id"
class="block">Select {{trans('settings.specialty')}}</label>
<select name="practitioner_specialty_id_create"
id="practitioner_specialty_id_create"
class="form-control">
#foreach($specialties as $specialty)
<option
value="{{$specialty->practitioner_specialty_id}}">{{$specialty->name}}</option>
#endforeach
</select>
</div>
<div class="j-row">
<div class="j-unit" style="width: 45%; display: inline-block">
<label for="effective_date_specialty"
class="j-label">{{trans('personalData.effectiveDate')}}</label>
<div class="input-group">
<input name="specialty_effective_date_create"
id="specialty_effective_date_create"
type="date" class="form-control required">
</div>
</div>
<div class="j-unit" style="margin-left: 9%; width: 45%; display: inline-block">
<label for="expiry_date_specialty" class="j-label">{{trans('personalData.expiryDate')}}</label>
<div class="input-group">
<input name="specialty_expiry_date_create" id="specialty_expiry_date_create"
type="date" class="form-control">
</div>
</div>
</div>
</section>
<h3>{{trans('settings.competenceLevel')}}</h3>
<section>
<legend>{{trans('personalData.practitionersCompetenceLevel')}}</legend>
<div class="j-row">
<label for="competence_level" class="block">{{trans('settings.competenceLevel')}}</label>
<select name="practitioner_competence_level_id_create"
id="practitioner_competence_level_id_create"
class="form-control">
#foreach($competence_levels as $level)
<option
value="{{$level->competence_level_id}}">{{$level->name}}</option>
#endforeach
</select>
</div>
<div class="j-row">
<div class="j-unit" style="width: 45%; display: inline-block">
<label for="effective_date_competence"
class="j-label">{{trans('personalData.effectiveDate')}}</label>
<div class="input-group">
<input name="competence_effective_date_create"
id="competence_effective_date_create"
type="date" class="form-control required">
</div>
</div>
<div class="j-unit" style="margin-left: 9%; width: 45%; display: inline-block">
<label for="expiry_date_competence" class="j-label">{{trans('personalData.expiryDate')}}</label>
<div class="input-group">
<input name="competence_expiry_date_create" id="competence_expiry_date_create"
type="date" class="form-control">
</div>
</div>
</div>
<div class="form-group row">
<div class="col-lg-12">
<label for="notes" class="block">{{trans('tables.notes')}}</label>
</div>
<div class="col-lg-12">
<textarea placeholder="Description" cols="80" rows="5" name="notes_create"></textarea>
</div>
</div>
</section>
</form>
Route for adding data to the database:
Route::post('/practitioner', 'CRUD\Settings\PractitionerController#storePractitioner')->name('addPractitioner');
Controller with storing function:
public function storePractitioner(Request $request, $id){
$practitioner_id = $this->practitionerRepository->getIdByPersonId($id);
$practitioner = Practitioner::where('person_id', $id);
$practitioner_specialty = PractitionerSpecialty::where('practitioner_id', $practitioner_id);
$practitioner_competence_level = PractitionerCompetenceLevel::where('practitioner_id', $practitioner_id);
$practitioner->effective_date=$request->get('main_effective_date_create');
$practitioner->expiry_date=$request->get('main_expiry_date_create');
$practitioner->phone=$request->get('main_phone_create');
$practitioner->mobile=$request->get('main_mobile_create');
$practitioner->email=$request->get('main_email_create');
$practitioner_specialty->practitioner_specialty_id=$request->get('practitioner_specialty_id_create');
$practitioner_specialty->effective_date=$request->get('specialty_effective_date_create');
$practitioner_specialty->expiry_date=$request->get('specialty_expiry_date_create');
$practitioner_competence_level->practitioner_competence_level_id=$request->get('practitioner_competence_level_id_create');
$practitioner_competence_level->effective_date=$request->get('competence_effective_date_create');
$practitioner_competence_level->expiry_date=$request->get('competence_expiry_date_create');
$practitioner_competence_level->notes=$request->get('notes_create');
return back()->with('success', 'New practitioner has been added');
}

Answer 1

something is missing on your form. add: {{ csrf_field() }} to the form after the form opening tag