 <div class="container-fluid item" id="mainLayout3">

         <div class="row sm-gutters">

            

                 <div class="col-xl-8">

               <div class="crypt-gross-market-cap mt-4" id="alertLayout" style="height: 500px !important;overflow-x: hidden;overflow-y: auto;">

                 

                  <div class="row no-gutters">

                     <div class="col-md-12">

                        <div class="row trackingAlerts" style="margin-bottom: 10px;">

                          <div class="col-md-8 col-xs-12 col-sm-12">
                             <h3 class="crypt-bg-head" style="margin-bottom: 0px;margin-top: 10px;"><b class="crypt-up">Alerts</b></h3>
                          </div>

                          <div class="col-xs-12 col-sm-12 col-md-4">

                             <button class="btn btn-primary crypt-button-green-full addTracker pull-right" data-toggle="modal" style="margin:10px;border: none !important;border-radius: 0px !important" data-target="#addTrackerModal">Add Tracker &plus;</button>

                          </div>

                            <table class="table table-striped" id="tableAlert">

                                <thead>

                                  <th>Order</th>

                                  <th>Currency</th>

                                  <th>Price</th>

                                  <th>Direction</th>

                                  <th>Length</th>

                                  <th>

                                    Action

                                  </th>

                                </thead>

                                <tbody>

                                  <?php 

                                    $stmt = $db->db->prepare("SELECT * from invataTracker WHERE user_id = ? ORDER BY id");

                                    $stmt->execute(array($userUId));

                                    $trackerAlert = $stmt->fetchall();

                                    $index = 1;

                                    foreach($trackerAlert as $ta) { ?>

                                      <tr id="<?=$ta['id']; ?>">

                                        <td>#<?php echo $index; ?></td>

                                        <td><?php echo $ta['symbol']; ?></td>

                                        <td><?php echo $ta['price']; ?></td>

                                        <td><?php echo $ta['email']; ?></td>

                                        <td><?php echo $ta['length']; ?></td>

                                       <!--  <td><a href="#" data-toggle="modal" data-target-id="<?php echo $ta['id']; ?>" data-target="#trackerModifyModal" >Modify</a></td>

                                        <td><a href="#" data-target-id="<?php echo $ta['id']; ?>" class="btn-delete" style="color:red;" >X</a></td> -->



                                        <td>

                                          <button data-toggle="modal" data-target="#trackerModifyModal" onclick="modifyTracker('<?=$ta['email']; ?>', '<?=$ta['symbol']; ?>', '<?=$ta['price']; ?>', '<?=$ta['length']; ?>', '<?=$ta['id']; ?>')" class="btn btn-sm btn-warning"><i class="fa fa-wrench"></i></button><button class="btn btn-sm btn-danger" onclick="removeTracker('<?php echo $ta['id']; ?>')" style="margin-left: 5px;"><i class="fa fa-trash"></i></button>

                                        </td>



                                      </tr>

                                    <?php $index++; } ?>

                                </tbody>

                            </table>

                        </div>

                     </div>

                  </div>



               </div>

            </div>

        <div class="col-xl-4">

          <div class="crypt-gross-market-cap mt-4"  style="height:500px;" id="darkVersion">

            <!-- TradingView Widget BEGIN -->

            <div class="tradingview-widget-container"  style="height:500px;">

              <div class="tradingview-widget-container__widget" style="height:500px;"></div>

              <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-events.js" async>

              {

              "colorTheme": "dark",

              "isTransparent": true,

              "width": "100%",

              "height": "100%",

              "locale": "en",

              "importanceFilter": "-1,0,1"

              }

              </script>

            </div>

            <!-- TradingView Widget END -->

          </div>





            <div class="crypt-gross-market-cap mt-4"  style="height:500px;display: none;background: #fff;" id="lightVersion">

            <!-- TradingView Widget BEGIN -->

            <div class="tradingview-widget-container"  style="height:500px;">

              <div class="tradingview-widget-container__widget" style="height:500px;"></div>

              <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-events.js" async>

              {

              "colorTheme": "light",

              "isTransparent": true,

              "width": "100%",

              "height": "100%",

              "locale": "en",

              "importanceFilter": "-1,0,1"

              }

              </script>

            </div>

            <!-- TradingView Widget END -->

          </div>



        </div>



         

            <input type="hidden" value="0" id="started"/>



          </div>





      </div>

