Как мне изменить строку меню навигации, чтобы сказать «Выход» при входе в систему

Question

Я работаю над небольшим проектом, чтобы сделать основной веб-сайт, и я не могу понять, как в php я заставляю свою навигационную панель меню переключаться на Выход из системы, как только пользователь успешно вошел в систему.

Я вставил код navbar и весь код, который, я думаю, может иметь значение.Любая помощь или руководство будут оценены.Совершенно новичок в php, вам может понадобиться увидеть весь приведенный ниже код, поэтому извинитесь, если не сильно поможете.Код PHP был использован из учебника YouTube ....

Код меню NavBar

Университет iStudy

    <section class="collapse navbar-collapse" id="myTogglerNav">
    <div class="navbar-nav ml-auto">
        <a class="nav-item nav-link px-3" href="index.php"><i class="fas fa-home"><span class="nav-text">&nbsp; Home</span></i></a>
        <a class="nav-item nav-link px-3" href="about.html"><i class="fas fa-info-circle"><span class="nav-text">&nbsp; About</span></i></a>
        <a class="nav-item nav-link px-3" href="contact.html"><i class="fas fa-envelope"><span class="nav-text">&nbsp; Contact Us</span></i></a>
        <a class="nav-item nav-link px-3" href="signup.php"><i class="fas fa-check-square"><span class="nav-text">&nbsp; Sign Up</span></i></a>
        <a class="nav-item nav-link px-3" href="login.php"><i class="fas fa-sign-in-alt"><span class="nav-text">&nbsp; Login</span></i></a>
    </div>
    </section>
</div>

Некоторый PHP, который применяется:

          <?php
        if (!isset($_SESSION['id'])) {
          echo '<form action="includes/login.inc.php" method="post">
            <input type="text" name="mailuid" placeholder="Email">
            <input type="password" name="pwd" placeholder="Password">
            <button type="submit" name="login-submit">Login</button>
          </form>';
        }
        else if (isset($_SESSION['id'])) {
          echo '<form action="includes/logout.inc.php" method="post">
            <button type="submit" name="logout-submit">Logout</button>
          </form>';
        }
    ?>

Код формы регистрации:

<form class="form-signup" action="includes/signup.inc.php" method="post">
        <?php
        // Here we check if the user already tried submitting data.

        // We check username.
        if (!empty($_GET["uid"])) {
          echo '<input type="text" name="uid" placeholder="Username" value="'.$_GET["uid"].'">';
        }
        else {
          echo '<input type="text" name="uid" placeholder="Username">';
        }

        // We check e-mail.
        if (!empty($_GET["mail"])) {
          echo '<input type="text" name="mail" placeholder="Email" value="'.$_GET["mail"].'">';
        }
        else {
          echo '<input type="text" name="mail" placeholder="Email">';
        }
        ?>
        <input type="password" name="pwd" placeholder="Password">
        <input type="password" name="pwd-repeat" placeholder="Repeat password">
        <button type="submit" name="signup-submit">Signup</button>
      </form>

Answer 1

Сделайте то же самое, что было сделано для вашей формы с тегом <a> в вашей навигации.

<section class="collapse navbar-collapse" id="myTogglerNav">
<div class="navbar-nav ml-auto">
    <a class="nav-item nav-link px-3" href="index.php"><i class="fas fa-home"><span class="nav-text">&nbsp; Home</span></i></a>
    <a class="nav-item nav-link px-3" href="about.html"><i class="fas fa-info-circle"><span class="nav-text">&nbsp; About</span></i></a>
    <a class="nav-item nav-link px-3" href="contact.html"><i class="fas fa-envelope"><span class="nav-text">&nbsp; Contact Us</span></i></a>
    <a class="nav-item nav-link px-3" href="signup.php"><i class="fas fa-check-square"><span class="nav-text">&nbsp; Sign Up</span></i></a>
     <?php  
          if (!isset($_SESSION['id'])) {
            echo "<a class='nav-item nav-link px-3' href='login.php'><i class='fas fa-sign-in-alt'><span class='nav-text'>&nbsp; Login</span></i></a>";
          } else {
            echo "<a class='nav-item nav-link px-3' href='logout.php'><i class='fas fa-sign-out-alt'><span class='nav-text'>&nbsp; Logout</span></i></a>";
          }
      ?>
</div>
</section>