Getting a response.POST from on click Google Charts to update a Django view

This type of question has been asked several times before on SO, but I can't seem to find a correct answer for my situation.

I want to sent a variable from a Google Charts Library to a Django view, I want to use this variable to update my Django Model and View to set initial values in a form and remove a record from a model. and sent it back to my HTML template to render again.

I have the following Model form defined in forms.py

class PlanningForm(ModelForm):

    class Meta:
        model = Planning
        fields = [  'persoon',
                    'project',
                    'projecttaak',
                    'datum',
                    'begintijd',
                    'eindtijd',
                    'status',
                    ]

        widgets = {'datum':DateInput(), 'begintijd':TimeInput(),'eindtijd':TimeInput()} 

When the form is submitted it adds a new record to the Model I use the Model to draw a Google Charts timeline as following:

in views.py

def planning(response, persoon, jaar, maand, dag):

    datum = datetime.date(jaar, maand, dag)
    persoon = Persoon.objects.get(id=persoon)
    planning = Planning.objects.all() #filter(datum=datum)
     
    planning_form = PlanningForm()
    planning_form = PlanningForm(initial={'persoon': persoon,  'status':'Actief'})
    planning_form.fields['datum'].initial = (str(jaar)+"-"+str(maand)+"-"+str(dag))
    planning_form.fields['persoon'].widget = forms.HiddenInput()
    planning_form.fields['status'].widget = forms.HiddenInput()
    planning_form.fields['datum'].widget = forms.HiddenInput()


    if response.method == 'POST': 

        if 'save' in response.POST:
     
            planning_form = PlanningForm(response.POST)
            planning_form.save()

            #https://docs.djangoproject.com/en/3.1/ref/forms/api/#django.forms.Form.cleaned_data
            cleaned_data = planning_form.cleaned_data

            planning_form = PlanningForm(initial={'persoon': persoon,  'status':'Actief'})
            planning_form.fields['datum'].initial = (str(jaar)+"-"+str(maand)+"-"+str(dag))

            planning_form.fields['persoon'].widget = forms.HiddenInput()
            planning_form.fields['status'].widget = forms.HiddenInput()
            planning_form.fields['datum'].widget = forms.HiddenInput()
               
        if 'delete' in response.POST:     
            print ('knop - is geklikt')  

        if 'edit' in response.POST:
            print ('knop wijzig is geklikt')

return render(response, "app_claus/planning/planning.html", {     "planning":planning,
                                                                  "planning_form":planning_form,
                                                                  "persoon":persoon,
                                                                  "jaar":jaar,
                                                                  "maand":maand,
                                                                  "dag":dag,
                                                                  })

With on click of the row in the Google Charts timeline I want to sent a response variable with the primary key back to my Django View

<form class="form-inline" method="post">
  <div class="form-group form-group-lg">

  {% csrf_token %}
  {{  planning_form | crispy }} 

  <button type="submit" name="save" class="btn btn-outline-secondary">+</button>&nbsp;
  <button type="submit" name="delete" class="btn btn-outline-secondary">-</button>&nbsp;
  <button type="submit" name="edit" class="btn btn-outline-secondary">Wijzig</button>

</div>  
</form>

<div id="planning" >
<script type="text/javascript">
  google.charts.load("current", {packages:["timeline"], 'language': 'nl'});
  google.charts.setOnLoadCallback(drawChart);
  function drawChart() {

    var container = document.getElementById('planning_timeline');
    var chart = new google.visualization.Timeline(container);
    var dataTable = new google.visualization.DataTable();

    dataTable.addColumn({ type: 'string', id: 'Project' });
    dataTable.addColumn({ type: 'string', id: 'Projecttaak' });
    dataTable.addColumn({ type: 'date', id: 'Start' });
    dataTable.addColumn({ type: 'date', id: 'End' });

    dataTable.addRows([
      {% for i in planning %}
        [ 
          '{{ i.project }}', 
          '{{ i.projecttaak }}',
          new Date(0,0,0,{{ i.begintijd|date:"G" }}, {{ i.begintijd|date:"i" }},0), 
          new Date(0,0,0,{{ i.eindtijd|date:"G" }},{{ i.eindtijd|date:"i" }} ,0) 
         ],
        
      {% endfor %}
      ]);

    var options = {
      timeline: { colorByRowLabel: true }
    };


    google.visualization.events.addListener(chart, 'select', function () {
      selection = chart.getSelection();
      if (selection.length > 0) {

        //Project
        console.log(dataTable.getValue(selection[0].row, 0)); 

        //Projecttaak
        console.log(dataTable.getValue(selection[0].row, 1)); 

        //Begintijd
        console.log(dataTable.getValue(selection[0].row, 2)); 

        //Eindtijd
        console.log(dataTable.getValue(selection[0].row, 3)); 

       
      }
    });


    chart.draw(dataTable, {allowHtml:true});
  }

</script>

<div id="planning_timeline" style="height: 1000px;"></div>
</div>

My idea was to sent the primary key of the Django model from an onclicked row in Google Charts to be sent back to the Django View to set the initial values of the form so the user can either edit or delete the model while the template/google Charts will be rendered again.