.-.-.-.-.-

<!DOCTYPE html>
<html>

<head>
    <style>
        table {
            width: 260px;
            border-collapse: collapse;
        }

a:hover {
            color: #D00000;
            background-color: #ffffa0;
            text-decoration: none;
        }

button {
            border: none;
            outline: none;
            background-color: white;
            height: 25px;
            width: 25px;
        }
    </style>
    <script src="./libs/jquery-3.5.1.min.js"></script>
    <script src="./libs/site.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js"
        integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js"
        integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous">
    </script>
</head>

<body>
    <?php
    error_reporting(E_ALL);
    ini_set('display_errors', 1);
    set_error_handler(
        function ($level, $message, $file = '', $line = 0) {
            throw new ErrorException($message, 0, $level, $file, $line);
        }
    );

require_once "settings.config.php";
    require_once "DBConnection.php";
    require_once "PopularityProvider.php";
    require_once "i18n.php";
    require_once "DAO/voted.php";
    require_once "DAO/politician.php";
    $database = new DbConnection($config);
    //$conn = $dbConnection->getPDOConnection();
    //$pictureRoot = "./../images/2021/02/politicians/";
    $voted = new Voted($database);
    $pictureRoot = "./images";
    if (isset($_GET['position']) && !empty($_GET['position'])) {
        $position = intval($_GET['position']);
    } else {
        $position = 0;
    }
    $canton = intval($_GET['canton']);
    $party = intval($_GET['party']);
    $direction = $_GET['direction'] ?? '';
    $netto = $_GET['netto'] ?? false;
    $sort = $_GET['sortBy'] ?? 'name';
    $language = $_COOKIE['lang'] ?? 'de';
    $politicianObj = new Politician($database);
    $politicians = $politicianObj->getMainList($position, $party, $canton, $direction, $sort);
    $votedList = $voted->getVotesByIP($politicians);
    //echo '<br/>Count = '.count($politicians).'<br/>';
    $database->__destruct();
    $rowCount = count($politicians);
    $numberOfRows = ceil($rowCount / 3);
    //echo 'Rows = '.$numberOfRows.'<br/>';
    $pitem = 0;
    //echo 'result = '.$rowCount.'<br/>';
    //echo 'rows = '.$numberOfRows.'<br/>';
    //var_dump($politicians);
    if ($numberOfRows == 0 && $rowCount > 0) {
        $numberOfRows = 1;
    }
    $politicianArrayObject = new ArrayObject($politicians);
    $arrayIterator = $politicianArrayObject->getIterator();
    echo '<div class="row row-cols-1 row-cols-sm-2 row-cols-md-4">';

for ($row=0; $row < $rowCount;$row++):

echo '<div class="col">';
            if ($pitem > count($politicians) -1) {
                break;
            }
            // echo 'pitem = '.$pitem.'<br/>';
            // $politician = $politicians[$pitem];
            $politician = $arrayIterator->current();
            $picture = $politician['picture'];
            $src = "$pictureRoot/$picture";
            //echo "src = ",$src,'<br/>';
            $id = $politician['aid'];
            $name = $politician['name'];
            $position = $politician['position'];
            $party = $politician['party'];
            $canton = $politician['canton'];
            $seedup = $politician['seedup'];
            $seeddown = $politician['seeddown'];
            $upvote = $politician['upvote'] + ($netto == true ? 0 : $seedup);
            $downvote = $politician['downvote'] + ($netto == true ? 0 : $seeddown);
            $totalvotes = $upvote+$downvote;
            if ($totalvotes > 0) {
                $percentup = $upvote * 100 / $totalvotes;
                $percentdown = $downvote * 100 / $totalvotes;
            } else {
                $percentup = 0;
                $percentdown = 0;
            }
            $pitem++;
            $arrayIterator->next();

?>
    <a href="personDetail2.php?id=<?=$id?>&language=<?=$language?>;" target="_blank">
        <figure>
            <img id="img<?=$id?>"
                src="<?=$src?>"
                alt="<?=$name?>" style="width:auto;">
            <canvas id="cnvs<?=$id?>" height="0px"></canvas>
            <figcaption class="pname"><?=$name?>
            </figcaption>
        </figure>
    </a>

<table width="260px">
        <tbody>
            <tr>
                <td style="text-align: left;"><?=$position?>
                </td>
                <td style="text-align: right;"><?=$canton?>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: left; height: 45px;"><?=$party?>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div class="progress" style="width: 260px;">
                        <div id="progressup<?=$id?>"
                            class="progress-bar progress-bar-striped bg-success" role="progressbar"
                            style="width: <?=$percentup?>%"
                            aria-valuenow="<?=$percentup?>"
                            aria-valuemin="0" aria-valuemax="100" width="260px"><?=number_format($percentup, 2, '.', '\'')?>%
                        </div>
                        <div id="progressdown<?=$id?>"
                            class="progress-bar progress-bar-striped bg-danger" role="progressbar"
                            style="width: <?=$percentdown?>%"
                            aria-valuenow="<?=$percentdown?>"
                            aria-valuemin="0" aria-valuemax="100" width="260px"><?=number_format($percentdown, 2, '.', '\'')?>%
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <?php
                          $electable = $t['wählbar'][$language];
                          $unelectable = $t['unwählbar'][$language];
                        ?>
                <td style="text-align: left;"><button
                        id="like<?=$pitem?>"
                        class="voteButton"
                        onclick="vote(<?=$id?>,1,<?=$upvote?>,<?=$downvote?>)"
                        data-bs-toggle="tooltip" data-bs-placement="top"
                        title="<?=$electable?>"><svg
                            xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-hand-thumbs-up" viewBox="0 0 16 16" disabled>
                            <path
                                d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z" />
                        </svg></button></td>
                <td style="text-align: right;"><button
                        id="dislike<?=$pitem?>"
                        class="voteButton"
                        onclick="vote(<?=$id?>,-1,<?=$upvote?>,<?=$downvote?>)"
                        data-bs-toggle="tooltip" data-bs-placement="top"
                        title="<?=$unelectable?>"><svg
                            xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-hand-thumbs-down" viewBox="0 0 16 16" diabled>
                            <path
                                d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856 0 .289-.036.586-.113.856-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a9.877 9.877 0 0 1-.443-.05 9.364 9.364 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964l-.261.065zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a8.912 8.912 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581 0-.211-.027-.414-.075-.581-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.224 2.224 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.866.866 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1z" />
                        </svg></button></td>
            </tr>
            <?php
                $votedfor = $votedList[$id]['voted'] ?? false;
            ?>
            <tr id="c<?=$id?>" data-voted="<?=$votedfor?>">
                <td style="text-align: left;"><?=$upvote?>
                </td>
                <td style="text-align: right;"><?=$downvote?>
                </td>
            </tr>
        </tbody>
    </table>
    <br />

</div>

<?php
endfor;
?>
</body>

</html>

/home/wirbesti/mail/../unwaehlbar.ch/getmainlist.php