let colCount = 1;

function addForm() {
    const col = $("#col_add_karbohidrat");

    const html = `
        <div class="row mt-2" id="col-${colCount}">
            <div class="col-6">
                <div class="form-floating">
                    <input type="text" class="form-control" name="data[${colCount}][nama_karbohidrat]" placeholder="exp : Nasi" required>
                    <label>Nama Karbohidrat</label>
                </div>
            </div>
            <div class="col-md-5">
                <div class="form-floating">
                    <input type="number" class="form-control" name="data[${colCount}][nilai_kalori]" placeholder="exp : 120">
                    <label>Nilai Kalori (Kkal)</label>
                </div>
            </div>
            <div class="col-md-1 mt-2 d-flex align-items-start">
                <button type="button" class="btn btn-danger" onclick="removeCol(${colCount})">
                    <i class="fa-solid fa-trash"></i>
                </button>
            </div>
        </div>
    `;

    col.append(html);
    colCount++;
}

function removeCol(count) {
    $(`#col-${count}`).remove();
}