<!DOCTYPE html>
<html>

<head>
    <?php include 'header.php';    ?>
</head>

<body id="page-top" class="bgb">
    <div id="wrapper">
        <?php include 'sidebar.php';    ?>


    <div class="d-flex flex-column" id="content-wrapper"
        style="background-image: url('/account/tm-bg-slide-3.jpg?h=f3530972ac2620357b48b5e8cd817fd4');">

        <div id="content" style="background-color: rgb(12, 15, 25)">
            <nav class="navbar navbar-light navbar-expand bg-dark shadow mb-4 topbar static-top">
                <div class="container-fluid"><button class="btn btn-link d-md-none rounded-circle mr-3"
                        id="sidebarToggleTop" type="button"><i class="fas fa-bars"></i></button>
                    <ul class="nav navbar-nav flex-nowrap ml-auto">
                        <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link"
                                data-toggle="dropdown" aria-expanded="false" href="#"></a>
                            <div class="dropdown-menu dropdown-menu-right p-3 animated--grow-in" role="menu"
                                aria-labelledby="searchDropdown">
                                <form class="form-inline mr-auto navbar-search w-100">
                                    <div class="input-group"><input class="bg-light form-control border-0 small"
                                            type="text" placeholder="Search for ..." />
                                        <div class="input-group-append"><button class="btn btn-primary py-0"
                                                type="button"><i class="fas fa-search"></i></button></div>
                                    </div>
                                </form>
                            </div>
                        </li>
                        <li class="nav-item dropdown no-arrow mx-1" role="presentation">
                            <div class="nav-item dropdown no-arrow"><a class="dropdown-toggle nav-link"
                                    data-toggle="dropdown" aria-expanded="false" href="#"><span
                                        class="badge badge-danger badge-counter">0</span><i
                                        class="fas fa-bell fa-fw"></i></a>
                                <div class="dropdown-menu dropdown-menu-right dropdown-list dropdown-menu-right animated--grow-in"
                                    role="menu">
                                    <h6 class="dropdown-header">alerts center</h6>

                                    <a class="text-center dropdown-item small text-gray-500" href="#">Show All
                                        Alerts</a>
                                </div>
                            </div>
                        </li>

                        <div class="d-none d-sm-block topbar-divider"></div>
                        <li class="nav-item dropdown no-arrow" role="presentation">
                            <div class="nav-item dropdown no-arrow"><a class="dropdown-toggle nav-link"
                                    data-toggle="dropdown" aria-expanded="false" href="#"><span
                                        class="d-none d-lg-inline mr-2 text-gray-600 small"><?php echo $user->getFullname() ?></span><img class="border rounded-circle img-profile"
                                        src="default.png" /></a>
                                <div class="dropdown-menu shadow dropdown-menu-right animated--grow-in" role="menu"><a
                                        class="dropdown-item" role="presentation" href="profile.php"><i
                                            class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>Profile - <?php echo $user->getFullname() ?>
                                        </a><a class="dropdown-item" role="presentation"
                                        href="profile.php"><i
                                            class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>Update Password</a>
                                    <a class="dropdown-item" role="presentation" href="trade_history.php"><i
                                            class="fas fa-list fa-sm fa-fw mr-2 text-gray-400"></i>History</a>
                                    <div class="dropdown-divider"></div><a class="dropdown-item" role="presentation"
                                        href="logout.php"><i
                                            class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>Logout</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </nav>

            <div class="container-fluid" style="background-color: rgb(12, 15, 25)">
                <div class="d-xl-flex justify-content-xl-center align-items-xl-center">
  <div
    class="card"
    style="background-color: rgba(255,255,255,0);max-width: 457px;"
  >
    <div class="card-body text-center">
      <h4
        class="text-left card-title"
        style="font-weight: bold;color: rgb(255,255,255);font-family: 'Baloo Bhai', cursive;"
      >FUND YOUR ACCOUNT WITH BITCOIN<br /></h4>
      <h6 class="text-muted card-subtitle mb-2"><?php echo $site_name; ?>
        recommend the use Bitcoin&nbsp;<br /></h6>
      <h6 class="text-muted card-subtitle mb-2"><i
          class="fa fa-bitcoin"
          style="font-size: 80px;color: #ffd700;"
        ></i><br />it's Safe and Fast...<br /></h6>

      <form
        action="payment.php"
        method="POST"
        style="margin-top: 39px;margin-bottom: 44px;"
      >
        <div class="form-group">
          <label style="font-size: 13px;">
            Amount: $ USD<br />
            <input
              class="form-control"
              type="number"
              name="amount"
              placeholder="$"
              id="usdvalue"
              required
            />
          </label>
        </div>

        <div class="form-group">
          <label style="font-size: 13px;">
            Amount: BTC<br />
            <input
              class="form-control"
              type="number"
              name="btc"
              placeholder="0.00000000"
              id="btcvalue"
              step=".00000001"
            />
          </label>
        </div>

        <input type="hidden" name="currency" id="currency" value="USD" />
        <div class="form-group"><button class="btn btn-success" type="submit">
            Submit
          </button>
        </div>
      </form>

      <div
        class="alert alert-secondary"
        role="alert"
        style="padding-top: 0px;margin-bottom: 0px;"
      >
        <button
          type="button"
          class="close"
          data-dismiss="alert"
          aria-label="Close"
        ><span aria-hidden="true">×</span></button>
        <span><br />[Not conversant with Bitcoin? Select other deposit methods
          below.<br /></span>

        <br />

        <a
          href="https://www.zellepay.com/get-started"
          class="btn btn-success btn-block"
          style="background-color: #6D1FD4;"
          target="_blank"
        >Zelle</a>

        <a
          href="https://www.paypal.com/signin"
          class="btn btn-success btn-block"
          style="background-color: #0070BA;"
          target="_blank"
        >PayPal</a>

        <a
          href="https://cash.app"
          class="btn btn-success btn-block"
          style="background-color: #0BB634;"
          target="_blank"
        >CashApp</a>

        <a href="mailto:support@<?php echo $site_name; ?>.com" class="btn btn-danger btn-block">Wire
          Transfer</a>

        <br />

        <p>After making payment, send proof of payment to
          <a href="mailto:support@<?php echo $site_name; ?>.com">support@<?php echo $site_name; ?>.com</a></p>
      </div>
    </div>
  </div>
</div>

<script>
  document.getElementById('usdvalue').addEventListener('keyup', e => { const
  btc_value = parseFloat(document.getElementById('usdvalue').value) / 57664.00;
  document.getElementById('btcvalue').value = btc_value.toFixed(8); })
  document.getElementById('btcvalue').addEventListener('keyup', e => { const
  usd_value = parseFloat(document.getElementById('btcvalue').value) * 57664.00;
  document.getElementById('usdvalue').value = usd_value.toFixed(2); })
</script>
            </div>
        </div>

        <?php include 'footer.php';    ?></body>

</html>