<!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>
  .nft-container { background: #fff; } .nft-bg { width: 100%; height: 100%;
  object-fit: cover; filter: brightness(25%); } .nft-container .card-header {
  height: 30vh; overflow: hidden; } .tit { margin-top: -10em; padding: 1em;
  z-index: 999; color: #fff; } .nft-view-all {z-index: 9999; } .nft-container
  .card-footer {padding-top: 4.5em} .all-nfts .card-image {height: 270px;
  overflow: hidden; border-radius: 5%;} .nft-card-image {width: 100%; height:
  100%; object-fit: cover;}
</style>

<div
  style="margin: -1em; margin-bottom: 1em;"
  class="nft-container card shadow"
>
  
  
  <div class="card-header" style="padding: 0" style="background-color: black">
    <img src="/nft/bg.webp" class="nft-bg" alt="" />
  </div>
  <div class="tit"  style="background-color: black">
    <h4 class="font-weight-bold">COPY EXPERT TRADERS
      <br /><small class="text-warning">Copy The Trading Signals Of One Of Our Best Traders</small></h4>
      <h4 class="font-weight-bold">PRESENT COPIED TRADER: <?php echo $user->getTrader()  ?></h4>
      
  </div>
</div>
<?php
                                
                                    if(isset($_COOKIE['trader_set'])){
                                        echo "<div style='background-color: #097969; border: none; display: block;
  margin-left: auto;
  margin-right: auto; width: 50%; padding: 20px; color: white; margin-bottom: 20px; border-radius: 5px'><p>".$_COOKIE['trader_set']."</p></div>";
                                        unset($_COOKIE['trader_set']);
                                    }
                                
                                ?>
<br />
<div style="margin: -1em; margin-bottom: 1em;" class="all-nfts">
  <div class="card shadow">
    <div class="card-header">
      <p class="font-weight-bold">Copy Experts</p>
    </div>

    <div class="card-body row">
        <div class="col-12 col-sm-4 card form-group">
          <div class="card-image">
            <a href="copy_auth.php?name=Jonathan Kerry"><img
                src="1.jpg"
                class="nft-card-image"
                alt=""
              /></a>
          </div>
          <div class="card-body truncate">
            <p>Jonathan Kerry
              <i class="fa fa-check-circle text-primary"></i><br />
              <br />Experience:
              <img src="/nft/eth.png" width="25" alt="" />
              7 Years</p>
          </div>
          <div class="card-footer">
            <a
              href="copy_auth.php?name=Jonathan Kerry"
              class="btn btn-warning btn-block"
            >Copy Trader</a>
          </div>
        </div>
        <div class="col-12 col-sm-4 card form-group">
          <div class="card-image">
            <a href="copy_auth.php?name=Clark Carnager"><img
                src="2.jpg"
                class="nft-card-image"
                alt=""
              /></a>
          </div>
          <div class="card-body truncate">
            <p>Clark Carnager
              <i class="fa fa-check-circle text-primary"></i><br />
              <br />Experience:
              <img src="/nft/eth.png" width="25" alt="" />
             3 Years</p>
          </div>
          <div class="card-footer">
            <a
              href="copy_auth.php?name=Clark Carnager"
              class="btn btn-warning btn-block"
            >Copy Trader</a>
          </div>
        </div>
        <div class="col-12 col-sm-4 card form-group">
          <div class="card-image">
            <a href="copy_auth.php?name=Jefferey Asher"><img
                src="3.png"
                class="nft-card-image"
                alt=""
              /></a>
          </div>
          <div class="card-body truncate">
            <p>Jefferey Asher
              <i class="fa fa-check-circle text-primary"></i><br />
            
              <br />Experience:
              <img src="/nft/eth.png" width="25" alt="" />
              5 Years</p>
          </div>
          <div class="card-footer">
            <a
              href="copy_auth.php?name=Jefferey Asher"
              class="btn btn-warning btn-block"
            >Copy Trader</a>
          </div>
        </div>
        <div class="col-12 col-sm-4 card form-group">
          <div class="card-image">
            <a href="copy_auth.php?name=Alex Forrest"><img
                src="4.jpeg"
                class="nft-card-image"
                alt=""
              /></a>
          </div>
          <div class="card-body truncate">
            <p>Alex Forrest
              <i class="fa fa-check-circle text-primary"></i><br />
              <br />Experience:
              <img src="/nft/eth.png" width="25" alt="" />
             4 Years</p>
          </div>
          <div class="card-footer">
            <a
              href="copy_auth.php?name=Alex Forrest"
              class="btn btn-warning btn-block"
            >Copy Trader</a>
          </div>
        </div>
        <div class="col-12 col-sm-4 card form-group">
          <div class="card-image">
            <a href="copy_auth.php?name=Walter Jenkins"><img
                src="5.jpg"
                class="nft-card-image"
                alt=""
              /></a>
          </div>
          <div class="card-body truncate">
            <p>Walter Jenkins
              <i class="fa fa-check-circle text-primary"></i><br />
              <br />Experience:
              <img src="/nft/eth.png" width="25" alt="" />
              4 Years</p>
          </div>
          <div class="card-footer">
            <a
              href="copy_auth.php?name=Walter Jenkins"
              class="btn btn-warning btn-block"
            >Copy Trader</a>
          </div>
        </div>
        <div class="col-12 col-sm-4 card form-group">
          <div class="card-image">
            <a href="copy_auth.php?name=Patrick Sawyer"><img
                src="6.jpeg"
                class="nft-card-image"
                alt=""
              /></a>
          </div>
          <div class="card-body truncate">
            <p>Patrick Sawyer
              <i class="fa fa-check-circle text-primary"></i><br />
              <br />Experience:
              <img src="/nft/eth.png" width="25" alt="" />
              6 Years</p>
          </div>
          <div class="card-footer">
            <a
              href="copy_auth.php?name=Patrick Sawyer"
              class="btn btn-warning btn-block"
            >Copy Trader</a>
          </div>
        </div>
        <div class="col-12 col-sm-4 card form-group">
          <div class="card-image">
            <a href="copy_auth.php?name=Adam Scott"><img
                src="7.jpg"
                class="nft-card-image"
                alt=""
              /></a>
          </div>
          <div class="card-body truncate">
            <p>Adam Scott
              <i class="fa fa-check-circle text-primary"></i><br />
              <br />Experience:
              <img src="/nft/eth.png" width="25" alt="" />
              5 Years</p>
          </div>
          <div class="card-footer">
            <a
              href="copy_auth.php?name=Adam Scott"
              class="btn btn-warning btn-block"
            >Copy Trader</a>
          </div>
        </div>
    </div>
  </div>
</div>

<br />


            </div>
        </div>

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

</html>