Aprire finestra modale per update campo database

[condor_uk]

Un saluto a tutti,
ho una pagina in php che estrae un elenco di veicoli, ogni veicolo presente in officina può assumere 4 stati di prenotazione ovvero ('Attesa Accettazione' - 'In Lavorazione' - 'Terminato' - 'Mai Eseguito')

stat_pren.PNG

Vorrei capire come, al passaggio del mouse sull'icona, far aprire una finestra modale che mi dia al volo la possibilità di cambiare lo stato di lavorazione. Allo stato attuale devo aprire una pagina che si chiama aggiorna.php, aggiornare lo stato di lavorazione, salvare.


Come potrei implementare una modale ?

Questo il codice php che uso attualmente per la modifica:

		<div class="col-md-4">			<label class="sr-only" for="stato_pren">Stato Prenotazione</label>
				<div class="input-group mb-2 mr-sm-2 mb-sm-0">
				<span class="input-group-addon"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></span>
					<select class="form-control" select name="stato_pren" id="stato_pren" required="required" >
						<?php
						echo "<option value='$stato_pren'>$stato_pren</option>"; 						
								$sq2 = "SELECT * FROM stato_prenotazione WHERE stato_pren != '$stato_pren' ORDER BY stato_pren ASC";
								$rs2 = $mysqli->query($sq2);
								echo "<option value=''> Stato Prenotazione ... </option>"; 
								while ($row = $rs2->fetch_array(MYSQLI_ASSOC)) {
								$stato_pren = mysqli_real_escape_string($mysqli, $row['stato_pren']);
								echo "<option value='$stato_pren'>$stato_pren</option>";
								}
							?>
						</select>
				</div>
				
		</div>

[boots]

Mi vengono in mente diversi modi per realizzare il tutto:
1. Potresti, per ogni riga, avere un "modal" con id diverso (esempio usare l'id del veicolo) con al interno il form per la modifica. Quando clicchi (più che al passaggio del mouse) sul icona fai partire il modal

2. Hai un solo modal, quando clicchi sul l'icona, con ajax prendi il form generato dal tuo script della modifica (passandogli l'id) e lo "inietti" nel corpo del modal

3. Simile al precedente: ti crei un modal generico quando clicchi sul icona tramite javascript vai a settare l'id del veicolo da modificare

in tutti i casi è necessario che nel form aggiungi l'id (in hidden) del veicolo da modificarne lo stato

PS: per modal, intendo il codice html es

<div class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Qua ci va il form per la modifica.</p>
      </div>
    </div>
  </div>
</div>