<?php
$sajtomegjelenesek = 'active';
?>
<?php
include "../vendor/autoload.php";
include "../connect.php";
?>
<?php require_once('includes/header.php'); ?>
</head>

<body>
  <header>
    <?php require_once('includes/topsav.php'); ?>
    <?php require_once('includes/menu.php'); ?>
  </header>
  <div class="header_eltav"></div>
  <?php

  $mp = "";

  $lekerdezes = "SELECT *
       FROM posts
       WHERE posts.id='638'
       AND posts.status='APPROVED'";
  $talalat = $conn->query($lekerdezes)->fetch_object();

  ?>

  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="fekete keparany">
          <?php

          if (isset($talalat->id)) {
            echo '<h2 id="articleTitle">';
            echo htmlspecialchars(stripslashes($talalat->title));
            echo '</h2>';

            echo '<div id="articleLead" aria-labelledby="articleTitle" style="position:absolute; top:0; left:0; color:transparent;">';
            echo '<p>';
            echo htmlspecialchars(stripslashes($talalat->lead));
            echo '</p>';
            echo '</div>';

            // A kapcsolódó media objektum lekérdezése
            $media_lekerdezes = "SELECT * FROM media WHERE id='" . $talalat->imageMediaId . "'";
            $media_talalat = $conn->query($media_lekerdezes)->fetch_object();

            // A képhez tartozó leírás kiíratása
            // A 'description' mezőt használod a kép leírásának megjelenítésére.
            $imageStyle = json_decode($talalat->imageStyles);
            $appendSize = '?w=1304&h=450"';
            if($imageStyle&&isset($imageStyle->wideCrop)&&isset($imageStyle->wideCrop->pixels)){
              $appendSize = '?cx='.$imageStyle->wideCrop->pixels->x
                  .'&cy='.$imageStyle->wideCrop->pixels->y
                  .'&cw='.$imageStyle->wideCrop->pixels->width
                  .'&ch='.$imageStyle->wideCrop->pixels->height
                  .'&w='.$imageStyle->wideCrop->pixels->width
                  .'&h='.$imageStyle->wideCrop->pixels->height;
            }
            if ($talalat->imageMediaId) {
              echo '<img src="' . $mp . '/api/image/' . stripslashes($talalat->imageMediaId) . $appendSize. '" alt="' . stripslashes($media_talalat->description) . '" title="' . stripslashes($talalat->title) . '" >';
            }

            // A cikk tartalmának megjelenítése
            echo '<div id="articleContent" aria-labelledby="articleTitle">';
            if (empty($talalat->content)) {
              echo '<p><b>';
              echo htmlspecialchars(stripslashes($talalat->lead));
              echo '</b></p>';
            } else {
              echo stripslashes($talalat->content);
            }
            echo '</div>';
            echo '</div>'; // role="article" lezárása
          } else {
            echo '<h1 class="text-danger">Nincs ilyen poszt!</h1>';
          }
          ?>
          <?php
          $conn->close();
          ?>
        </div>
      </div>
    </div>
  </div>

  <?php require_once('includes/footer.php'); ?>

  <!-- Cookies Consent - beleegyezés -->
  <?php
  if (!isset($_COOKIE['cookieConsent']) || $_COOKIE['cookieConsent'] != 1) {
    require_once('includes/cookies_consent.php');
  }
  ?>