<!DOCTYPE html>
<html lang="de">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Storno</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui-timepicker-addon.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="../css/sternwarte1.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/storno.css" />
    <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="js/i18n/grid.locale-de.js"></script>
    <script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.10.0.custom.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
    <script type="text/javascript" src="js/moment.js"></script>
    <script type="text/javascript" src="js/de.js"></script>
    <script type="text/javascript" src="js/ajax.js"></script>
    <script type="text/javascript" src="js/storno_version.js"></script>
    <script type="text/javascript" src="js/storno.js"></script>
</head>

<body class="thrColFixHdr">
    <div id="container">
        <?php include '../header.php'; ?>

        <?php include '../navi.php'; ?>
        <div id="sidebar2">
            <?php include '../fdatum.php'; ?>
            <?php include '../himmelerg.php'; ?>
        </div>
        <div id="datenschutz"></div>
        <div id="mainContent" class="storno">
            <div id="headline" class="col-12 text-center">
                <h5>Stornierung, Umbuchung oder Änderung einer Anmeldung zur Sternführung</h5>
            </div>
            <br />
            <div>Hier können Sie Ihre Anmeldung entweder komplett storniere, auf einen anderen (freien) Termin
                umbuchen oder die Personenzahl ändern.<br /><br />
                Zur Suche Ihrer Anmeldung geben Sie bitte unten Ihre E-Mail ein.
                <div class="col-12 col-xm-8 text-center email_enter">
                    <label id="email_label" for="email"><strong>E-Mail: </strong></label>
                    <input type="text" size="40" name="email" value="" id="email" class="textfeld200" /> <br />
                </div>
            </div>
            <br />
            <div id="nixda" class="col-12 col-xm-8 text-center">
                Für diese E-Mail Adresse ist keine Führung angemeldet !<br />
            </div>
            <div id="anmeldid" class="col-12 col-xm-8 text-center">
                Sie sind angemeldet für eine <span id="fart">Sternführung</span> am: <br /><br />
                <div id="anmeldung">
                    2022-07-12 22:00 Uhr 4 Personen
                </div>
                <div id="butgroup">
                    <br />Möchten Sie diese Anmeldung storniern, umbuchen oder die Personenzahl ändern?
                    <br />
                    <div class="row diebuttons">
                        <div class="col-sm-1 text-left"></div>
                        <div class="col-sm text-center">
                            <button type="button" value="OK" id="stornieren" class="btn btn-primary">STORNIEREN</button>
                        </div>
                        <div class="col-sm text-center">
                            <button type="button" value="OK" id="umbuchen" class="btn btn-primary">UMBUCHEN</button>
                        </div>
                        <div class="col-sm text-center">
                            <button type="button" value="OK" id="aendern" class="btn btn-primary">ÄNDERN</button>
                        </div>
                        <div class="col-sm-1 text-right"></div>
                    </div>
                    <div class="row diebuttons">
                        <div id="abbrech" class="col-sm text-center">
                            <button type="button" value="OK" id="abbrechen" class="btn btn-primary">ABBRECHEN
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div id="ausgetragen">Die Anmeldung wurde erfolgreich storniert.</div>
            <div id="umbuchung"></div>
            <div id="umgebucht"></div>
            <div class="col-12 text-center" id="aenderung">
                <label id="email_label" for="email"><strong>Neue Personenzahl: </strong></label>
                <input type="number" name="personen" value="5" id="personen" min="1" max="10" /> 
                <span id="maxanzahl">Max. 10</span>
                <div class="row diebuttons">
                        <div id="save" class="col-sm text-center">
                            <button type="button" value="OK" id="bsave" class="btn btn-primary">ÜBERNEHMEN
                            </button>
                        </div>
                    </div>
            </div>
            <div  class="col-12 text-center" id="newperson"></div>
            <div id="lower_text">
                Sie erhalten anschließend eine Bestätigungs-Mail. Sollten Sie diese Mail nicht innerhalb 24 Stunden
                erhalten, bitten wir
                Sie, sich über die E-Mail-Adresse <a
                    href="mailto:anmeldung@sternwarte-welzheim.de">anmeldung@sternwarte-welzheim.de</a>
                an uns zu wenden. Bitte sehen Sie vorher auch in Ihren SPAM-Ordner. <br />Im Falle von Problemen mit der
                Stornierung bzw. Umbuchung oder bei Fragen dazu,
                melden Sie sich bitte ebenfalls über diese E-Mail-Adresse.
            </div>
            <div class="col-sm text-right" id="homebutton">
                <button type="button" value="home" id="Home" class="btn btn-primary"
                    onclick="location.href='https://sternwarte-welzheim.de'">ENDE
                </button>
            </div>
            <p class="lastchange">Letzte Änderungen: VDATE rxf</p>
        </div>
        <!-- Info unter Tabelle -->
    </div>
</body>

</html>