<?php
$pages = array(
    1 => 'index.php',
    2 => 'address.php',
    3 => 'gitterbox.php',
    4 => 'gebrauchte.php',
    5 => 'auftrag.php',
    6 => 'frischsaft.php',
    7 => 'summary.php');

$previous = array_search(basename($_SERVER['PHP_SELF']), $pages) - 1;
if ($previous > 0) {
    $previous = $pages[$previous];
} else {
    $previous = null;
}

?><!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Mosterei Wurst - Auftrag erteilen</title>

    <script src="assets/jquery.js"></script>
    <script src="assets/jquery-ui/jquery-ui.min.js"></script>
    <link href="assets/jquery-ui/jquery-ui.min.css" rel="stylesheet">
    <script src="assets/fontawesome/svg-with-js/js/fontawesome-all.min.js"></script>
    <link href="assets/fontawesome/svg-with-js/css/fa-svg-with-js.css" rel="stylesheet">
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/style.css" rel="stylesheet">
    <script src="assets/script.js"></script>
    <?php
    $f = 'assets/'.str_replace('.php','.js', $_SERVER['PHP_SELF']);
    if (file_exists($f)) {
      echo '<script src="'.$f.'"></script>';
    }
    ?>
   </head>
  <body style="display: none;">
    <div id="banner" class="mb-3">
        <div id="banner-back">
<?php if ($previous) { ?>
       <a href="<?= $previous ?>"><img src="assets/images/back.svg" width="65" height="65" alt="<"></a>
<?php } ?>
        </div>
        <div id="banner-logo"><img src="assets/images/banner.svg" width="244" height="65" alt="Mosterei Wurst - Murrhardt-Köchersberg - 07192-936436"></div>
        <div id="banner-headline"><h1><?= $headline ?></h1></div>
        <div id="banner-clear"></div>
     </div>
  <div class="container text-center">
    <?= $content ?>
    <?php if (basename($_SERVER['PHP_SELF']) != 'finish.php') { ?>
    <nav aria-label="Zu anderen Schritten springen">
        <ul class="pagination pagination-sm justify-content-center">
        <?php 
       foreach ($pages as $index => $file) {   
            echo '<li class="page-item'.($file === basename($_SERVER['PHP_SELF']) ? ' active' : '').'"><a class="page-link" href="'.$file.'">'.$index.'</a></li>';
        }
?>
    </ul></nav>
    <a id="allesloeschen" data-toggle="modal" data-target="#allesloeschen-dialog"class="btn btn-sm btn-block btn-outline-danger" href="clear.php">Alle Eingaben löschen und von vorne beginnen</a>
    <div class="modal fade" id="allesloeschen-dialog" tabindex="-1" role="dialog" aria-labelledby="Bestaetigung" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Alle Eingaben löschen?</h4>
                </div>

                <div class="modal-body">
                    <p>Alles was Sie bisher eingegeben haben wird gelöscht und Sie möchten von vorne beginnen?</p>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Abbrechen</button>
                    <a class="btn btn-danger btn-ok">Eingaben löschen</a>
                </div>
            </div>
        </div>
    </div>
    <div class="card" id="footer">
        <div class="card-header">Hilfe?</div>
        <div class="card-body"><p class="card-text">Für Unterstützung bei der Nutzung dieses Formulars können Sie gerne unsere Telefonnummer <a href="tel:+497192936434">07192-936434</a> anrufen.</p></div>
<?php if ($_SESSION['mode'] != 'local') { ?>
    <div class="card-footer"><a target="_blank" href="https://mosterei-wurst.de/impressum/">Impressum</a> · <a target="_blank" href="https://mosterei-wurst.de/">Website besuchen</a></div>
<?php } /* if ($_SESSION['mode'] != 'local') */ ?>
    </div>
<?php } /* if (basename($_SERVER['PHP_SELF']) != 'finish.php') */ ?>

    </div>
    <div class="modal fade" id="idle-dialog" tabindex="-1" role="dialog" aria-labelledby="Bestaetigung" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Weitermachen?</h4>
                </div>

                <div class="modal-body">
                    <p>An diesem Gerät wurde lange nichts eingegeben. Möchten Sie am laufenden Auftrag weiter machen oder neu beginnen?</p>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal" id="dismiss-idle">Weiter machen!</button>
                    <a class="btn btn-danger btn-ok" href="clear.php<?= (isset($_SESSION['mode']) ? '?mode='.$_SESSION['mode'] : '') ?>">Neu beginnen</a>
                </div>
            </div>
        </div>
    </div>
 
 </body>
</html>