<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <title>Förderverein Steffi-Jones-Schule e.V.</title>
    <link rel="stylesheet" type="text/css" href="style/main.css" />
	<link href="style/jquery-ui.min.css" rel="stylesheet">
    <script type="text/javascript" src="script/jquery-3.6.3.min.js"></script>
    <script src="script/jquery-ui.min.js"></script>
  </head>
  <body>
      <div class="head-background"></div>
      {{menu}}
      {{header}}
      <div class="header-main-space"></div>
      <main>
          <div class="content">
          {{content}}   
          </div>
      </main>
      {{footer}}
      <div id="yesno" title="Sind Sie sicher?">Zum testen</div>
  </body>
  <script>
      $(document).ready(function() {
          $("#yesno").dialog({
                resizable: false,
                height: "auto",
                width: 400,
                modal: true,
                autoOpen: false,
                buttons: {
                    "Ja, wirklich löschen": function(event) {
                        $(this).dialog( "close" );
                        $(this).data("callback")(true);
                    },
                    "Nein, nicht löschen": function() {
                        $("#yesno").val = 1;
                        $(this).dialog( "close" );
                        $(this).data("callback")(false);
                    }
                }
            }
          );
      });
  </script>
</html>

