I have multiple forms on the page but first one is not working [duplicate]

Good morning i need help with an issue im experiencing day 2 now. This is my code:


<?php 
    $germanCars = array("Bmw","Mercedes","Volkswagen","Porsche");
    $japaneseCars = array("Nissan","Toyota","Honda","Subaru");
    setcookie("fav_vehicle", "{$germanCars[1]}", time() + 86400, "/");

    function defaultList(array $cars): void{
        foreach($cars as $car){
            echo "
        <li>
            $car 
            <form action='selectedCar.php' method='get' style='display:inline;' autocomplete='off'>
                <button type='submit' name='selectedCar' value='$car'>Select</button>
            </form>
        </li>";
        }
    }

    function sortedCars(array $sortedCars): void{
        sort($sortedCars);
        foreach($sortedCars as $sortedCar){
            echo "
        <li>
            $sortedCar 
            <form action='selectedCar.php' method='get' style='display:inline;' autocomplete='off'>
                <button type='submit' name='selectedCar' value='$sortedCar'>Select</button>
            </form>
        </li>";
        }
    }

    function reverseSortedCars(array $reverseSortedCars): void{
        rsort($reverseSortedCars);
        foreach($reverseSortedCars as $car){
            echo"<li>
            $car 
            <form action='selectedCar.php' method='get' style='display:inline;' autocomplete='off'>
                <button type='submit' name='selectedCar' value='$car'>Select</button>
            </form>
            </li>";
        }
    }

?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <form action="index.php" method="post">
    <div>
        <span id="orderBtns">
            <button type="submit" name="sortBtn">Sort by name</button>
            <button type="submit" name="reverseBtn">Sort by name (descending)</button>
        </span>

        <h2>German Cars:</h2>
        <ul>
        <?php
            if(isset($_POST["sortBtn"])){
                sortedCars($germanCars);
            }
            else if(isset($_POST["reverseBtn"])){
                reverseSortedCars($germanCars);
            }
            else{
                defaultList($germanCars);
            }
         ?> 
        </ul>

        <h2>Japanese Cars:</h2>
        <ul>
            <?php
                if(isset($_POST["sortBtn"])){
                    sortedCars($japaneseCars);
                }
                else if(isset($_POST["reverseBtn"])){
                    reverseSortedCars($japaneseCars);
                }
                else{
                    defaultList($japaneseCars);
                }
             ?>
        </ul>
    </div>
    </form>
    
</body>
</html>

So the problem is that no matter how the arrays are sorted, the first element in germancars array doesnt have a form tag in it as i checked in the inspect menu. All of the rest are working properly. Im new to php and still learning it is there something in the syntax that causes this problem?