$("#chart-market-1").addClass("text-danger");$("#chart-logo-1").addClass("bg-danger");
$("#chart-logo-1").attr('src','panel/assets/images/icons/crypto/svg/crv.svg');
$("#chart-market-1").html("SHORT 10x");

$("#chart-strategy-1").html("Scalping");
$("#chart-end-pnl-1").html("+8.91%");

//Chart 1
var options = {
  series: [{
      data: [0.273700, 0.273400, 0.273100, 0.270800, 0.27301138241011, 0.2706, 0.269200]  }],
  chart: {
      type: 'area',
      height: 100,
      width: '100%',
      sparkline: {
        enabled: true
      }
  },
  stroke: {
    curve: 'smooth',
    width: 3,
  },
  grid: {
    padding: {
      top: 20,
      bottom: 30
    }
  },
  colors: ['#FF4560'],
  fill: {
    type: 'gradient',
    gradient: {
      shadeIntensity: 1,
      inverseColors: false,
      opacityFrom: 0.45,
      opacityTo: 0.05,
      stops: [20, 100, 100, 100]
    },
  },
  tooltip: {
    fixed: {
      enabled: false
    },
    x: {
      show: false
    },
    y: {
      title: {
        formatter: function (seriesName) {
          return '$'
        }
      }
    },
    marker: {
      show: false
    }
  },
  annotations: {
    yaxis: [{
      x: 5,
      y: 0.27301138241011,
      borderColor: "#FF4560",
      offsetY: 0,
    },
    {
      x: 6,
      y: 0.2706,
      borderColor: "#52CC99",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 0.27301138241011,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#FF4560",
        radius: 2
      },
      label: {
        borderColor: "#FF4560",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#FF4560"
        },
        text: "S"
      }
    },
    {
      x: 6,
      y: 0.2706,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#52CC99",
        radius: 2
      },
      label: {
        borderColor: "#52CC99",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#52CC99"
        },
        text: "B"
      }
    }]
  }
};

var chart = new ApexCharts(document.querySelector("#chart-1"), options);
chart.render();



$("#chart-market-2").addClass("text-danger");$("#chart-logo-2").addClass("bg-danger");
$("#chart-logo-2").attr('src','panel/assets/images/icons/crypto/svg/avax.svg');
$("#chart-market-2").html("SHORT 10x");

$("#chart-strategy-2").html("Scalping");
$("#chart-end-pnl-2").html("+3.30%");

//Chart 2
var options = {
  series: [{
      data: [6.9030, 6.8910, 6.8760, 6.8110, 6.8445, 6.822, 6.8110]  }],
  chart: {
      type: 'area',
      height: 100,
      width: '100%',
      sparkline: {
        enabled: true
      }
  },
  stroke: {
    curve: 'smooth',
    width: 3,
  },
  grid: {
    padding: {
      top: 20,
      bottom: 30
    }
  },
  colors: ['#FF4560'],
  fill: {
    type: 'gradient',
    gradient: {
      shadeIntensity: 1,
      inverseColors: false,
      opacityFrom: 0.45,
      opacityTo: 0.05,
      stops: [20, 100, 100, 100]
    },
  },
  tooltip: {
    fixed: {
      enabled: false
    },
    x: {
      show: false
    },
    y: {
      title: {
        formatter: function (seriesName) {
          return '$'
        }
      }
    },
    marker: {
      show: false
    }
  },
  annotations: {
    yaxis: [{
      x: 5,
      y: 6.8445,
      borderColor: "#FF4560",
      offsetY: 0,
    },
    {
      x: 6,
      y: 6.822,
      borderColor: "#52CC99",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 6.8445,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#FF4560",
        radius: 2
      },
      label: {
        borderColor: "#FF4560",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#FF4560"
        },
        text: "S"
      }
    },
    {
      x: 6,
      y: 6.822,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#52CC99",
        radius: 2
      },
      label: {
        borderColor: "#52CC99",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#52CC99"
        },
        text: "B"
      }
    }]
  }
};

var chart = new ApexCharts(document.querySelector("#chart-2"), options);
chart.render();



