<?php
  /** 
   *  Startseite für NRW-Hindernismelder
   *  Liste der freigeschalteten Kreise und kreisfeien Städte 
   */
  session_start();
  require("config.php");
  $directory = $_SERVER['REQUEST_URI'];
?>
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Walter Hupfeld, info@hupfeld-software.de">
    <meta name="description" content="ADFC NRW Hindernismelder">
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/style.css" />
    <title><?=$strTitle?></title>
    <script src="js/jquery.min.js"></script>
</head>
<body>

<div class="container">
    <h1><?=$strTitle?></h1>
    <div class="jumbotron">
        <img src="<?=$strLogo?>" />
        <?=$strIntroText?>
    </div>
    <div>
        <form method="GET" action="index.php">       
            <select name="d" style="float:left;margin-top:0.5em;margin-right:0.5em;" onchange="this.form.submit()">
                <?php foreach ($arrDistrict as $key => $strTitle): ?>
                <option value="<?=$key?>"><?=$strTitle?></option>
                <?php  endforeach;  ?>
            </select>
        </form>
    </div>
<p style="clear:both";>

<h3>Teilnehmende Kreise und kreisfreie Städte</h3>
<div class="row">
    <div class="col-4">
    <?php 
        $i=0;
        foreach ($arrDistrict as $key => $strTitle): ?>
        <a href="<?php  echo "./".$key ?>"><?=$strTitle?></a><br>
    <?php
        $i++;
        if ($i%20==0) echo "</div><div class='col-4'>"; 
        endforeach; ?> 
    </div>
</div>
<hr>
© ADFC NRW 

</div>
</body>

</html>