Framework 7 how to make Dialog popup with callback function and set input text

        const edit=(nom,prenom)=>{

      $f7.dialog.create({
          title: 'Information ',
          content:'<div class="list no-hairlines-md"><ul><form id="assure_form"><li class="item-content item-input"><div class="item-media"><i class="fas fa-user-alt"></i></div><div class="item-inner"><div class="item-title item-floating-label">Nom</div><div class="item-input-wrap"><input type="text" name="nom_assure" placeholder="Nom assuré" /><span class="input-clear-button"></span></div></div></li><li class="item-content item-input"><div class="item-media"><i class="fas fa-user-alt"></i></div><div class="item-inner"><div class="item-title item-floating-label">Prénom</div><div class="item-input-wrap"><input type="text" name="prenom_assure" placeholder="Prénom assuré" /><span class="input-clear-button"></span></div></div></li></form></ul></div>',
          buttons: [
            {
              text: 'Annuler',
            },
            {
              text: 'Enregistrer',
            },
          ],

          onClick: function (dialog, index) {
            if(index === 0){
                //Button 1 clicked
                console.log('1');
            }
            else if(index === 1){
                //Button 2 clicked
                console.log('2');
            }
            
        },
          verticalButtons: false,
        }).open();
  
      };