$("#chart-market-3").addClass("text-danger");$("#chart-logo-3").addClass("bg-danger");
$("#chart-logo-3").attr('src','panel/assets/images/icons/crypto/svg/eth.svg');
$("#chart-market-3").html("SHORT 15x");

$("#chart-strategy-3").html("Scalping");
$("#chart-end-pnl-3").html("+19.66%");

//Chart 3
var options = {
  series: [{
      data: [2303.34, 2295.60, 2288.23, 2274.35, 2304.2481818182, 2274.44, 2273.24]  }],
  chart: {
      type: 'area',
      height: 100,
      width: '100%',
      sparkline: {
        enabled: true
      }
  },
  stroke: {
    curve: 'smooth',
    width: 3,
  },
  grid: {
    padding: {
      top: 20,
      bottom: 30
    }
  },
  colors: ['#FF4560'],
  fill: {
    type: 'gradient',
    gradient: {
      shadeIntensity: 1,
      inverseColors: false,
      opacityFrom: 0.45,
      opacityTo: 0.05,
      stops: [20, 100, 100, 100]
    },
  },
  tooltip: {
    fixed: {
      enabled: false
    },
    x: {
      show: false
    },
    y: {
      title: {
        formatter: function (seriesName) {
          return '$'
        }
      }
    },
    marker: {
      show: false
    }
  },
  annotations: {
    yaxis: [{
      x: 5,
      y: 2304.2481818182,
      borderColor: "#FF4560",
      offsetY: 0,
    },
    {
      x: 6,
      y: 2274.44,
      borderColor: "#52CC99",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 2304.2481818182,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#FF4560",
        radius: 2
      },
      label: {
        borderColor: "#FF4560",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#FF4560"
        },
        text: "S"
      }
    },
    {
      x: 6,
      y: 2274.44,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#52CC99",
        radius: 2
      },
      label: {
        borderColor: "#52CC99",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#52CC99"
        },
        text: "B"
      }
    }]
  }
};

var chart = new ApexCharts(document.querySelector("#chart-3"), options);
chart.render();



$("#chart-market-4").addClass("text-danger");$("#chart-logo-4").addClass("bg-danger");
$("#chart-logo-4").attr('src','panel/assets/images/icons/crypto/svg/aave.svg');
$("#chart-market-4").html("SHORT 10x");

$("#chart-strategy-4").html("Intraday");
$("#chart-end-pnl-4").html("+4.42%");

//Chart 4
var options = {
  series: [{
      data: [97.580, 97.800, 98.560, 97.990, 97.62, 97.19, 97.010]  }],
  chart: {
      type: 'area',
      height: 100,
      width: '100%',
      sparkline: {
        enabled: true
      }
  },
  stroke: {
    curve: 'smooth',
    width: 3,
  },
  grid: {
    padding: {
      top: 20,
      bottom: 30
    }
  },
  colors: ['#FF4560'],
  fill: {
    type: 'gradient',
    gradient: {
      shadeIntensity: 1,
      inverseColors: false,
      opacityFrom: 0.45,
      opacityTo: 0.05,
      stops: [20, 100, 100, 100]
    },
  },
  tooltip: {
    fixed: {
      enabled: false
    },
    x: {
      show: false
    },
    y: {
      title: {
        formatter: function (seriesName) {
          return '$'
        }
      }
    },
    marker: {
      show: false
    }
  },
  annotations: {
    yaxis: [{
      x: 5,
      y: 97.62,
      borderColor: "#FF4560",
      offsetY: 0,
    },
    {
      x: 6,
      y: 97.19,
      borderColor: "#52CC99",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 97.62,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#FF4560",
        radius: 2
      },
      label: {
        borderColor: "#FF4560",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#FF4560"
        },
        text: "S"
      }
    },
    {
      x: 6,
      y: 97.19,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#52CC99",
        radius: 2
      },
      label: {
        borderColor: "#52CC99",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#52CC99"
        },
        text: "B"
      }
    }]
  }
};

var chart = new ApexCharts(document.querySelector("#chart-4"), options);
chart.render();



