func.php

<?php
// define("NDUOM","<script type='text/javascript'>
// alert('Neteisingi duomenys!');
// </script>");
define('FRE', "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]");
define('RE', "<meta http-equiv='refresh' content='0; url=");
define('SH', "'>");


function str($Sid)
{
  $conn = mysqli_connect('localhost', 'root', '', 'italija');
  $conn->set_charset("utf8");
  $sql = "select * from straipsniai where ID='$Sid'";
  $rez = $conn->query($sql);
  $eil = $rez->fetch_assoc();
  echo '<section>
<div class="container mx-auto row ">

    <div class="col-md-12 text-center">
        <h2 class="text-center">' . $eil['pavadinimas'] . '</h2>
        <img src="img/str/' . $eil['nuotrauka'] . '" style="width: 70%;" class="card-img-top img-thumbnail" alt="...">
        <p class="lead">' . $eil['tekstas'] . '</p>
    </div>
</div>
</section>';



  echo "<script type='text/javascript'>
location.href = '#';
location.href = '#tp';


</script>";
}

function res($Rid)
{

  $conn = mysqli_connect('localhost', 'root', '', 'italija');
  $conn->set_charset("utf8");
  $sql = "select * from straipsniai where ID='$Rid'";
  $rez = $conn->query($sql);
  $eil = $rez->fetch_assoc();
  echo '<section>
<div class="container mx-auto row ">

    <div class="col-md-12 text-center">
        <h2  class="text-center">' . $eil['pavadinimas'] . '</h2>
        <img src="img/res/' . $eil['nuotrauka'] . '" style="width: 70%;" class="card-img-top img-thumbnail" alt="...">
        <p class="lead">' . $eil['tekstas'] . '</p>
    </div>
</div>
</section>';
  echo '<section>
<div class="d-flex justify-content-center">' . $eil['map'] . '</div></section><br>';

  echo '
<div class="container">
  <div class="row">
    <link rel="stylesheet" href="img.css">';
  $sql = "select * from galerija where str_id = '$Rid'";
  $rez = $conn->query($sql);
  $ii = -1;
  while ($eil = $rez->fetch_assoc()) {
    $img = 'img/galerija/' . $eil['foto'];
    $ii++;
    echo '     <div class="col-md-4">
      <div class="card mb-4 box-shadow">
        <div class="rt-container">
          <div class="col-rt-12">
            <div class="Scriptcontent">
              <img class="myImg" src="' . $img . '" width="100%" height="50%">
              <div id="myModal' . $ii . '" class="modal" onclick="zoom(' . $ii . ')">
                <img class="modal-content" id="img01' . $ii . '">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
';


    echo "<script type='text/javascript'>galerija('$ii');
location.href = '#';
location.href = '#tp';


</script>";
  }


  echo '</div>
</div>';
  echo '<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.2/jquery.rateyo.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.2/jquery.rateyo.min.css" rel="stylesheet" />';

  echo '<div class="container">
<div class="row">';


  if (isset($_SESSION['user_id'])) {
?>
    <div class="card mb-12 box-shadow">
      <div class="card-body">
        <h5>Įvertinkite restoraną, kaip
          <?php echo $_SESSION['user']; ?>
        </h5>

        <textarea class="form-control" form="vert" name='txt' placeholder="Atsiliepimas" rows="4"></textarea>
        <br>
        <form method="post" id='vert'>
          <div class="d-flex justify-content-between align-items-center">


            <div id='stars' style="display: flex">
              <div class="rateyo" style='float:left' data-rateyo-rating="0" data-rateyo-num-stars="5"></div>
              <span class='result text-muted' style="font-size: 1.4em; ">0</span>
              <input class='result' value="0" type="hidden" name='vertinimas'>
            </div>





            <input type="submit" name="ok" class="btn btn-sm btn-outline-secondary" value="Patvirtinti">
          </div>
        </form>
        <?php

        if (isset($_POST['ok'])) {
          $txt = str_replace('"',"'",$_POST['txt']);
          $score = $_POST['vertinimas'];

          $sqln = "select * from komentarai where vart_id =".$_SESSION['user_id']." && straip_id = $Rid";
          $rezn = $conn->query($sqln);
          $eiln = $rezn->fetch_assoc();
          if(isset($eiln['ID'])){
            echo 'Sėkmingai redaguota';
            $redag ='UPDATE komentarai SET tekstas = "'.$txt.'", vertinimas = '.$score.' WHERE vart_id = '.$_SESSION['user_id'].' && straip_id = '.$Rid.'';
            $conn->query($redag);

          }else{
            $koment = 'insert into komentarai(vart_id,straip_id,tekstas,vertinimas) value('.$_SESSION['user_id'].','.$Rid.',"'.$txt.'",'.$score.')';
            $conn->query($koment);
          }

        }
        ?>

      </div>
    </div>
<?php
  }

  $sql = "select * from komentarai where straip_id = $Rid";
  $rez = $conn->query($sql);
  while ($eil = $rez->fetch_assoc()) {

    $txt = $eil['tekstas'];
    $data = $eil['laikas'];
    $vert = $eil['vertinimas'] + 0;
    $vart = $eil['vart_id'];
    $sql2 = "select * from vartotojai where ID = $vart";
    $rez2 = $conn->query($sql2);
    $eil2 = $rez2->fetch_assoc();
    $vardas = $eil2['vardas'];

    echo '<div class="card mb-12 box-shadow">
  <div class="card-body">
    <h5>' . $vardas . '</h5>
    <p class="card-text">' . $txt . '</p>
    <div class="d-flex justify-content-between align-items-center">
      <span>' . $vert . '<span class="fa divya fa-star" style="font-size:16px;"></span></span>
      <small class="text-muted">' . $data . '</small>
    </div>
  </div>
</div>';
  }

  echo ' </div>
</div>';
}
?>

<script>
  $(function() {
    $(".rateyo").rateYo({
      starWidth: "30px"
    }).on("rateyo.change", function(e, data) {
      var rating = data.rating;
      $(this).parent().find(".result").text(rating);
      $(this).parent().find(".result").val(rating);
    });
  });
</script>

<script>
  function zoom(i) {
    let l = document.getElementsByClassName("modal")[i];
    l.style.display = 'none';
    let stars = document.getElementById('stars');
    stars.style.display = "flex";
  }

  function galerija(i) {
    let h = "myModal" + i;
    var modal = document.getElementById(h);
    var img = document.getElementsByClassName("myImg")[i];
    let hh = "img01" + i;
    var modalImg = document.getElementById(hh);

    img.onclick = function() {
      modal.style.display = "block";
      modalImg.src = this.src;

      let stars = document.getElementById('stars');
      stars.style.display = "none";
    }



  }
</script>