.-.-.-.-.-

<?php
if (!isset($_SESSION)) {
    session_start();
}
?>
<?php
    require_once "settings.config.php";
    require_once "DBConnection.php";
    require_once "i18n.php";
    require_once "DAO/polvotes.php";
    require_once "DAO/stats.php";
    require_once "DAO/politician.php";
    $pictureRoot = "./images";
    $database = new DbConnection($config);
    $polvoteObj = new polvotes($database);
    $statsObj = new Stats($database);
    $politicianObj = new Politician($database);
?>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://jacoblett.github.io/bootstrap4-latest/bootstrap-4-latest.min.css" rel="stylesheet">
    <link href="./css/fontawesome.css" rel="stylesheet">
    
    <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="./libs/jquery-3.5.1.min.js"></script>
    <script src="https://jacoblett.github.io/bootstrap4-latest/bootstrap-4-latest.min.js"></script>
    </script>
    <link href="css/detail.css" rel="stylesheet">
    <script src="https://www.gstatic.com/charts/loader.js"></script>
    <script>
        var t = <?php echo json_encode($t); ?>;
        var lang = '<?php echo $_SESSION['lang']; ?>';
    </script>
    <script>
        google.charts.load('current', {
            'packages': ['corechart']
        });
        google.charts.setOnLoadCallback(drawChart);

function drawChart() {
            var language = getCookie("lang");
            if (typeof language == "undefined" || language == null) {
                language = lang;
                if (typeof language == "undefined" || language == null || language == '') {
                    language = '<?php echo $_GET['language']; ?>';
                }
            }

var data = google.visualization.arrayToDataTable([
                [t['Datum'][language], t['Beliebtheit'][language]],
                <?php
                  $popularityPerDay = $statsObj->getPopularity($_GET['id']);
                  $rows = count($popularityPerDay);
                  $index = 0;

foreach ($popularityPerDay as $date => $popularity) {
                      if ($index == ($rows -1)) {
                          echo '[\''.$date.'\','.$popularity['popularity'].']';
                      } else {
                          echo '[\''.$date.'\','.$popularity['popularity'].'],';
                      }
                      $index++;
                  }
                ?>
            ]);

var options = {
                title: t['Beliebtheit'][language],
                curveType: 'function',
                legend: {
                    position: 'bottom'
                }
            };

var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

chart.draw(data, options);
        }
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-T51P2G7FB6"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-T51P2G7FB6');
    </script>

</head>