$("#chart-market-5").addClass("text-danger");$("#chart-logo-5").addClass("bg-danger");
$("#chart-logo-5").attr('src','panel/assets/images/icons/crypto/svg/1mbabydoge.svg');
$("#chart-market-5").html("SHORT 10x");

$("#chart-strategy-5").html("Scalping");
$("#chart-end-pnl-5").html("+5.16%");

//Chart 5
var options = {
  series: [{
      data: [0.0003615, 0.0003612, 0.0003603, 0.0003579, 0.00035973591625297, 0.00035789, 0.0003589]  }],
  chart: {
      type: 'area',
      height: 100,
      width: '100%',
      sparkline: {
        enabled: true
      }
  },
  stroke: {
    curve: 'smooth',
    width: 3,
  },
  grid: {
    padding: {
      top: 20,
      bottom: 30
    }
  },
  colors: ['#FF4560'],
  fill: {
    type: 'gradient',
    gradient: {
      shadeIntensity: 1,
      inverseColors: false,
      opacityFrom: 0.45,
      opacityTo: 0.05,
      stops: [20, 100, 100, 100]
    },
  },
  tooltip: {
    fixed: {
      enabled: false
    },
    x: {
      show: false
    },
    y: {
      title: {
        formatter: function (seriesName) {
          return '$'
        }
      }
    },
    marker: {
      show: false
    }
  },
  annotations: {
    yaxis: [{
      x: 5,
      y: 0.00035973591625297,
      borderColor: "#FF4560",
      offsetY: 0,
    },
    {
      x: 6,
      y: 0.00035789,
      borderColor: "#52CC99",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 0.00035973591625297,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#FF4560",
        radius: 2
      },
      label: {
        borderColor: "#FF4560",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#FF4560"
        },
        text: "S"
      }
    },
    {
      x: 6,
      y: 0.00035789,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#52CC99",
        radius: 2
      },
      label: {
        borderColor: "#52CC99",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#52CC99"
        },
        text: "B"
      }
    }]
  }
};

var chart = new ApexCharts(document.querySelector("#chart-5"), options);
chart.render();



$("#chart-market-6").addClass("text-danger");$("#chart-logo-6").addClass("bg-danger");
$("#chart-logo-6").attr('src','panel/assets/images/icons/crypto/svg/dydx.svg');
$("#chart-market-6").html("SHORT 10x");

$("#chart-strategy-6").html("Scalping");
$("#chart-end-pnl-6").html("+9.37%");

//Chart 6
var options = {
  series: [{
      data: [0.112300, 0.112100, 0.111800, 0.111200, 0.1123, 0.11125794, 0.111500]  }],
  chart: {
      type: 'area',
      height: 100,
      width: '100%',
      sparkline: {
        enabled: true
      }
  },
  stroke: {
    curve: 'smooth',
    width: 3,
  },
  grid: {
    padding: {
      top: 20,
      bottom: 30
    }
  },
  colors: ['#FF4560'],
  fill: {
    type: 'gradient',
    gradient: {
      shadeIntensity: 1,
      inverseColors: false,
      opacityFrom: 0.45,
      opacityTo: 0.05,
      stops: [20, 100, 100, 100]
    },
  },
  tooltip: {
    fixed: {
      enabled: false
    },
    x: {
      show: false
    },
    y: {
      title: {
        formatter: function (seriesName) {
          return '$'
        }
      }
    },
    marker: {
      show: false
    }
  },
  annotations: {
    yaxis: [{
      x: 5,
      y: 0.1123,
      borderColor: "#FF4560",
      offsetY: 0,
    },
    {
      x: 6,
      y: 0.11125794,
      borderColor: "#52CC99",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 0.1123,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#FF4560",
        radius: 2
      },
      label: {
        borderColor: "#FF4560",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#FF4560"
        },
        text: "S"
      }
    },
    {
      x: 6,
      y: 0.11125794,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#52CC99",
        radius: 2
      },
      label: {
        borderColor: "#52CC99",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#52CC99"
        },
        text: "B"
      }
    }]
  }
};

var chart = new ApexCharts(document.querySelector("#chart-6"), options);
chart.render();



