<article class="blog-main blog-sidebar col-sm-12">
    <?php if(!$variables['permission']){ ?>
        <h1>Du solltest nicht hier sein...</h1>

    <?php } else { ?>
    <?php if($variables['chaosMessage']!="") { ?>
        <div class="alert alert-danger alert-dismissable fade in">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
            <?= $variables['chaosMessage'] ?>
        </div>

        <?php } ?>

    <h3>Nutzerstatistiken</h3>
        <br>
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <div class="panel panel-success">
                        <div class="panel-heading">Gewinnertyp</div>
                        <div class="panel-body" style="text-align: center; height: 15em !important">
                            <img src="img/medaille.png" style="width: 60%" />
                            <br>
                            <br>
                            <h4>
                                <?= $variables['winnerName']?>
                            </h4>
                        </div>
                        <div class="panel-footer"><b><?= $variables['maxKarma']?> Karma</b></div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="panel panel-danger">
                        <div class="panel-heading">Der Loser</div>
                        <div class="panel-body" style="text-align: center; height: 15em !important">
                            <img src="img/youtried.png" style="width: 60%" />
                            <br>
                            <br>
                            <h4>
                                <?= $variables['loserName']?>
                            </h4>
                        </div>
                        <div class="panel-footer"><b><?= $variables['minKarma']?> Karma. Buhh!</b></div>
                    </div>
                </div>
            </div>
        </div>
    <form onsubmit="return false;" id="adminsearch">
        <label for="input">Benutzersuche</label>
        <div class="input-group">
            <input type="hidden" name="pageTarget" value="administration">
            <input type="text" class="form-control" id="input" name="input" placeholder="Suchbegriff" onkeyup="delayCallTo('adminsearch', 500, function() {lazyPostForm('searchbar', $('#adminsearch'), 'searchresults')})">
            <div class="input-group-btn">
                <button class="btn btn-default" type="button" onclick="$('#input').trigger('keyup')"><i class="glyphicon glyphicon-search"></i></button>
            </div>
        </div>
    </form>
    <div id="searchresults">

    </div>
        <?php if($variables['targetID']>=0){ ?>
            <h3>Nutzerstatistik für <?= $variables['vorname']?> <?=$variables['nachname']?></h3>
            <h5>Zuletzt gesehen am <?= $variables['lastseen'] ?> </h5>
                <div class="panel-group" style="color: white">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" href="#collapse1" style="color: white">
                                    Anzahl der geschriebenen Posts <span class="badge pull-right"><?= $variables['numberPostsAuthor']?></span>
                                </a>
                            </h4>
                        </div>
                        <div id="collapse1" class="panel-collapse collapse" style="color: black">
                            <ul class="list-group">
                                <li class="list-group-item">Text
                                    <span class="badge"> <?= $variables['numberTextAuthor'] ?></span></li>
                                <li class="list-group-item">Bilder
                                    <span class="badge"> <?= $variables['numberPictureAuthor'] ?></span></li>
                                <li class="list-group-item">Video
                                    <span class="badge"> <?= $variables['numberVideoAuthor'] ?></span></li>
                                <li class="list-group-item">Insgesamt gelästert
                                    <span class="badge"> <?= $variables['numberGossipAuthor'] ?></span></li>
                            </ul>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" href="#collapse2" style="color: white">
                                    Anzahl der empfangenen Posts <span class="badge pull-right"><?= $variables['numberPostsReceived']?></span>
                                </a>
                            </h4>
                        </div>
                        <div id="collapse2" class="panel-collapse collapse" style="color: black">
                            <ul class="list-group">
                                <li class="list-group-item">Text
                                    <span class="badge"> <?= $variables['numberTextReceived'] ?></span></li>
                                <li class="list-group-item">Bilder
                                    <span class="badge"> <?= $variables['numberPictureReceived'] ?></span></li>
                                <li class="list-group-item">Video
                                    <span class="badge"> <?= $variables['numberVideoReceived'] ?></span></li>
                                <li class="list-group-item">Insgesamt gelästert
                                    <span class="badge"> <?= $variables['numberGossipReceived'] ?></span></li>
                            </ul>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" href="#collapse3" style="color: white">
                                    Anzahl der Nachrichten: <span class="badge pull-right"><?= $variables['numberPrivateMessages']?></span>
                                </a>
                            </h4>
                        </div>
                        <div id="collapse3" class="panel-collapse collapse" style="color: black">
                            <ul class="list-group">
                                <li class="list-group-item">Gesendet
                                    <span class="badge"><?= $variables['numberMessagesSent'] ?></span></li>
                                <li class="list-group-item">Empfangen
                                    <span class="badge"><?= $variables['numberMessagesReceived'] ?></span></li>
                            </ul>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <div data-toggle="collapse" style="color: white">
                                    Anzahl der Freunde: <span class="badge pull-right"><?= $variables['numberFriends']?></span>
                                </div>
                            </h4>
                        </div>
                    </div>
                </div>

            <?php
                $pGreen = 0;
                $pRed = 0;
                $pGray = 100;
                if($variables['numberLikes']+$variables['numberDislikes'] != 0){
                    $pGray = 0;
                    $pGreen = 100*$variables['numberLikes']/($variables['numberLikes'] + $variables['numberDislikes']);
                    $pRed = 100*$variables['numberDislikes']/($variables['numberLikes'] + $variables['numberDislikes']);
                }
            ?>

            <div class="progress">
                <div class="progress-bar progress-bar-success" role="progressbar" style="width:<?= $pGreen ?>%">
                    Likes
                </div>
                <div class="progress-bar progress-bar-danger" role="progressbar" style="width:<?= $pRed ?>%">
                    Dislikes
                </div>
                <div class="progress-bar progress-bar-warning" role="progressbar" style="width:<?= $pGray ?>%">
                    Keine Likes/Dislikes
                </div>
            </div>


        <?php }?>
        <h3>Genug gesehen?</h3>
            <form method="post" action="?page=administration" name="chaosForm" id="chaosForm">
                <input type="hidden" name="chaos" id="chaos">
                <div class="dropup">
                    <button class="btn btn-danger" style="width:100%" type="button" data-toggle="dropdown">
                        <span class="glyphicon glyphicon-fire"></span> Chaos <span class="glyphicon glyphicon-fire"></span>
                    </button>
                        <ul class="dropdown-menu" style="width:100%">
                            <li value="1" onclick="$('#chaos').val('1'); lazyPostForm('administration', $('#chaosForm'));" onmouseover="" style="cursor: pointer;">
                                <a>Sende eine böse Nachricht</a></li>
                            <li value="2" onclick="$('#chaos').val('2'); lazyPostForm('administration', $('#chaosForm'));" onmouseover="" style="cursor: pointer;">
                                <a>Lösche die Freunde eines zufälligen Nutzers</a></li>
                            <li value="3" onclick="$('#chaos').val('3'); lazyPostForm('administration', $('#chaosForm'))" onmouseover="" style="cursor: pointer;">
                                <a>Decke eine Lästerei auf</a></li>
                        </ul>
                </div>
            </form>
    <?php
        } ?>
</article>