<?php 
echo $this->handle_menu($_GET['idsede']); 

// Recupera tutte le sedi dal database
global $wpdb;
$table_sedi = $wpdb->prefix . RINNOVOBOOKINGPREFIX . '_sedi';
$sedi_disponibili = $wpdb->get_results("SELECT idsede, nome FROM $table_sedi ORDER BY nome ASC");
?>
<div class="container-table">
    <div class="content">
        <div style="text-align: center;"><h2>Nuova Prenotazione</h2></div>
        <div class="content">
            <form method="post" action="">

                <div><h3 class="rb-h3">Origine prenotazione</h3></div>
                <div id="user-container">
                    <div>
                        <label for="sede_provenienza">Sede di provenienza:</label>
                        <select name="sede_provenienza" id="sede_provenienza" style="width: 94.5%;" required>
                            <?php 
                                $sede_corrente = $_GET['idsede'] ?? '';
                                // Prima la sede di appartenenza
                                foreach ($sedi_disponibili as $sede_item) {
                                    if ($sede_item->idsede == $sede_corrente) {
                                        echo '<option value="'.esc_attr($sede_item->idsede).'" selected>'.esc_html($sede_item->nome).'</option>';
                                    }
                                }
                                // Poi tutte le altre sedi
                                foreach ($sedi_disponibili as $sede_item) {
                                    if ($sede_item->idsede != $sede_corrente) {
                                        echo '<option value="'.esc_attr($sede_item->idsede).'">'.esc_html($sede_item->nome).'</option>';
                                    }
                                }
                            ?>
                        </select>
                    </div>
                </div>

                <div><h3 class="rb-h3">Dati richiedente</h3></div>
                <div id="user-container">
                    <div>
                        <input type="text" name="nome" id="nome" placeholder="nome" required>
                    </div>
                    <div>
                        <input type="text" name="cognome" id="cognome" placeholder="cognome" required>
                    </div>
                    <div>
                        <input type="text" name="indirizzo" id="indirizzo" placeholder="Indirizzo di residenza">
                    </div>
                    <div>
                        <input type="text" name="telefono" id="telefono" placeholder="telefono" required>
                    </div>
                    <div>
                        <input type="text" name="npatente" id="npatente" placeholder="numero patente o codice fiscale" required>
                    </div>
                    <div>
                        <input type="text" name="email" id="email" placeholder="email" required>
                    </div>
                    <div>
                        <select name="tipo_visita" id="tipo_visita" style="width: 94.5%;" required>
                            <option value="rinnovo">RINNOVO</option>
                            <option value="conseguimento">CONSEGUIMENTO</option>
                            <option value="porto_d_armi">PORTO D ARMI</option>
                            <option value="estensione">ESTENSIONE</option>
                            <option value="duplicato_documento">DUPLICATO DOCUMENTO</option>
                            <option value="rinnovo_patente_nautica">RINNOVO PATENTE NAUTICA</option>
                        </select>
                    </div>
                </div>
                <div><h3 class="rb-h3">Dati prenotazione</h3></div>
                <div id="user-container">
                    <div>
                        <label for="data">Data:</label>
                        <input type="date" id="data" name="data" required>
                    </div>
                    <div>
                        <label for="ora">Ora:</label>
                        <input type="time" id="ora" name="ora" required>
                    </div>
                </div>
                <div><h3 class="rb-h3">Consegna documento</h3></div>
                <div id="user-container"> 
                    <div>
                        <label for="dove">Dove:</label>
                        <select name="dove" id="dove" style="width: 94%;">
                            <option value="autoscuola">Autoscuola</option>
                            <option value="casa">Casa</option>
                        </select>
                    </div>
                    <div>
                        <label for="indirizzo_destinazione">Indirizzo di Destinazione:</label>
                        <input type="text" id="indirizzo_destinazione" name="indirizzo_destinazione">
                    </div>
                </div>                

                <div id="calendar-submit">
                    <button name="nuova_prenotazione" id="nuova_prenotazione" class="button-submit">invia prenotazione</button>
                </div>
            </form> 
        </div>
    </div>
</div>