Dynamic Filter Interface - Copy this Html, Bootstrap Component to your project
I have share you existing filter html please find all the input or tags and make filter on filter like if i click on add then same screen will appear in next tab beside of this tab filters => <div class="offcanvas body"> <div class="filter_body p 0"> <div class="filter_col"> <ul class="filter_check_list"> <li class="filt_date d flex gap 3"> <div class="input group cp_multi_selector"> <select class="form select ddl_status_filter select2 hidden accessible" id="ddl_member_filter" multiple="" tabindex=" 1" aria hidden="true" data select2 id="select2 data ddl_member_filter"> <option value="1">Sub. Filter</option> <option value="2">Checkin Filter</option> <option value="3">Reservations</option> <option value="4">Invoices</option> <option value="5">Search Sale</option> </select><span class="select2 select2 container select2 container default select2 container focus" dir="ltr" data select2 id="select2 data 23 cs3e" style="width: 48.6px;"><span class="selection"><span class="select2 selection select2 selection multiple" role="combobox" aria haspopup="true" aria expanded="false" tabindex=" 1" aria disabled="false"><ul class="select2 selection__rendered" id="select2 ddl_member_filter container"></ul><span class="select2 search select2 search inline"><textarea class="select2 search__field" type="search" tabindex="0" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria autocomplete="list" autocomplete="off" aria label="Search" aria describedby="select2 ddl_member_filter container" placeholder="" style="width: 0.75em;"></textarea></span></span></span><span class="dropdown wrapper" aria hidden="true"></span></span> </div> </li> </ul> </div> <div class="filter_col"> <h3 class="filt_drop_heading">Status</h3> <ul class="filter_check_list"> <li> <div class="form check"> <input class="form check input m_filter" type="checkbox" value="" id="chkFilterActive"> <label class="form check label" for="chkFilterActive">Active</label> </div> </li> <li> <div class="form check"> <input class="form check input m_filter" type="checkbox" value="" id="chkFilterInactive"> <label class="form check label" for="chkFilterInactive">Not active</label> </div> </li> <li> <div class="form check"> <input class="form check input m_filter" type="checkbox" value="" id="chkFilterBlocked"> <label class="form check label" for="chkFilterBlocked">Blocked</label> </div> </li> <li> <div class="form check"> <input class="form check input m_filter" type="checkbox" value="" id="chkFilterNewsletter"> <label class="form check label" for="chkFilterNewsletter">Newsletter</label> </div> </li> <li> <div class="form check"> <input class="form check input m_filter" type="checkbox" value="" id="chkFilterJoinerThisMonth"> <label class="form check label chkFilter1" for="chkFilterJoinerThisMonth">Joiner February</label> </div> </li> <li> <div class="form check"> <input class="form check input m_filter" type="checkbox" value="" id="chkFilterJoinerLastMonth"> <label class="form check label chkFilter2" for="chkFilterJoinerLastMonth">Joiner January</label> </div> </li> <li class="filt_date"> <div class="form check"> <input class="form check input m_filter" type="checkbox" value="" id="chkFilterLeaverThisMonth"> <label class="form check label chkFilter3" for="chkFilterLeaverThisMonth">Leaver February</label> </div> </li> <li class="filt_date"> <div class="form check"> <input class="form check input m_filter" type="checkbox" value="" id="chkFilterLeaverLastMonth"> <label class="form check label chkFilter4" for="chkFilterLeaverLastMonth">Leaver January</label> </div> </li> <li class="filt_date"> <div class="form check"> <input class="form check input m_filter" type="checkbox" value="" id="chkFilterLeaverUpNextMonth"> <label class="form check label m_filter chkFilter5" for="chkFilterLeaverUpNextMonth">Leaver March</label> </div> </li> <li class="filt_date d flex gap 3"> <div class="form check"> <input class="form check input m_filter" type="checkbox" value="" onchange="$CF.HasCheckbox(this, '#txtDOBPeriod')" id="chkFilterDOB"> <label class="form check label" for="chkFilterDOB">Birthday</label> </div> <div class="filt_drop_inner"> <div class="flatpickr wrapper"><div class="input group" id="txtDOBPeriod" autocomplete="off"> <a class="input group text serchinput" data toggle=""> <i class="fa regular fa calendar day" aria hidden="true"></i> </a> <input type="text" placeholder="Select Date Range." data input="" disabled="disabled" class="form control textDate flatpickr input"> </div><div class="flatpickr calendar rangeMode animate static" tabindex=" 1"><div class="flatpickr months"><span class="flatpickr prev month"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 17 17"><g></g><path d="M5.207 8.471l7.146 7.147 0.707 0.707 7.853 7.854 7.854 7.853 0.707 0.707 7.147 7.146z"></path></svg></span><div class="flatpickr month"><div class="flatpickr current month"><select class="flatpickr monthDropdown months" aria label="Month" tabindex=" 1"><option class="flatpickr monthDropdown month" value="0" tabindex=" 1">January</option><option class="flatpickr monthDropdown month" value="1" tabindex=" 1">February</option><option class="flatpickr monthDropdown month" value="2" tabindex=" 1">March</option><option class="flatpickr monthDropdown month" value="3" tabindex=" 1">April</option><option class="flatpickr monthDropdown month" value="4" tabindex=" 1">May</option><option class="flatpickr monthDropdown month" value="5" tabindex=" 1">June</option><option class="flatpickr monthDropdown month" value="6" tabindex=" 1">July</option><option class="flatpickr monthDropdown month" value="7" tabindex=" 1">August</option><option class="flatpickr monthDropdown month" value="8" tabindex=" 1">September</option><option class="flatpickr monthDropdown month" value="9" tabindex=" 1">October</option><option class="flatpickr monthDropdown month" value="10" tabindex=" 1">November</option><option class="flatpickr monthDropdown month" value="11" tabindex=" 1">December</option></select><div class="numInputWrapper"><input class="numInput cur year" type="number" tabindex=" 1" aria label="Year"><span class="arrowUp"></span><span class="arrowDown"></span></div></div></div><span class="flatpickr next month"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 17 17"><g></g><path d="M13.207 8.472l 7.854 7.854 0.707 0.707 7.146 7.146 7.146 7.148 0.707 0.707 7.854 7.854z"></path></svg></span></div><div class="flatpickr innerContainer"><div class="flatpickr rContainer"><div class="flatpickr weekdays"><div class="flatpickr weekdaycontainer"> <span class="flatpickr weekday"> Sun</span><span class="flatpickr weekday">Mon</span><span class="flatpickr weekday">Tue</span><span class="flatpickr weekday">Wed</span><span class="flatpickr weekday">Thu</span><span class="flatpickr weekday">Fri</span><span class="flatpickr weekday">Sat </span> </div></div><div class="flatpickr days" tabindex=" 1"><div class="dayContainer"><span class="flatpickr day prevMonthDay" aria label="January 26, 2025" tabindex=" 1">26</span><span class="flatpickr day prevMonthDay" aria label="January 27, 2025" tabindex=" 1">27</span><span class="flatpickr day prevMonthDay" aria label="January 28, 2025" tabindex=" 1">28</span><span class="flatpickr day prevMonthDay" aria label="January 29, 2025" tabindex=" 1">29</span><span class="flatpickr day prevMonthDay" aria label="January 30, 2025" tabindex=" 1">30</span><span class="flatpickr day prevMonthDay" aria label="January 31, 2025" tabindex=" 1">31</span><span class="flatpickr day" aria label="February 1, 2025" tabindex=" 1">1</span><span class="flatpickr day" aria label="February 2, 2025" tabindex=" 1">2</span><span class="flatpickr day" aria label="February 3, 2025" tabindex=" 1">3</span><span class="flatpickr day" aria label="February 4, 2025" tabindex=" 1">4</span><span class="flatpickr day" aria label="February 5, 2025" tabindex=" 1">5</span><span class="flatpickr day" aria label="February 6, 2025" tabindex=" 1">6</span><span class="flatpickr day" aria label="February 7, 2025" tabindex=" 1">7</span><span class="flatpickr day" aria label="February 8, 2025" tabindex=" 1">8</span><span class="flatpickr day" aria label="February 9, 2025" tabindex=" 1">9</span><span class="flatpickr day" aria label="February 10, 2025" tabindex=" 1">10</span><span class="flatpickr day" aria label="February 11, 2025" tabindex=" 1">11</span><span class="flatpickr day" aria label="February 12, 2025" tabindex=" 1">12</span><span class="flatpickr day" aria label="February 13, 2025" tabindex=" 1">13</span><span class="flatpickr day" aria label="February 14, 2025" tabindex=" 1">14</span><span class="flatpickr day" aria label="February 15, 2025" tabindex=" 1">15</span><span class="flatpickr day" aria label="February 16, 2025" tabindex=" 1">16</span><span class="flatpickr day" aria label="February 17, 2025" tabindex=" 1">17</span><span class="flatpickr day" aria label="February 18, 2025" tabindex=" 1">18</span><span class="flatpickr day" aria label="February 19, 2025" tabindex=" 1">19</span><span class="flatpickr day" aria label="February 20, 2025" tabindex=" 1">20</span><span class="flatpickr day" aria label="February 21, 2025" tabindex=" 1">21</span><span class="flatpickr day" aria label="February 22, 2025" tabindex=" 1">22</span><span class="flatpickr day" aria label="February 23, 2025" tabindex=" 1">23</span><span class="flatpickr day" aria label="February 24, 2025" tabindex=" 1">24</span><span class="flatpickr day today selected startRange" aria label="February 25, 2025" aria current="date" tabindex=" 1">25</span><span class="flatpickr day" aria label="February 26, 2025" tabindex=" 1">26</span><span class="flatpickr day" aria label="February 27, 2025" tabindex=" 1">27</span><span class="flatpickr day" aria label="February 28, 2025" tabindex=" 1">28</span><span class="flatpickr day nextMonthDay" aria label="March 1, 2025" tabindex=" 1">1</span><span class="flatpickr day nextMonthDay" aria label="March 2, 2025" tabindex=" 1">2</span><span class="flatpickr day nextMonthDay" aria label="March 3, 2025" tabindex=" 1">3</span><span class="flatpickr day nextMonthDay" aria label="March 4, 2025" tabindex=" 1">4</span><span class="flatpickr day nextMonthDay" aria label="March 5, 2025" tabindex=" 1">5</span><span class="flatpickr day nextMonthDay" aria label="March 6, 2025" tabindex=" 1">6</span><span class="flatpickr day nextMonthDay" aria label="March 7, 2025" tabindex=" 1">7</span><span class="flatpickr day nextMonthDay" aria label="March 8, 2025" tabindex=" 1">8</span></div></div></div></div><div class="flatpickr year select"><select class="ddl_year_fp"><option value="1901">1901</option><option value="1902">1902</option><option value="1903">1903</option><option value="1904">1904</option><option value="1905">1905</option><option value="1906">1906</option><option value="1907">1907</option><option value="1908">1908</option><option value="1909">1909</option><option value="1910">1910</option><option value="1911">1911</option><option value="1912">1912</option><option value="1913">1913</option><option value="1914">1914</option><option value="1915">1915</option><option value="1916">1916</option><option value="1917">1917</option><option value="1918">1918</option><option value="1919">1919</option><option value="1920">1920</option><option value="1921">1921</option><option value="1922">1922</option><option value="1923">1923</option><option value="1924">1924</option><option value="1925">1925</option><option value="1926">1926</option><option value="1927">1927</option><option value="1928">1928</option><option value="1929">1929</option><option value="1930">1930</option><option value="1931">1931</option><option value="1932">1932</option><option value="1933">1933</option><option value="1934">1934</option><option value="1935">1935</option><option value="1936">1936</option><option value="1937">1937</option><option value="1938">1938</option><option value="1939">1939</option><option value="1940">1940</option><option value="1941">1941</option><option value="1942">1942</option><option value="1943">1943</option><option value="1944">1944</option><option value="1945">1945</option><option value="1946">1946</option><option value="1947">1947</option><option value="1948">1948</option><option value="1949">1949</option><option value="1950">1950</option><option value="1951">1951</option><option value="1952">1952</option><option value="1953">1953</option><option value="1954">1954</option><option value="1955">1955</option><option value="1956">1956</option><option value="1957">1957</option><option value="1958">1958</option><option value="1959">1959</option><option value="1960">1960</option><option value="1961">1961</option><option value="1962">1962</option><option value="1963">1963</option><option value="1964">1964</option><option value="1965">1965</option><option value="1966">1966</option><option value="1967">1967</option><option value="1968">1968</option><option value="1969">1969</option><option value="1970">1970</option><option value="1971">1971</option><option value="1972">1972</option><option value="1973">1973</option><option value="1974">1974</option><option value="1975">1975</option><option value="1976">1976</option><option value="1977">1977</option><option value="1978">1978</option><option value="1979">1979</option><option value="1980">1980</option><option value="1981">1981</option><option value="1982">1982</option><option value="1983">1983</option><option value="1984">1984</option><option value="1985">1985</option><option value="1986">1986</option><option value="1987">1987</option><option value="1988">1988</option><option value="1989">1989</option><option value="1990">1990</option><option value="1991">1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option><option value="2001">2001</option><option value="2002">2002</option><option value="2003">2003</option><option value="2004">2004</option><option value="2005">2005</option><option value="2006">2006</option><option value="2007">2007</option><option value="2008">2008</option><option value="2009">2009</option><option value="2010">2010</option><option value="2011">2011</option><option value="2012">2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021</option><option value="2022">2022</option><option value="2023">2023</option><option value="2024">2024</option><option value="2025">2025</option><option value="2026">2026</option><option value="2027">2027</option><option value="2028">2028</option><option value="2029">2029</option><option value="2030">2030</option><option value="2031">2031</option><option value="2032">2032</option><option value="2033">2033</option><option value="2034">2034</option><option value="2035">2035</option><option value="2036">2036</option><option value="2037">2037</option><option value="2038">2038</option><option value="2039">2039</option><option value="2040">2040</option><option value="2041">2041</option><option value="2042">2042</option><option value="2043">2043</option><option value="2044">2044</option><option value="2045">2045</option><option value="2046">2046</option><option value="2047">2047</option><option value="2048">2048</option><option value="2049">2049</option><option value="2050">2050</option><option value="2051">2051</option><option value="2052">2052</option><option value="2053">2053</option><option value="2054">2054</option><option value="2055">2055</option><option value="2056">2056</option><option value="2057">2057</option><option value="2058">2058</option><option value="2059">2059</option><option value="2060">2060</option><option value="2061">2061</option><option value="2062">2062</option><option value="2063">2063</option><option value="2064">2064</option><option value="2065">2065</option><option value="2066">2066</option><option value="2067">2067</option><option value="2068">2068</option><option value="2069">2069</option><option value="2070">2070</option><option value="2071">2071</option><option value="2072">2072</option><option value="2073">2073</option><option value="2074">2074</option><option value="2075">2075</option><option value="2076">2076</option><option value="2077">2077</option><option value="2078">2078</option><option value="2079">2079</option><option value="2080">2080</option><option value="2081">2081</option><option value="2082">2082</option><option value="2083">2083</option><option value="2084">2084</option><option value="2085">2085</option><option value="2086">2086</option><option value="2087">2087</option><option value="2088">2088</option><option value="2089">2089</option><option value="2090">2090</option><option value="2091">2091</option><option value="2092">2092</option><option value="2093">2093</option><option value="2094">2094</option><option value="2095">2095</option><option value="2096">2096</option><option value="2097">2097</option><option value="2098">2098</option><option value="2099">2099</option><option value="2100">2100</option></select></div></div></div> </div> </li> <li class="filt_date d flex gap 3"> <div class="form check"> <input class="form check input m_filter" type="checkbox" value="" onchange="$CF.HasCheckbox(this, '#ddlFilterClub')" id="chkFilterClub"> <label class="form check label" for="chkFilterClub">Clubs</label> </div> <div class="input group cp_multi_selector"> <select class="form select select2 hidden accessible" id="ddlFilterClub" multiple="" disabled="" tabindex=" 1" aria hidden="true" data select2 id="select2 data ddlFilterClub"> <option data key="Demo Brussels" selected="" value="1" data select2 id="select2 data 16 upq8">Demo Brussels</option> <option data key="Demo Paris" value="2">Demo Paris</option> <option data key="Demo New York" value="3">Demo New York</option> </select><span class="select2 select2 container select2 container default select2 container disabled" dir="ltr" data select2 id="select2 data 15 l239" style="width: 48.6px;"><span class="selection"><span class="select2 selection select2 selection multiple" role="combobox" aria haspopup="true" aria expanded="false" tabindex=" 1" aria disabled="true"><ul class="select2 selection__rendered" id="select2 ddlFilterClub container"><li class="select2 selection__choice" title="Demo Brussels" data select2 id="select2 data 17 31it"><button type="button" class="select2 selection__choice__remove" tabindex=" 1" title="Remove item" aria label="Remove item" aria describedby="select2 ddlFilterClub container choice zj1r 1"><span aria hidden="true">×</span></button><span class="select2 selection__choice__display" id="select2 ddlFilterClub container choice zj1r 1">Demo Brussels</span></li></ul><span class="select2 search select2 search inline"><textarea class="select2 search__field" type="search" tabindex="0" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria autocomplete="list" autocomplete="off" aria label="Search" aria describedby="select2 ddlFilterClub container" placeholder="" disabled="" style="width: 0.75em;"></textarea></span></span></span><span class="dropdown wrapper" aria hidden="true"></span></span> </div> </li> </ul> </div> <div class="filter_col"> <ul> <li class="mem_filt_new member_info_tab"> <div class="filt_drop_heading d flex align items center justify content between pb 2 mb 2"> <h4 class="mb 0">Member information</h4> <button type="button" onclick="MEMBERS.addNewFilterRow(event);" class="top_round_icon" data bs container="body" data bs trigger="hover" data bs toggle="popover" data bs placement="top" data bs content="Add"><i class="fa solid fa plus" aria hidden="true"></i></button> </div> <div class="mem_filt_new_row mb 2"> <div class="row g 2 mem_filt_new_mainrow"> <div class="col 6"> <div class="row g 2"> <div class="col"> <select class="form select ddl_member_info_filter"> <option value="NAME">Name</option> <option value="EMAIL">E Mail</option> <option value="MOBILE">Mobile Nbr</option> <option value="ADDRESS">Address</option> <option value="EMPLOYEE">Employee</option> <option value="NOTE">Note</option> <option value="TELEPHONE">Telephone N°</option> <option value="MEMBERFILE">Member File</option> <option value="ACCOUNTNUMBER">Bank account number</option> <option value="PHOTO">Picture</option> <option value="INFO_2">Test field</option> <option value="INFO_3">Test Date</option> <option value="INFO_4">Date1</option> <option value="INFO_5">Date2</option> </select> </div> </div> </div> <div class="col 6"> <div class="row g 2"> <div class="col"> <input type="text" class="form control"> </div> </div> </div> </div> <button type="button" class="top_round_icon"><i class="fa regular fa trash" aria hidden="true"></i></button> </div> </li> <li class="mem_filt_new other_info_tab"> <div class="filt_drop_heading d flex align items center justify content between pb 2 mb 2"> <h4 class="mb 0">Other Information</h4> <button type="button" onclick="MEMBERS.addNewFilterRow(event);" class="top_round_icon" data bs container="body" data bs trigger="hover" data bs toggle="popover" data bs placement="top" data bs content="Add"><i class="fa solid fa plus" aria hidden="true"></i></button> </div> <div class="mem_filt_new_row mb 2"> <div class="row g 2 mem_filt_new_mainrow"> <div class="col 6"> <div class="row g 2"> <div class="col div_first"> <select class="form select ddl_other_information_filter"> <option value="STATUS">Status</option> <option value="VISITS">Number of visits</option> <option value="VIA">Via</option> <option value="HASVISITS">Visits found</option> <option value="HASNOVISITS">No visits found</option> <option value="MEMBERID">Member ID</option> <option value="POINTS">Points</option> </select> </div> <div class="col div_second"> <select class="form select ddl_status_filter"> <option value=""></option> <option value="1">60+</option> <option value="3">Extra gezinslid </option> <option value="4">Senior citizen</option> <option value="2">Student</option> <option value="14">test Rk</option> <option value="11">Test2</option> </select> </div> </div> </div> <div class="col 6"> <div class="row g 2"> <div class="col div_third d none"> </div> <div class="col div_fourth d none"> </div> <div class="col div_fifth d none"> </div> </div> </div> </div> <button type="button" class="top_round_icon"><i class="fa regular fa trash" aria hidden="true"></i></button> </div> </li> <li class="mem_filt_new financial_tab"> <div class="filt_drop_heading d flex align items center justify content between pb 2 mb 2"> <h4 class="mb 0">Financial</h4> <button type="button" onclick="MEMBERS.addNewFilterRow(event);" class="top_round_icon" data bs container="body" data bs trigger="hover" data bs toggle="popover" data bs placement="top" data bs content="Add"><i class="fa solid fa plus" aria hidden="true"></i></button> </div> <div class="mem_filt_new_row mb 2"> <div class="row g 2 mem_filt_new_mainrow"> <div class="col 6"> <div class="row g 2"> <div class="col div_first"> <select class="form select ddl_financial_filter"> <option value="IBAN">IBAN</option> <option value="BIC">BIC</option> <option value="CLUBBALANCE">Club balance</option> <option value="REMAINDER">Remainder</option> <option value="MANDATE">Mandate Id</option> <option value="MANDATESTATUSCODE">Status Code Mandate</option> <option value="MANDATESTATUS">Status Mandate</option> </select> </div> <div class="col div_second"><select class="form select ddl_operator_filter"> <option value=""></option> <option value="1">=</option> <option value="2">></option> <option value="3"><</option> <option value="4">≥</option> <option value="5">≤</option> <option value="6">≠</option> </select></div> </div> </div> <div class="col 6"> <div class="row g 2"> <div class="col div_third d none"><div class="filt_drop_inner filter_none"><div class="input group from_date" autocomplete="off"><a href="javascript:void(0);" class="input group text div_calendar_wraper" data toggle=""><i class="fa regular fa calendar day" aria hidden="true"></i></a><input type="text" class="form control " index=""> </div></div></div> <div class="col div_fourth d none"><div class="filt_drop_inner filter_none"><div class="input group from_date" autocomplete="off"><a href="javascript:void(0);" class="input group text div_calendar_wraper" data toggle=""><i class="fa regular fa calendar day" aria hidden="true"></i></a><input type="text" class="form control " index=""> </div></div></div> <div class="col div_fifth d none"> </div> </div> </div> </div> <button type="button" class="top_round_icon"><i class="fa regular fa trash" aria hidden="true"></i></button> </div> </li> <li class="mem_filt_new subscription_tab"> <div class="filt_drop_heading d flex align items center justify content between pb 2 mb 2"> <h4 class="mb 0">Subscription</h4> <button type="button" onclick="MEMBERS.addNewFilterRow(event);" class="top_round_icon" data bs container="body" data bs trigger="hover" data bs toggle="popover" data bs placement="top" data bs content="Add"><i class="fa solid fa plus" aria hidden="true"></i></button> </div> <div class="mem_filt_new_row mb 2"> <div class="row g 2 mem_filt_new_mainrow"> <div class="col 6"> <div class="row g 2"> <div class="col div_first"> <select class="form select ddl_subs_filter"> <option value="SUBSCRIPTION">Subscription</option> <option value="GROUP">Group</option> <option value="TURNCARDVISIT">Visits left</option> </select> </div> <div class="col div_second"><select class="form select ddl_operator_filter"> <option value="1">=</option> </select></div> </div> </div> <div class="col 6"> <div class="row g 2"> <div class="col div_third"><select class="form select ddl_subscription_filter"> <option value=""></option> <option value="195">1 YEAR SUB COPY</option><option value="133">1 YEAR SUBSCRIPTION WITH MONTHLY PAYMENT</option><option value="198">1 YEAR SUBSCRIPTION WITH MONTHLY PAYMENT COPY</option><option value="20">4 Weekly Subscription (Automatic Prolongation)</option><option value="34">Beurt test ldp</option><option value="170">Bk Jarne</option><option value="171">Bk Jarne 2</option><option value="35">Credits test ldp</option><option value="145">Dagpas ldp2</option><option value="167">DOMI 12 MONTHS</option><option value="17">Formule FLEX</option><option value="168">Jarne</option><option value="164">Moana Carte de 6 accès</option><option value="40">new cost</option><option value="5">PPU Abo</option><option value="12">PT Abo</option><option value="102">Quinten Test pro rata and obligation</option><option value="29">Sub with obligation</option><option value="9">Subscription with 20 visits</option><option value="16">Subscription Y</option><option value="157">T</option><option value="165">test</option><option value="112">Test DR</option><option value="25">test kc</option><option value="27">test kc 3</option><option value="98">Test QUINTEN Pro Rata + 1 day Sub</option><option value="148">Test R</option><option value="212">Test R COPY</option><option value="38">test_38_cost</option><option value="15">Test_a</option><option value="4">Test_Foreach</option><option value="13">Test_r</option><option value="33">Test_Ritesh</option><option value="128">Test_Sub_1</option><option value="143">Test_Sub_EndDate</option><option value="144">Test_Sub_EndDate2</option><option value="99">Test_Tilak_Prorata_OneMonth</option><option value="2">Test_V</option><option value="185">Test123</option><option value="186">Test123 COPY</option><option value="149">Test'23</option><option value="151">Test23_10_24</option><option value="156">Test3S</option><option value="172">Testing kc</option><option value="152">Testing23</option><option value="154">Testing231024</option><option value="162">TestSub</option><option value="163">TestSub23</option><option value="159">TestSubscription</option><option value="160">TestTurnCard</option><option value="8">Turncard 20x (6 months max)</option><option value="14">VitFit A</option><option value="169">WUS TEST</option><option value="1">X TURN CARD YOGA</option>; </select></div> <div class="col div_fourth d none"><div class="filt_drop_inner filter_none"><div class="input group from_date" autocomplete="off"><a href="javascript:void(0);" class="input group text div_calendar_wraper" data toggle=""><i class="fa regular fa calendar day" aria hidden="true"></i></a><input type="text" class="form control " index=""> </div></div></div> <div class="col div_fifth d none"> </div> </div> </div> </div> <button type="button" class="top_round_icon"><i class="fa regular fa trash" aria hidden="true"></i></button> </div> </li> </ul> </div> </div> </div>
