Untitled


<!DOCTYPE html>
<html>
  <head>
    <title>
    Calculator
</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>

    <nav class="navbar navbar-default"></nav>


<div class="container">


<div class="form-wrapper">
    <form method="POST" action="/fixed">
        <input id="csrf_token" name="csrf_token" type="hidden" value="ImI3ODNkYTExNDdiYTJhYzBlMTAzYWNiNWM0ODc1ODAwYTViNTkwZjYi.YZ9FkQ.D8bO_pCqUdu2_W816a6z2XMlWgY">
        <div class="row">
            <h1> TEST </h1>
        </div>
        <div class="row">
            <div class="form-group col-md-4">


<div class="form-group  required"><label class="control-label" for="currency">Currency</label>

          <input class="form-control" id="currency" name="currency" required type="text" value="&#39;RUB">

  </div>

</div>
        </div>
        <div id="InputsWrapper">
            <div class="row">
                <div class="form-group col-md-4">


<div class="form-group "><label class="control-label" for="paydate">Date</label>

          <input class="form-control" id="paydate" name="paydate" type="text" value="123123">

  </div>

</div>
                <div class="form-group col-md-4">


<div class="form-group  required"><label class="control-label" for="paysum">Sum</label>

          <input class="form-control" id="paysum" name="paysum" required type="number" value="432423">

  </div>

</div>
                <button class="btn-add" onclick="addRow(event)">+</button>
            </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">
            <button type="submit" style="border: 3;" name="isubmit" value="x">Upload</button>
        </div>
        <div class="row">

        </div>
    </form>
</div>

</div>


    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  </body>
</html>