$("#chart-market-7").addClass("text-danger");$("#chart-logo-7").addClass("bg-danger");
$("#chart-logo-7").attr('src','panel/assets/images/icons/crypto/svg/link.svg');
$("#chart-market-7").html("SHORT 10x");

$("#chart-strategy-7").html("Scalping");
$("#chart-end-pnl-7").html("+6.79%");

//Chart 7
var options = {
  series: [{
      data: [10.705, 10.661, 10.637, 10.603, 10.677, 10.605, 10.589]  }],
  chart: {
      type: 'area',
      height: 100,
      width: '100%',
      sparkline: {
        enabled: true
      }
  },
  stroke: {
    curve: 'smooth',
    width: 3,
  },
  grid: {
    padding: {
      top: 20,
      bottom: 30
    }
  },
  colors: ['#FF4560'],
  fill: {
    type: 'gradient',
    gradient: {
      shadeIntensity: 1,
      inverseColors: false,
      opacityFrom: 0.45,
      opacityTo: 0.05,
      stops: [20, 100, 100, 100]
    },
  },
  tooltip: {
    fixed: {
      enabled: false
    },
    x: {
      show: false
    },
    y: {
      title: {
        formatter: function (seriesName) {
          return '$'
        }
      }
    },
    marker: {
      show: false
    }
  },
  annotations: {
    yaxis: [{
      x: 5,
      y: 10.677,
      borderColor: "#FF4560",
      offsetY: 0,
    },
    {
      x: 6,
      y: 10.605,
      borderColor: "#52CC99",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 10.677,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#FF4560",
        radius: 2
      },
      label: {
        borderColor: "#FF4560",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#FF4560"
        },
        text: "S"
      }
    },
    {
      x: 6,
      y: 10.605,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#52CC99",
        radius: 2
      },
      label: {
        borderColor: "#52CC99",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#52CC99"
        },
        text: "B"
      }
    }]
  }
};

var chart = new ApexCharts(document.querySelector("#chart-7"), options);
chart.render();



$("#chart-market-8").addClass("text-danger");$("#chart-logo-8").addClass("bg-danger");
$("#chart-logo-8").attr('src','panel/assets/images/icons/crypto/svg/rose.svg');
$("#chart-market-8").html("SHORT 10x");

$("#chart-strategy-8").html("Scalping");
$("#chart-end-pnl-8").html("+3.16%");

//Chart 8
var options = {
  series: [{
      data: [0.0056940, 0.0056930, 0.0056920, 0.0056660, 0.005688, 0.0056701, 0.0056730]  }],
  chart: {
      type: 'area',
      height: 100,
      width: '100%',
      sparkline: {
        enabled: true
      }
  },
  stroke: {
    curve: 'smooth',
    width: 3,
  },
  grid: {
    padding: {
      top: 20,
      bottom: 30
    }
  },
  colors: ['#FF4560'],
  fill: {
    type: 'gradient',
    gradient: {
      shadeIntensity: 1,
      inverseColors: false,
      opacityFrom: 0.45,
      opacityTo: 0.05,
      stops: [20, 100, 100, 100]
    },
  },
  tooltip: {
    fixed: {
      enabled: false
    },
    x: {
      show: false
    },
    y: {
      title: {
        formatter: function (seriesName) {
          return '$'
        }
      }
    },
    marker: {
      show: false
    }
  },
  annotations: {
    yaxis: [{
      x: 5,
      y: 0.005688,
      borderColor: "#FF4560",
      offsetY: 0,
    },
    {
      x: 6,
      y: 0.0056701,
      borderColor: "#52CC99",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 0.005688,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#FF4560",
        radius: 2
      },
      label: {
        borderColor: "#FF4560",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#FF4560"
        },
        text: "S"
      }
    },
    {
      x: 6,
      y: 0.0056701,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#52CC99",
        radius: 2
      },
      label: {
        borderColor: "#52CC99",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#52CC99"
        },
        text: "B"
      }
    }]
  }
};

var chart = new ApexCharts(document.querySelector("#chart-8"), options);
chart.render();



$("#chart-market-9").addClass("text-danger");$("#chart-logo-9").addClass("bg-danger");


