<template>
  <section class="content">
<!-- Sthope Trading Cryptos View START -->
        <div class="col-md-4 col-sm-6 col-xs-12">
          <h2 id="trading_cryptos">Trading Cryptos</h2>
          <form action="/trade_cryptos.php">
            <label for="cname"> Crypto: </label>
            <input type="text" id="trading" name="cname" value=""><br>

            <label for="aname"> Amount: </label>
            <input type="text" id="trading" name="aname" value=""><br>

            <label for="ename"> € Paid: </label>
            <input type="text" id="trading" name="ename" value=""><br>

            <label for="dname"> Date: </label>
            <input type="date" id="trading" name="dname" value=""><br>

            <label for="buyorsellselect"> Buy or Sell (select for Sell): </label>
            <input type="checkbox" id="trading" name="buyorsell" value="BUY"><br>

            <button type="button" class="btn btn-danger" id="buyorsell_button"> Cancel</button>
            <button type="button" class="btn btn-success" id="buyorsell_button"> Buy</button>
          </form>
        </div>
<!-- Sthope Trading Cryptos Window END -->
<!-- Sthope DCA Calculator Window START -->
        <div class="col-md-6 col-sm-6 col-xs-12">
          <h2 id="dca_calculator"> DCA Calculator</h2>
          <form action="/check_best_dca.php">
            <label for="cname"> How much € spend: </label>
            <input type="number" id="trading" name="howmuchtospend" value="">

            <button type="button" class="btn btn-success" id="howmuchtospend_button"> Check</button>
          </form>

          <form action="/add_dca_to_wallet.php">
            <label for="cname"> Best Crypto: </label><input type="text" id="trading" name="howmuchtospend" value=""><br>
            <label for="cname"> Crypto Price: </label><input type="number" id="trading" name="howmuchtospend" value=""><br>
            <label for="cname"> Buying Amount: </label><input type="number" id="trading" name="howmuchtospend" value=""><br>
            <label for="cname"> Buying Average: </label><input type="number" id="trading" name="howmuchtospend" value=""><br>
            <label for="cname"> New Average: </label><input type="number" id="trading" name="howmuchtospend" value=""><br>
            <button type="button" class="btn btn-success" id="buyorsell_button"> Buy</button>
          </form>
        </div>
<!-- Sthope DCA Calculator Window END -->
<!-- Sthope Salary Calculator View START -->
        <div class="col-md-4 col-sm-6 col-xs-12">

          <h2 id="cryptos_salary_calculator">Salary Calculator</h2>

          <form action="/calculate_crypto_salary.php">

            <label for="cname"> Crypto: </label>
            <input type="text" id="trading" name="cname" value=""><br>

            <label for="aname"> Amount: </label>
            <input type="text" id="trading" name="aname" value=""><br>

            <label for="ename"> € Paid: </label>
            <input type="text" id="trading" name="ename" value=""><br>

            <label for="dname"> Date: </label>
            <input type="date" id="trading" name="dname" value=""><br>

            <label for="buyorsellselect"> Buy or Sell (select for Sell): </label>
            <input type="checkbox" id="trading" name="buyorsell" value="BUY"><br>

            <button type="button" class="btn btn-success" id="calculate_button"> Calculate</button>

          </form>
        </div>
<!-- Sthope Salary Calculator Window END -->
<!-- Sthope Compound Interest Calculator View START -->
        <div class="col-md-6 col-sm-6 col-xs-12">

          <h2 id="cryptos_salary_calculator">Compound Interest Calculator</h2>

          <form action="/calculate_crypto_salary.php">

            <label for="cname"> Crypto: </label>
            <input type="text" id="trading" name="cname" value=""><br>

            <label for="aname"> Amount: </label>
            <input type="text" id="trading" name="aname" value=""><br>

            <label for="ename"> € Paid: </label>
            <input type="text" id="trading" name="ename" value=""><br>

            <label for="dname"> Date: </label>
            <input type="date" id="trading" name="dname" value=""><br>

            <label for="buyorsellselect"> Buy or Sell (select for Sell): </label>
            <input type="checkbox" id="trading" name="buyorsell" value="BUY"><br>

            <button type="button" class="btn btn-success" id="calculate_button"> Calculate</button>

          </form>
        </div>
<!-- Sthope Compound Interest Window END -->
  </section>
</template>

<script>
</script>

<style>
/* Body */
body{
 text-align:center;
 background-color:#1e282c;
 color: gray
}

/* Fname */
#trading{
 background-color:#686868;
}
/* Import Google Fonts */
@import url("//fonts.googleapis.com/css2?family=Andika:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");

/* Button */
#buyorsell_button{
 width:125px;
 height:40px;
 font-size:20px;
 font-family:'Andika', sans-serif;
 font-weight:700;
}
</style>
