<div class="form-wrapper">
    <form method="POST" action="/fixed">
        {{ form.csrf_token }}
        <div class="row">
            <h1> TEST </h1>
        </div>
        <div class="row">
            <div class="form-group col-md-4">{{ wtf.form_field(form.currency) }}</div>
        </div>
        <div id="InputsWrapper">
            <div class="row">
                <div class="form-group col-md-4">{{ wtf.form_field(form.paydate) }}</div>
                <div class="form-group col-md-4">{{ wtf.form_field(form.paysum) }}</div>
                <div class="btn-add" onclick="addRow(event)">+</div>
            </div>
            <script>
                function addRow(e){
                let row = e.target.parentElement.cloneNode(true)
                    row.querySelector('.btn-add').setAttribute('onclick', 'deleteRow(event)')
                    row.querySelector('.btn-add').innerText = '-'
                    row.querySelector('.btn-add').className = "btn-del"
                    e.target.parentElement.parentElement.appendChild(row)
                }
                function deleteRow(e){
                    e.target.parentElement.remove();
                }
            </script>
        <div class="row">
            <div class="form-group col-md-4">{{ wtf.form_field(form.submit) }}</div>
        </div>
    </form>
</div>