$("#chart-market-10").addClass("text-danger");$("#chart-logo-10").addClass("bg-danger");


$("#trades-table").html('<tr class="tradedata" id="tradebox1"><th class="p-3"><div class="align-items-center"><img src="panel/assets/images/icons/crypto/svg/crv.svg" class="me-3 rounded-circle" height="32" alt="CurveDAOToken" style="background-color:#FFF"><p class="mb-0 d-inline fw-normal h6">CurveDAOToken <span class="text-muted">CRV</span></p></div></th><td class="p-3 text-success">+8.91%</td><td class="p-3 text-muted">FUTURES</td><td class="p-3"><span class="badge bg-soft-danger rounded">SHORT 10x</span></td><td class="p-3 text-muted">İ..Z.</td><td class="p-3 text-end"><a href="panel/signup.php" class="btn btn-sm btn-soft-primary fw-bold">Scalping</a></td></tr><tr class="tradedata" id="tradebox2"><th class="p-3"><div class="align-items-center"><img src="panel/assets/images/icons/crypto/svg/avax.svg" class="me-3 rounded-circle" height="32" alt="Avalanche" style="background-color:#FFF"><p class="mb-0 d-inline fw-normal h6">Avalanche <span class="text-muted">AVAX</span></p></div></th><td class="p-3 text-success">+3.30%</td><td class="p-3 text-muted">FUTURES</td><td class="p-3"><span class="badge bg-soft-danger rounded">SHORT 10x</span></td><td class="p-3 text-muted">C.B.</td><td class="p-3 text-end"><a href="panel/signup.php" class="btn btn-sm btn-soft-primary fw-bold">Scalping</a></td></tr><tr class="tradedata" id="tradebox3"><th class="p-3"><div class="align-items-center"><img src="panel/assets/images/icons/crypto/svg/eth.svg" class="me-3 rounded-circle" height="32" alt="Ethereum" style="background-color:#FFF"><p class="mb-0 d-inline fw-normal h6">Ethereum <span class="text-muted">ETH</span></p></div></th><td class="p-3 text-success">+19.66%</td><td class="p-3 text-muted">FUTURES</td><td class="p-3"><span class="badge bg-soft-danger rounded">SHORT 15x</span></td><td class="p-3 text-muted">S.C.</td><td class="p-3 text-end"><a href="panel/signup.php" class="btn btn-sm btn-soft-primary fw-bold">Scalping</a></td></tr><tr class="tradedata" id="tradebox4"><th class="p-3"><div class="align-items-center"><img src="panel/assets/images/icons/crypto/svg/aave.svg" class="me-3 rounded-circle" height="32" alt="Aave" style="background-color:#FFF"><p class="mb-0 d-inline fw-normal h6">Aave <span class="text-muted">AAVE</span></p></div></th><td class="p-3 text-success">+4.42%</td><td class="p-3 text-muted">FUTURES</td><td class="p-3"><span class="badge bg-soft-danger rounded">SHORT 10x</span></td><td class="p-3 text-muted">M.A.</td><td class="p-3 text-end"><a href="panel/signup.php" class="btn btn-sm btn-soft-primary fw-bold">Intraday</a></td></tr><tr class="tradedata" id="tradebox5"><th class="p-3"><div class="align-items-center"><img src="panel/assets/images/icons/crypto/svg/1mbabydoge.svg" class="me-3 rounded-circle" height="32" alt="BabyDogeCoin" style="background-color:#FFF"><p class="mb-0 d-inline fw-normal h6">BabyDogeCoin <span class="text-muted">1MBABYDOGE</span></p></div></th><td class="p-3 text-success">+5.16%</td><td class="p-3 text-muted">FUTURES</td><td class="p-3"><span class="badge bg-soft-danger rounded">SHORT 10x</span></td><td class="p-3 text-muted">C.B.</td><td class="p-3 text-end"><a href="panel/signup.php" class="btn btn-sm btn-soft-primary fw-bold">Scalping</a></td></tr><tr class="tradedata" id="tradebox6"><th class="p-3"><div class="align-items-center"><img src="panel/assets/images/icons/crypto/svg/dydx.svg" class="me-3 rounded-circle" height="32" alt="dYdX" style="background-color:#FFF"><p class="mb-0 d-inline fw-normal h6">dYdX <span class="text-muted">DYDX</span></p></div></th><td class="p-3 text-success">+9.37%</td><td class="p-3 text-muted">FUTURES</td><td class="p-3"><span class="badge bg-soft-danger rounded">SHORT 10x</span></td><td class="p-3 text-muted">C.B.</td><td class="p-3 text-end"><a href="panel/signup.php" class="btn btn-sm btn-soft-primary fw-bold">Scalping</a></td></tr><tr class="tradedata" id="tradebox7"><th class="p-3"><div class="align-items-center"><img src="panel/assets/images/icons/crypto/svg/link.svg" class="me-3 rounded-circle" height="32" alt="Chainlink" style="background-color:#FFF"><p class="mb-0 d-inline fw-normal h6">Chainlink <span class="text-muted">LINK</span></p></div></th><td class="p-3 text-success">+6.79%</td><td class="p-3 text-muted">FUTURES</td><td class="p-3"><span class="badge bg-soft-danger rounded">SHORT 10x</span></td><td class="p-3 text-muted">C.B.</td><td class="p-3 text-end"><a href="panel/signup.php" class="btn btn-sm btn-soft-primary fw-bold">Scalping</a></td></tr><tr class="tradedata" id="tradebox8"><th class="p-3"><div class="align-items-center"><img src="panel/assets/images/icons/crypto/svg/rose.svg" class="me-3 rounded-circle" height="32" alt="OasisNetwork" style="background-color:#FFF"><p class="mb-0 d-inline fw-normal h6">OasisNetwork <span class="text-muted">ROSE</span></p></div></th><td class="p-3 text-success">+3.16%</td><td class="p-3 text-muted">FUTURES</td><td class="p-3"><span class="badge bg-soft-danger rounded">SHORT 10x</span></td><td class="p-3 text-muted">C.B.</td><td class="p-3 text-end"><a href="panel/signup.php" class="btn btn-sm btn-soft-primary fw-bold">Scalping</a></td></tr><tr class="tradedata" id="tradebox9"><th class="p-3"><div class="align-items-center"><img src="panel/assets/images/icons/crypto/svg/1000pepe.svg" class="me-3 rounded-circle" height="32" alt="Pepe" style="background-color:#FFF"><p class="mb-0 d-inline fw-normal h6">Pepe <span class="text-muted">1000PEPE</span></p></div></th><td class="p-3 text-success">+4.94%</td><td class="p-3 text-muted">FUTURES</td><td class="p-3"><span class="badge bg-soft-danger rounded">SHORT 10x</span></td><td class="p-3 text-muted">C.B.</td><td class="p-3 text-end"><a href="panel/signup.php" class="btn btn-sm btn-soft-primary fw-bold">Scalping</a></td></tr><tr class="tradedata" id="tradebox10"><th class="p-3"><div class="align-items-center"><img src="panel/assets/images/icons/crypto/svg/iost.svg" class="me-3 rounded-circle" height="32" alt="IOST" style="background-color:#FFF"><p class="mb-0 d-inline fw-normal h6">IOST <span class="text-muted">IOST</span></p></div></th><td class="p-3 text-success">+4.64%</td><td class="p-3 text-muted">FUTURES</td><td class="p-3"><span class="badge bg-soft-danger rounded">SHORT 10x</span></td><td class="p-3 text-muted">C.B.</td><td class="p-3 text-end"><a href="panel/signup.php" class="btn btn-sm btn-soft-primary fw-bold">Scalping</a></td></tr>');

$("#cumulative-pnl").html("<span class='counter-value' data-target='5.8'>23779</span>%");

$("tr.tradedata").mouseover(function() {
  //$("."+this.id).css('background-color', '#77FF99');
	$("."+this.id).removeClass('shadow');
	$("."+this.id).css('box-shadow', '0 0 3px #646af6');
}).mouseout(function() {
  //$("."+this.id).css('background-color', 'transparent');
	$("."+this.id).addClass('shadow');
	$("."+this.id).css('box-shadow', '');
});