Zwiększenie wartości i w javascripcie w zalezności od akcji

Mam taki problem mam sobie pętle w php, która pobiera zawartośc pól mysql i teraz w zależąności jak ona pobierze jakieś tam pola i jest przycisk do dodawania następnych pól i przykładowo jak nic nie pobierze żądnych pól z bazy danych no to jak dodam dwa leki to do bazy zapisze tylko końcowy rekord tablicy bo wszystkie elementy tablicy będą miały index równy 0 i teraz moje pytanie jest takie co zrobić, żeby ten licznik się zwiększał za każdym razem jak się kliknie przycisk.

javascript.

var i;
var bool = true;
function add_drugs(i) {
        if (bool == true) {
            $(".drug").append("<tr class=\"drugs\" ><td width=\"30%\"><input type=\"text\" name=drugs1[" + i + "] class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs2["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs3["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs4["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs5["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs6["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs7["+ i + "]\" class=\"form-control\"></tr>");
        }
        else {
            i++;
            $(".drug").append("<tr class=\"drugs\" ><td width=\"30%\"><input type=\"text\" name=drugs1[" + i + "] class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs2["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs3["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs4["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs5["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs6["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs7["+ i + "]\" class=\"form-control\"></tr>");
            $bool = false;
        }
        
}

php

                @php
                $i = 0;
                @endphp
                @foreach ($drugs as $drugs2)
                <tr class="drugs">
                    <td >
                        <input type="text" name="drugs1[{{$i}}]" value="{{$drugs2->name}}" class="form-control">
                    </td>
                    <td>
                        <input type="text" name="drugs2[{{$i}}]" value="{{$drugs2->field1}}" class="form-control">
                    </td>
                    <td>
                        <input type="text" name="drugs3[{{$i}}]" value="{{$drugs2->field2}}" class="form-control">
                    </td>
                    <td>
                        <input type="text" name="drugs4[{{$i}}]" value="{{$drugs2->field3}}" class="form-control">
                    </td>
                    <td>
                        <input type="text" name="drugs5[{{$i}}]" value="{{$drugs2->field4}}" class="form-control">
                    </td>
                    <td>
                        <input type="text" name="drugs6[{{$i}}]" value="{{$drugs2->field5}}" class="form-control">
                    </td>
                    <td>
                        <input type="text" name="drugs7[{{$i}}]" value="{{$drugs2->field6}}" class="form-control">
                    </td>
                </tr>
                    @php
                    $i++;
                    @endphp
                @endforeach
                <table class="table drug">
                    
                </table>
            </table>
        
            <button type="button" class="btn btn-primary" onclick="add_drugs({{$i}})">Dodaj leki</button>

Wiesz, że możesz robić taki "myk" -> <input type="text" name="drugs3[]"... i wcale nie używać tego licznika?