Materialize dropdown issue - php

Question

I'm trying to make dynamic dropdown menu. I have database table with dropdown menus.
Table layout
position means position in menu. dropdown (0 - no dropdown, 1 - dropdown "header" with that arrow, 2 - dropdown item). dropdown-parent means id of dropdown header.
Problem is that I can't figure out how to implement it.
$query = $db->query("SELECT * FROM `menu` WHERE
`dropdown` = 0 OR `dropdown` = 1 ORDER BY `position` ASC");
foreach($query as $row) {
if($row['dropdown'] == 0) {
echo '<li>'.$row['name'].'</li>';
}
elseif($row['dropdown'] == 1) {
echo '<li><a class="dropdown-button" href="#" data-activates="dropdown'.$row['position'].'" data-beloworigin="true" data-hover="true">'.$row['name'].'<i class="material-icons right">arrow_drop_down</i></a></li>';
}
}
This code works, but for dropdown items I need to edit this
<ul id="dropdown2" class="dropdown-content">
<li>Test #1</li>
</ul>
Do you have any idea how to implement it?
EDIT
This is what I want
<ul id="dropdown1" class="dropdown-content">
<li>Test item #1 for dropdown1</li>
<li>Test item #2 for dropdown1</li>
<li>Test item #x for dropdown1</li>
</ul>
<ul id="dropdown2" class="dropdown-content">
<li>Test item #1 for dropdown2</li>
<li>Test item #2 for dropdown2</li>
</ul>
<ul id="dropdownx" class="dropdown-content">
<li>Test item for dropdownx</li>
</ul>
<ul class="right hide-on-med-and-down">
<li>Header without dropdown</li>
<li><a class="dropdown-button" href="#" data-activates="dropdown1">Header with dropdown1 items</a></li>
<li><a class="dropdown-button" href="#" data-activates="dropdown2">Header with dropdown2 items</a></li>
<li><a class="dropdown-button" href="#" data-activates="dropdownx">Header with dropdownx items</a></li>
</ul>
I tried this
$query = $db->query("SELECT * FROM `menu` WHERE `dropdown` = 2 ORDER BY position ASC");
foreach($query as $row) {
echo '<ul id="dropdown'.$row['dropdown-parent'].'" class="dropdown-content">
<li>'.$row['name'].'</li>
</ul>';
}
but I'll get
<ul id="dropdown1" class="dropdown-content">
<li>Test item #1 for dropdown1</li>
</ul>
<ul id="dropdown1" class="dropdown-content">
<li>Test item #2 for dropdown1</li>
</ul>
<ul id="dropdown1" class="dropdown-content">
<li>Test item #x for dropdown1</li>
</ul>
<ul id="dropdown2" class="dropdown-content">
<li>Test item #1 for dropdown2</li>
</ul>
<ul id="dropdown2" class="dropdown-content">
<li>Test item #2 for dropdown2</li>
</ul>
<ul id="dropdownx" class="dropdown-content">
<li>Test item #1 for dropdownx</li>
</ul>
There's problem in that foreach, but I don't know hot to fix it.

Answer 1

You need to make the <ul> based on some logic. There are three steps. You are on the first one, you need to end one and create another, you are on the last one. Below is an untested attempt. Should get you close. Also a note I changed $query to $rows for clarity.
$rows = $db->query("SELECT * FROM `menu` WHERE `dropdown` = 2 ORDER BY position ASC");
$start = true; // Just to know we are starting
foreach($rows as $row) {
if($start){ // Need to only create an open ul tag
echo '<ul id="dropdown'.$row['dropdown-parent'].'" class="dropdown-content">';
$start = false; // Never do this again.
}
if(isset($lastRowParent) && $lastRowParent != $row['dropdown-parent']){
echo '</ul>'; //End the last dropdown
// Start the next one
echo '<ul id="dropdown'.$row['dropdown-parent'].'" class="dropdown-content">';
}
echo '<li>'.$row['name'].'</li>'; //Output the content
$lastRowParent = $row['dropdown-parent']; // Update the parent
}
echo '</ul>'; //When the loop ends the last ul will not be closed. close it.

Answer 2

you can use switch case in place of else if.
$query = $db->query("SELECT * FROM `menu` WHERE `dropdown` = 0 OR `dropdown` = 1 ORDER BY `position` ASC");
foreach($query as $row) {
SWITCH($row['dropdown']) {
CASE 0:
echo '<li>'.$row['name'].'</li>';
break;
CASE 1 :
echo '<li><a class="dropdown-button" href="#" data-activates="dropdown'.$row['position'].'" data-beloworigin="true" data-hover="true">'.$row['name'].'<i class="material-icons right">arrow_drop_down</i></a></li>';
break;
}
}