<?php session_start(); 
/*
<!--<html><body><h1>Guestbook disabled!!</h1>
<pre><a href='javascript:history.go(-1)'>Back</a> | <a href='index.php'>Slakfinder Home</a><br></pre>

</body></html>

< ?php die() ?>

-->
 */
include 'inc/includes.inc.php';
echo '<?xml version="1.0" encoding="UTF-8"?>'; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org">
<html xmlns="http://w3.org">
  <head>
    <title>Package Finder</title>
  </head>
 <style>
        :root {
            /* Clean Light Palette Optimized for PHP GD Graphics */
            --bg-color: #f7fafc;
            --card-bg: #ffffff;
            --text-color: #2d3748;
            --text-muted: #718096;
            --accent-color: #3182ce;
            --border-color: #e2e8f0;
            --header-bg: #edf2f7;
            --list-item-border: #edf2f7;
            --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
            --radius: 12px;

            /* Enhanced Pagination Colors for Light Theme */
            --btn-bg: #e2e8f0;
            --btn-text: #2d3748;
            --btn-hover-bg: #cbd5e0;
            --btn-disabled-bg: #f7fafc;
            --btn-disabled-text: #a0aec0;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            background-color: var(--bg-color);
            color: var(--text-color);
            margin: 0;
            padding: 20px;
            line-height: 1.5;
            font-size: 0.9rem; /* Βασικό κείμενο */
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }

        .nav-links {
            display: flex;
            gap: 15px;
        }

        .nav-links a {
            color: var(--accent-color);
            text-decoration: none;
            font-weight: 500;
            font-size: 0.88rem;
        }

        .nav-links a:hover {
            text-decoration: underline;
        }

        .summary-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 15px;
            margin-bottom: 25px;
        }

        .summary-card {
            background: var(--card-bg);
            padding: 12px 20px; /* Πιο μαζεμένο padding */
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            border: 1px solid var(--border-color);
            display: flex;
            justify-content: space-between; /* Στοιχίζει ετικέτα αριστερά και νούμερο δεξιά */
            align-items: center; /* Ευθυγραμμίζει κάθετα στο κέντρο */
        }

        .summary-card .label {
            font-size: 0.82rem; /* Ελαφρώς μικρότερο κείμενο */
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: 0; /* Αφαιρέθηκε το margin αφού μπήκαν στην ίδια γραμμή */
        }

        .summary-card .value {
            font-size: 0.85rem; /* ΔΙΟΡΘΩΘΗΚΕ: Ίδιο μέγεθος με τη γραμματοσειρά των πινάκων (από 1.8rem) */
            font-weight: 700;
            color: var(--accent-color);
        }

        .graph-card {
            background: var(--card-bg);
            padding: 20px 25px;
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            border: 1px solid var(--border-color);
            margin-bottom: 25px;
            text-align: center;
        }

        .graph-card h3 {
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 1.1rem;
        }

        .graph-wrapper {
            overflow-x: auto;
            padding-bottom: 10px;
        }

        .graph-wrapper img {
            max-width: 100%;
            height: auto;
            border-radius: 6px;
            border: 1px solid var(--border-color);
        }

        .lists-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }

        .list-card {
            background: var(--card-bg);
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            border: 1px solid var(--border-color);
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

        .list-card h3 {
            background: var(--header-bg);
            margin: 0;
            padding: 12px 20px;
            font-size: 0.95rem;
            border-bottom: 1px solid var(--border-color);
        }

        .list-content {
            padding: 8px 20px;
            font-family: monospace;
            font-size: 0.85rem; /* Standard μέγεθος πίνακα */
            flex-grow: 1;
            min-height: 340px; 
        }

        .list-item {
            padding: 6px 0;
            border-bottom: 1px solid var(--list-item-border);
            display: flex;
            justify-content: space-between;
        }

        .list-item:last-child {
            border-bottom: none;
        }

        .list-item .count {
            font-weight: bold;
            color: var(--accent-color);
        }

        .pagination-controls {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 15px;
            padding: 10px 20px;
            background: var(--header-bg);
            border-top: 1px solid var(--border-color);
        }

        .page-btn {
            background-color: var(--btn-bg);
            border: 1px solid var(--border-color);
            color: var(--btn-text);
            padding: 5px 12px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 0.8rem;
            font-weight: 600;
            transition: background-color 0.2s ease, border-color 0.2s ease;
        }

        .page-btn:hover:not(:disabled) {
            background-color: var(--btn-hover-bg);
            border-color: var(--accent-color);
        }

        .page-btn:disabled {
            background-color: var(--btn-disabled-bg);
            color: var(--btn-disabled-text);
            border-color: transparent;
            cursor: not-allowed;
            opacity: 0.7;
        }

        .page-info {
            font-size: 0.8rem;
            color: var(--text-muted);
            min-width: 110px;
            text-align: center;
            font-weight: 500;
        }

        /* 📱 ΕΙΔΙΚΕΣ ΡΥΘΜΙΣΕΙΣ ΓΙΑ ΚΙΝΗΤΑ (Οθόνες έως 768px) */
        @media (max-width: 768px) {
            body {
                padding: 15px;
                font-size: 0.82rem;
            }

            .summary-card {
                padding: 10px 15px;
            }

            .summary-card .label {
                font-size: 0.76rem;
            }

            .summary-card .value {
                font-size: 0.78rem; /* ΔΙΟΡΘΩΘΗΚΕ: Ίδιο μέγεθος με τη γραμματοσειρά των πινάκων στα κινητά (από 1.3rem) */
            }

            .graph-card {
                padding: 15px;
            }

            .graph-card h3 {
                font-size: 1rem;
            }

            .list-card h3 {
                font-size: 0.88rem;
                padding: 10px 15px;
            }

            .list-content {
                font-size: 0.78rem; /* Μέγεθος πίνακα στα κινητά */
                padding: 5px 15px;
                min-height: auto;
            }

            .list-item {
                padding: 5px 0;
            }

            .pagination-controls {
                padding: 8px 15px;
            }

            .page-btn {
                padding: 4px 10px;
                font-size: 0.75rem;
            }

            .page-info {
                font-size: 0.75rem;
                min-width: 90px;
            }
        }
</style>


<body>
<div class="top-nav"><a href='javascript:history.go(-1)'>Back</a> | <a href='index.php'>Slakfinder Home</a></div>

<h2>Guest Book</h2>

<div class="welcome-text">
Thanks for using SlakFinder. I hope it is useful to you.<br>
Now, if you want, you can write a comment. <br>
Just for feedback, suggestions, bug reports, repository recommendations, greetings to the world, ..., or just a signature.
</div>

<form action="gb.php" method="post"><br>Nick:<br>
<?php
  if(isset($_POST['nick']))$_SESSION['slakhomelinuxguestbooknick']=htmlspecialchars(strip_tags($_POST['nick']));
  echo "<input name=nick maxlength=15 ";
  if(isset($_SESSION['slakhomelinuxguestbooknick']))echo "value='{$_SESSION['slakhomelinuxguestbooknick']}'";
  echo ">";
?><br>Message:<br>
<textarea name=message cols=70 rows=3 maxlength="256"></textarea><br>
<input type=submit><br></form>

<a href='gb.php'>Reload</a> <?php
  if(isset($_POST['message'])){
    if(isset($_SESSION['slakhomelinuxguestbookmsg'])){
      if($_SESSION['slakhomelinuxguestbookmsg']==htmlspecialchars(strip_tags($_POST['message']))){
	$gb=new guestbook();
      }else{
	$_SESSION['slakhomelinuxguestbookmsg']=htmlspecialchars(strip_tags($_POST['message']));
	$gb=new guestbook(htmlspecialchars(strip_tags($_POST['message'])),$_SESSION['slakhomelinuxguestbooknick']);
      }
    }else{
      $_SESSION['slakhomelinuxguestbookmsg']=htmlspecialchars(strip_tags($_POST['message']));
      $gb=new guestbook(htmlspecialchars(strip_tags($_POST['message'])),$_SESSION['slakhomelinuxguestbooknick']);
    }
  }else{
    $gb=new guestbook();
  }

  echo "<br><br>";
  tables(array("","",""),1," class='gb' ");

  while($message=$gb->fetch()){
    tables(array("<sup>{$message['date']}</sup>","<font color='red'>".$message['nick']."</font>",$message['message']));
  }

  tables();
?>
</body>
</html>
