<form id="data-ffb">
  <div data-ffb="">

    <div data-ffb-filter="filter">
      <div>
        <div data-ffb-сonditions="">
          <div data-ffb-сondition="select" style="display: none;">
            <select name="">
              <option value="and">И</option>
              <option value="or" selected>ИЛИ</option>
            </select>
          </div>
          <div data-ffb-сondition="hidden" style="display: none;">
            <span>AND</span>
            <input type="hidden" name="" value="">
          </div>
          <div data-ffb-сondition="what" style="/* display: none; */">
            <span>ЧТО</span>
          </div>
        </div>
        <div>
          <div data-ffb-where="">
            <div data-ffb-field="">
              <select name="">
                <option value="surname">Фамилия</option>
                <option value="name">Имя</option>
              </select>
            </div>
            <div data-ffb-operator="">
              <select name="">
                <option value="containts">содержит</option>
                <option value="not_containts">не содержит</option>
              </select>
            </div>
            <div data-ffb-value="">
              <input type="text" name="" value="">
            </div>
          </div>
        </div>
        <div data-ffb-actions="">
          <a href="#">
            <i class="bi bi-three-dots fs-3"></i>
          </a>
        </div>
      </div>
    </div>

    <div data-ffb-filter="filter">
      <div>
        <div data-ffb-сonditions="">
          <div data-ffb-сondition="select">
            <select name="">
              <option value="and">И</option>
              <option value="or" selected>ИЛИ</option>
            </select>
          </div>
          <div data-ffb-сondition="hidden" style="display: none;">
            <span>AND</span>
            <input type="hidden" name="" value="">
          </div>
          <div data-ffb-сondition="what" style="display: none;">
            <span>ЧТО</span>
          </div>
        </div>
        <div>
          <div data-ffb-where="">
            <div data-ffb-field="">
              <select name="">
                <option value="surname">Фамилия</option>
                <option value="name">Имя</option>
              </select>
            </div>
            <div data-ffb-operator="">
              <select name="">
                <option value="containts">содержит</option>
                <option value="not_containts">не содержит</option>
              </select>
            </div>
            <div data-ffb-value="">
              <input type="text" name="" value="">
            </div>
          </div>
        </div>
        <div data-ffb-actions="">
          <a href="#">
            <i class="bi bi-three-dots fs-3"></i>
          </a>
        </div>
      </div>
    </div>

    <div data-ffb-filter="group">
      <div>
        <div data-ffb-сonditions="" style="/* display: none; */">
          <div data-ffb-сondition="select" style="display: none;">
            <select name="">
              <option value="and">И</option>
              <option value="or" selected>ИЛИ</option>
            </select>
          </div>
          <div data-ffb-сondition="hidden" style="/* display: none; */">
            <span>AND</span>
            <input type="hidden" name="" value="">
          </div>
          <div data-ffb-сondition="what" style="display: none;">
            <span>ЧТО</span>
          </div>
        </div>
        <div>
          <div data-ffb-filter="filter">
            <div>
              <div data-ffb-сonditions="">
                <div data-ffb-сondition="select" style="display: none;">
                  <select name="">
                    <option value="and">И</option>
                    <option value="or" selected>ИЛИ</option>
                  </select>
                </div>
                <div data-ffb-сondition="hidden" style="display: none;">
                  <span>AND</span>
                  <input type="hidden" name="" value="">
                </div>
                <div data-ffb-сondition="what" style="/* display: none; */">
                  <span>ЧТО</span>
                </div>
              </div>
              <div>
                <div data-ffb-where="">
                  <div data-ffb-field="">
                    <select name="">
                      <option value="surname">Фамилия</option>
                      <option value="name">Имя</option>
                    </select>
                  </div>
                  <div data-ffb-operator="">
                    <select name="">
                      <option value="containts">содержит</option>
                      <option value="not_containts">не содержит</option>
                    </select>
                  </div>
                  <div data-ffb-value="">
                    <input type="text" name="" value="">
                  </div>
                </div>
              </div>
              <div data-ffb-actions="">
                <a href="#">
                  <i class="bi bi-three-dots fs-3"></i>
                </a>
              </div>
            </div>
          </div>

          <div data-ffb-filter="filter">
            <div>
              <div data-ffb-сonditions="">
                <div data-ffb-сondition="select">
                  <select name="">
                    <option value="and">И</option>
                    <option value="or" selected>ИЛИ</option>
                  </select>
                </div>
                <div data-ffb-сondition="hidden" style="display: none;">
                  <span>AND</span>
                  <input type="hidden" name="" value="10">
                </div>
                <div data-ffb-сondition="what" style="display: none;">
                  <span>ЧТО</span>
                </div>
              </div>
              <div>
                <div data-ffb-where="">
                  <div data-ffb-field="">
                    <select name="">
                      <option value="surname">Фамилия</option>
                      <option value="name">Имя</option>
                    </select>
                  </div>
                  <div data-ffb-operator="">
                    <select name="">
                      <option value="containts">содержит</option>
                      <option value="not_containts">не содержит</option>
                    </select>
                  </div>
                  <div data-ffb-value="">
                    <input type="text" name="" value="">
                  </div>
                </div>
              </div>
              <div data-ffb-actions="">
                <a href="#">
                  <i class="bi bi-three-dots fs-3"></i>
                </a>
              </div>
            </div>
          </div>

          <div data-ffb-filter="filter">
            <div>
              <div data-ffb-сonditions="">
                <div data-ffb-сondition="select" style="display: none;">
                  <select name="">
                    <option value="and">И</option>
                    <option value="or" selected>ИЛИ</option>
                  </select>
                </div>
                <div data-ffb-сondition="hidden" style="/* display: none; */">
                  <span>AND</span>
                  <input type="hidden" name="" value="">
                </div>
                <div data-ffb-сondition="what" style="display: none;">
                  <span>ЧТО</span>
                </div>
              </div>
              <div>
                <div data-ffb-where="">
                  <div data-ffb-field="">
                    <select name="">
                      <option value="surname">Фамилия</option>
                      <option value="name">Имя</option>
                    </select>
                  </div>
                  <div data-ffb-operator="">
                    <select name="">
                      <option value="containts">содержит</option>
                      <option value="not_containts">не содержит</option>
                    </select>
                  </div>
                  <div data-ffb-value="">
                    <input type="text" name="" value="">
                  </div>
                </div>
              </div>
              <div data-ffb-actions="">
                <a href="#">
                  <i class="bi bi-three-dots fs-3"></i>
                </a>
              </div>
            </div>
          </div>

          <div data-ffb-filter="group">
            <div>
              <div data-ffb-сonditions="">
                <div data-ffb-сondition="select" style="display: none;">
                  <select name="">
                    <option value="and">И</option>
                    <option value="or" selected>ИЛИ</option>
                  </select>
                </div>
                <div data-ffb-сondition="hidden" style="/* display: none; */">
                  <span>AND</span>
                  <input type="hidden" name="" value="">
                </div>
                <div data-ffb-сondition="what" style="display: none;">
                  <span>ЧТО</span>
                </div>
              </div>
              <div>

                <div data-ffb-filter="filter">
                  <div>
                    <div data-ffb-сonditions="">
                      <div data-ffb-сondition="select" style="display: none;">
                        <select name="">
                          <option value="and">И</option>
                          <option value="or" selected>ИЛИ</option>
                        </select>
                      </div>
                      <div data-ffb-сondition="hidden" style="display: none;">
                        <span>AND</span>
                        <input type="hidden" name="" value="">
                      </div>
                      <div data-ffb-сondition="what" style="/* display: none; */">
                        <span>ЧТО</span>
                      </div>
                    </div>
                    <div>
                      <div data-ffb-where="">
                        <div data-ffb-field="">
                          <select name="">
                            <option value="surname">Фамилия</option>
                            <option value="name">Имя</option>
                          </select>
                        </div>
                        <div data-ffb-operator="">
                          <select name="">
                            <option value="containts">содержит</option>
                            <option value="not_containts">не содержит</option>
                          </select>
                        </div>
                        <div data-ffb-value="">
                          <input type="text" name="" value="">
                        </div>
                      </div>
                    </div>
                    <div data-ffb-actions="">
                      <a href="#">
                        <i class="bi bi-three-dots fs-3"></i>
                      </a>
                    </div>
                  </div>
                </div>

                <div data-ffb-filter="filter">
                  <div>
                    <div data-ffb-сonditions="">
                      <div data-ffb-сondition="select">
                        <select name="">
                          <option value="and">И</option>
                          <option value="or" selected>ИЛИ</option>
                        </select>
                      </div>
                      <div data-ffb-сondition="hidden" style="display: none;">
                        <span>AND</span>
                        <input type="hidden" name="" value="">
                      </div>
                      <div data-ffb-сondition="what" style="display: none;">
                        <span>ЧТО</span>
                      </div>
                    </div>
                    <div>
                      <div data-ffb-where="">
                        <div data-ffb-field="">
                          <select name="">
                            <option value="surname">Фамилия</option>
                            <option value="name">Имя</option>
                          </select>
                        </div>
                        <div data-ffb-operator="">
                          <select name="">
                            <option value="containts">содержит</option>
                            <option value="not_containts">не содержит</option>
                          </select>
                        </div>
                        <div data-ffb-value="">
                          <input type="text" name="" value="">
                        </div>
                      </div>
                    </div>
                    <div data-ffb-actions="">
                      <a href="#">
                        <i class="bi bi-three-dots fs-3"></i>
                      </a>
                    </div>
                  </div>
                </div>

                <div data-ffb-filter="filter">
                  <div>
                    <div data-ffb-сonditions="">
                      <div data-ffb-сondition="select" style="display: none;">
                        <select name="">
                          <option value="and">И</option>
                          <option value="or" selected>ИЛИ</option>
                        </select>
                      </div>
                      <div data-ffb-сondition="hidden" style="/* display: none; */">
                        <span>AND</span>
                        <input type="hidden" name="" value="">
                      </div>
                      <div data-ffb-сondition="what" style="display: none;">
                        <span>ЧТО</span>
                      </div>
                    </div>
                    <div>
                      <div data-ffb-where="">
                        <div data-ffb-field="">
                          <select name="">
                            <option value="surname">Фамилия</option>
                            <option value="name">Имя</option>
                          </select>
                        </div>
                        <div data-ffb-operator="">
                          <select name="">
                            <option value="containts">содержит</option>
                            <option value="not_containts">не содержит</option>
                          </select>
                        </div>
                        <div data-ffb-value="">
                          <input type="text" name="" value="">
                        </div>
                      </div>
                    </div>
                    <div data-ffb-actions="">
                      <a href="#">
                        <i class="bi bi-three-dots fs-3"></i>
                      </a>
                    </div>
                  </div>
                </div>

                <div data-ffb-buttons="">
                  <div>
                    <a href="#" data-ffb-add="filter">Добавить фильтр</a>
                  </div>
                </div>
              </div>
              <div data-ffb-actions="">
                <a href="#">
                  <i class="bi bi-three-dots fs-3"></i>
                </a>
              </div>
            </div>
          </div>
          <div data-ffb-buttons="">
            <div>
              <a href="#" data-ffb-add="filter">Добавить фильтр</a> / <a href="#" data-ffb-add="group">Добавить группу фильтров</a>
            </div>
          </div>
        </div>
        <div data-ffb-actions="">
          <a href="#">
            <i class="bi bi-three-dots fs-3"></i>
          </a>
        </div>
      </div>
    </div>

    <div data-ffb-filter="filter">
      <div>
        <div data-ffb-сonditions="">
          <div data-ffb-сondition="select" style="display: none;">
            <select name="">
              <option value="and">И</option>
              <option value="or" selected>ИЛИ</option>
            </select>
          </div>
          <div data-ffb-сondition="hidden" style="/* display: none; */">
            <span>AND</span>
            <input type="hidden" name="" value="">
          </div>
          <div data-ffb-сondition="what" style="display: none;">
            <span>ЧТО</span>
          </div>
        </div>
        <div>
          <div data-ffb-where="">
            <div data-ffb-field="">
              <select name="">
                <option value="surname">Фамилия</option>
                <option value="name">Имя</option>
              </select>
            </div>
            <div data-ffb-operator="">
              <select name="">
                <option value="containts">содержит</option>
                <option value="not_containts">не содержит</option>
              </select>
            </div>
            <div data-ffb-value="">
              <input type="text" name="" value="">
            </div>
          </div>
        </div>
        <div data-ffb-actions="">
          <a href="#">
            <i class="bi bi-three-dots fs-3"></i>
          </a>
        </div>
      </div>
    </div>
    <div data-ffb-buttons="">
      <div>
        <a href="#" data-ffb-add="filter">Добавить фильтр</a> / <a href="#" data-ffb-add="group">Добавить группу фильтров</a>
      </div>
    </div>

  </div>
</form>

'filter' => [
 ["name","containts", "6"],
 "and",
 ["name","containts", "6"],
 "and",
 [
  ["name","containts", "6"],
  "and",
  ["name","containts", "6"],
  "and",
  ["name","containts", "6"],
  "and",
  [
["name","containts", "6"],
"and",
["name","containts", "6"],
"and",
["name","containts", "6"]
  ]
 ],
 "and",
 ["name","containts", "6"]
]