<body>
    <br /><br />
    <div class="container px-4">
        <div class="row gx-5 gy-5">
            <div class="col-xs-12">
                <?php
                        $id = $_GET['id'];
                        $language = $_COOKIE['lang'] ?? 'de';
                        $locality = $language;
                        $politicians = $politicianObj->getPoliticianById($id, $language);
                        $politician = $politicians[0];
                        $picture = $politician['picture'];
                        $src = "$pictureRoot/$picture";
                        $name = $politician['name'];
                        $position = $politician['position'];
                        $party = $politician['party'];
                        $canton = $politician['canton'];
                    ?>
                <figure>
                    <img src="<?=$src?>"
                        alt="<?=$name?>" class="img-responsive">
                    <figcaption><strong><?=$name?></strong>
                    </figcaption>
                    <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;"><?=$party?>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </figure>
            </div>
            <?php
                    $query = "SELECT * FROM `evaluation` ".
                    "WHERE `politicianid` = :politicianid ".
                    "AND `language` = :language ".
                    "AND `status` = 2 ".
                    "ORDER BY `created` DESC";
                    $eval = $database->dbc->prepare($query);
                    $eval->bindParam(":language", $language);
                    $eval->bindParam(":politicianid", $id);
                    $eval->execute();
                    $evaluations = $eval->fetchAll();
                ?>
            <div class="col-8">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    
                    <li class="nav-item">
                        <a class="nav-link active" id="poplularity-tab" data-toggle="tab" href="#popularity" role="tab"
                            aria-controls="popularity" aria-selected="true" onclick="hidevoteb()"><?=$t['Beliebtheit'][$language]?></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="votingbehavior-tab" data-toggle="tab" href="#votingbehavior" role="tab"
                            aria-controls="votingbehavior" aria-selected="false"
                            onclick="hidepopularity()"><?=$t['Abstimmungsverhalten'][$language]?></a>
                    </li>
                </ul>
                
    <div class="tab-content" id="myPopularity">
        <div class="tab-pane fade show active" id="popularity" role="tabpanel" aria-labelledby="popularity-tab">
            <div id="curve_chart" style="width: 600px; height: 500px; position: relative; left: -15px"></div>
                <p style="border: solid black; border-radius: 10px; margin-left:40px; margin-right:30px; padding:10px;"><?=$t['DieBeliebtheit'][$language]?>
            </div>
        </p>
    </div>
    <div class="tab-pane fade" id="votingbehavior" role="tabpanel" aria-labelledby="votingbehavior-tab">
        <div data-spy="scroll" data-target="#mytab" data-offset="0">
            <?php
                $polvotes = $polvoteObj->displayDataById($id);
            ?>
            <table class="table table-striped">
                <thead>
                    <th><?=$t['Datum'][$language]?></th>
                    <th><?=$t['Abstimmung'][$language]?></th>
                    <th><?=$t['Gestimmt'][$language]?></th>
                </thead>
                <?php
                    foreach ($polvotes as $polvote) :
                        $votedate = $polvote['votedate'];
                        $votedivisiontext = $polvote['votedivisiontext'];
                        $voted = $polvote['voted'];
                ?>
                <tr>
                    <td style="width: 10%;">
                        <h6>
                            <p style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin-top: 6px;">
                                <?=(DateTime::createFromFormat("Y-m-d H:i:s", $votedate))->format("d.m.Y")?>
                            </p>
                        </h6>
                    </td>
                    <td style="width: 80%;">
                        <h6>
                            <p style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin-top: 6px;">
                                <?=$votedivisiontext?>
                            </p>
                        </h6>
                    </td>
                    <td style="width: 10%;">
                        <h6>
                            <p style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin-top: 6px;">
                                <?=$polvoteObj->votedToText($voted)?>
                            </p>
                        </h6>
                    </td>
                </tr>
                <?php
                    endforeach;
                ?>
            </table>
        </div>
    </div>
    </div>
    </div>
    <div class="row">
        <div class="col">
            <p>
                <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseForm"
                    aria-expanded="false" aria-controls="collapseForm" onclick="initMessage()"><?=$t['Informationen'][$language].'<br/>'.$name?></button>
            </p>
            <div class="collapse" id="collapseForm">
                <div class="card card-body">
                    <div class="ProCon">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="inlineRadioOptions" id="radioPro"
                                value="pro">
                            <label class="form-check-label" for="radioPro">Pro</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="inlineRadioOptions" id="radioContra"
                                value="con">
                            <label class="form-check-label" for="radioContra">Contra</label>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="informationAboutPolitician" class="form-label"><?=$t['Information'][$language]?></label>
                        <textarea class="form-control" id="informationAboutPolitician" rows="3"></textarea>
                    </div>
                    <button type="button" class="btn btn-primary" data-bs-toggle="collapse"
                        data-bs-target="#collapseForm"
                        onclick="sendInformation(<?=$id.', \''.$language.'\''?>)"><?=$t['Senden'][$language]?></button>
                </div>
            </div>
        </div>
        <br /><br />
        <div id="thankyou"></div>
    </div>
    </div>
    <script>
        function hidevoteb() {
            $('#votingbehavior').addClass('tabhidden');
            $('#votingbehavior').removeClass('active');
            $('#votingbehavior').removeClass('show');
            $('#popularity').addClass('active');
            $('#popularity').addClass('show');
            $('#popularity').removeAttr('hidden');
            $('#popularity').removeClass('tabhidden');
        }

function hidepopularity() {
            $('#popularity').addClass('tabhidden');
            $('#popularity').removeClass('active');
            $('#popularity').removeClass('show');
            $('#votingbehavior').addClass('active');
            $('#votingbehavior').addClass('show');
            $('#votingbehavior').removeAttr('hidden');
            $('#votingbehavior').removeClass('tabhidden');
        }
    </script>
</body>

</html>

<?php

/home/wirbesti/unwaehlbar.ch/css/../politicianDetail.php