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

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

//Chart 1
var options = {
  series: [{
      data: [0.0004326, 0.0004323, 0.0004323, 0.0004311, 0.00043379774430653, 0.0004316, 0.0004311]  }],
  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.00043379774430653,
      borderColor: "#FF4560",
      offsetY: 0,
    },
    {
      x: 6,
      y: 0.0004316,
      borderColor: "#52CC99",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 0.00043379774430653,
      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.0004316,
      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/mav.svg');
$("#chart-market-2").html("SHORT 10x");

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

//Chart 2
var options = {
  series: [{
      data: [0.0083700, 0.0083590, 0.0083580, 0.0083370, 0.0083971, 0.0083491, 0.0083270]  }],
  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.0083971,
      borderColor: "#FF4560",
      offsetY: 0,
    },
    {
      x: 6,
      y: 0.0083491,
      borderColor: "#52CC99",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 0.0083971,
      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.0083491,
      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-success");$("#chart-logo-3").addClass("bg-success");
$("#chart-logo-3").attr('src','panel/assets/images/icons/crypto/svg/blur.svg');
$("#chart-market-3").html("LONG 10x");

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

//Chart 3
var options = {
  series: [{
      data: [0.0076310, 0.0076120, 0.0076310, 0.0076440, 0.0077172367974277, 0.007744000000000000, 0.0079020]  }],
  chart: {
      type: 'area',
      height: 100,
      width: '100%',
      sparkline: {
        enabled: true
      }
  },
  stroke: {
    curve: 'smooth',
    width: 3,
  },
  grid: {
    padding: {
      top: 20,
      bottom: 30
    }
  },
  colors: ['#52CC99'],
  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.0077172367974277,
      borderColor: "#52CC99",
      offsetY: 0,
    },
    {
      x: 6,
      y: 0.007744000000000000,
      borderColor: "#FF4560",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 0.0077172367974277,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#52CC99",
        radius: 2
      },
      label: {
        borderColor: "#52CC99",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#52CC99"
        },
        text: "B"
      }
    },
    {
      x: 6,
      y: 0.007744000000000000,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#FF4560",
        radius: 2
      },
      label: {
        borderColor: "#FF4560",
        offsetY: 29,
        style: {
          color: "#FFF",
          background: "#FF4560"
        },
        text: "S"
      }
    }]
  }
};

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



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

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

//Chart 4
var options = {
  series: [{
      data: [0.340000, 0.341900, 0.342100, 0.342100, 0.3415, 0.342578000000000000, 0.342300]  }],
  chart: {
      type: 'area',
      height: 100,
      width: '100%',
      sparkline: {
        enabled: true
      }
  },
  stroke: {
    curve: 'smooth',
    width: 3,
  },
  grid: {
    padding: {
      top: 20,
      bottom: 30
    }
  },
  colors: ['#52CC99'],
  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.3415,
      borderColor: "#52CC99",
      offsetY: 0,
    },
    {
      x: 6,
      y: 0.342578000000000000,
      borderColor: "#FF4560",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 0.3415,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#52CC99",
        radius: 2
      },
      label: {
        borderColor: "#52CC99",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#52CC99"
        },
        text: "B"
      }
    },
    {
      x: 6,
      y: 0.342578000000000000,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#FF4560",
        radius: 2
      },
      label: {
        borderColor: "#FF4560",
        offsetY: 29,
        style: {
          color: "#FFF",
          background: "#FF4560"
        },
        text: "S"
      }
    }]
  }
};

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



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

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

//Chart 5
var options = {
  series: [{
      data: [3.388, 3.400, 3.404, 3.412, 3.398, 3.412000000000000000, 3.407]  }],
  chart: {
      type: 'area',
      height: 100,
      width: '100%',
      sparkline: {
        enabled: true
      }
  },
  stroke: {
    curve: 'smooth',
    width: 3,
  },
  grid: {
    padding: {
      top: 20,
      bottom: 30
    }
  },
  colors: ['#52CC99'],
  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: 3.398,
      borderColor: "#52CC99",
      offsetY: 0,
    },
    {
      x: 6,
      y: 3.412000000000000000,
      borderColor: "#FF4560",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 3.398,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#52CC99",
        radius: 2
      },
      label: {
        borderColor: "#52CC99",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#52CC99"
        },
        text: "B"
      }
    },
    {
      x: 6,
      y: 3.412000000000000000,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#FF4560",
        radius: 2
      },
      label: {
        borderColor: "#FF4560",
        offsetY: 29,
        style: {
          color: "#FFF",
          background: "#FF4560"
        },
        text: "S"
      }
    }]
  }
};

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



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

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

//Chart 6
var options = {
  series: [{
      data: [0.263700, 0.263700, 0.263100, 0.264800, 0.26336493552066, 0.264766300000000000, 0.263900]  }],
  chart: {
      type: 'area',
      height: 100,
      width: '100%',
      sparkline: {
        enabled: true
      }
  },
  stroke: {
    curve: 'smooth',
    width: 3,
  },
  grid: {
    padding: {
      top: 20,
      bottom: 30
    }
  },
  colors: ['#52CC99'],
  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.26336493552066,
      borderColor: "#52CC99",
      offsetY: 0,
    },
    {
      x: 6,
      y: 0.264766300000000000,
      borderColor: "#FF4560",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 0.26336493552066,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#52CC99",
        radius: 2
      },
      label: {
        borderColor: "#52CC99",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#52CC99"
        },
        text: "B"
      }
    },
    {
      x: 6,
      y: 0.264766300000000000,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#FF4560",
        radius: 2
      },
      label: {
        borderColor: "#FF4560",
        offsetY: 29,
        style: {
          color: "#FFF",
          background: "#FF4560"
        },
        text: "S"
      }
    }]
  }
};

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/celo.svg');
$("#chart-market-7").html("SHORT 10x");

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

//Chart 7
var options = {
  series: [{
      data: [0.073770, 0.073730, 0.073630, 0.073170, 0.07362, 0.0729414, 0.072840]  }],
  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.07362,
      borderColor: "#FF4560",
      offsetY: 0,
    },
    {
      x: 6,
      y: 0.0729414,
      borderColor: "#52CC99",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 0.07362,
      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.0729414,
      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-success");$("#chart-logo-8").addClass("bg-success");
$("#chart-logo-8").attr('src','panel/assets/images/icons/crypto/svg/shop.svg');
$("#chart-market-8").html("LONG 10x");

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

//Chart 8
var options = {
  series: [{
      data: [145.15000, 145.64000, 146.28000, 146.94000, 145.83063828814, 146.890638300000000000, 147.43000]  }],
  chart: {
      type: 'area',
      height: 100,
      width: '100%',
      sparkline: {
        enabled: true
      }
  },
  stroke: {
    curve: 'smooth',
    width: 3,
  },
  grid: {
    padding: {
      top: 20,
      bottom: 30
    }
  },
  colors: ['#52CC99'],
  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: 145.83063828814,
      borderColor: "#52CC99",
      offsetY: 0,
    },
    {
      x: 6,
      y: 146.890638300000000000,
      borderColor: "#FF4560",
      offsetY: 0,
    }],
    points: [{
      x: 5,
      y: 145.83063828814,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#52CC99",
        radius: 2
      },
      label: {
        borderColor: "#52CC99",
        offsetY: 10,
        style: {
          color: "#FFF",
          background: "#52CC99"
        },
        text: "B"
      }
    },
    {
      x: 6,
      y: 146.890638300000000000,
      marker: {
        offsetY: 0,
        size: 4,
        fillColor: "#FFF",
        strokeColor: "#FF4560",
        radius: 2
      },
      label: {
        borderColor: "#FF4560",
        offsetY: 29,
        style: {
          color: "#FFF",
          background: "#FF4560"
        },
        text: "S"
      }
    }]
  }
};

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



$("#trades-table").html('<tr class="tradedata" id="tradebox1"><th class="p-3"><div class="align-items-center text-nowrap hstack gap-0"><div class="ms-1 me-2"><img src="panel/assets/images/icons/crypto/svg/meme.svg" class="me-3 rounded-circle" height="32" alt="Memecoin" style="background-color:#FFF"></div><div><span class="mb-0 d-inline fw-normal h6 text-nowrap">MEME<small class="text-muted">/USDT</small><br /><span class="text-muted"><small>Memecoin</small></span></span></div></div></th><td class="p-3 text-success">+5.09%</td><td class="p-3"><span class="badge bg-soft-primary rounded">Crypto</span></td><td class="p-3"><span class="badge bg-soft-dark rounded">Meme</span></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">A.K.</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 text-nowrap hstack gap-0"><div class="ms-1 me-2"><img src="panel/assets/images/icons/crypto/svg/mav.svg" class="me-3 rounded-circle" height="32" alt="Maverick Protocol" style="background-color:#FFF"></div><div><span class="mb-0 d-inline fw-normal h6 text-nowrap">MAV<small class="text-muted">/USDT</small><br /><span class="text-muted"><small>Maverick Protocol</small></span></span></div></div></th><td class="p-3 text-success">+5.75%</td><td class="p-3"><span class="badge bg-soft-primary rounded">Crypto</span></td><td class="p-3"><span class="badge bg-soft-dark rounded">Infrastructure</span></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">A.K.</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 text-nowrap hstack gap-0"><div class="ms-1 me-2"><img src="panel/assets/images/icons/crypto/svg/blur.svg" class="me-3 rounded-circle" height="32" alt="Blur" style="background-color:#FFF"></div><div><span class="mb-0 d-inline fw-normal h6 text-nowrap">BLUR<small class="text-muted">/USDT</small><br /><span class="text-muted"><small>Blur</small></span></span></div></div></th><td class="p-3 text-success">+3.47%</td><td class="p-3"><span class="badge bg-soft-primary rounded">Crypto</span></td><td class="p-3"><span class="badge bg-soft-dark rounded">NFT</span></td><td class="p-3 text-muted">Futures</td><td class="p-3"><span class="badge bg-soft-success rounded">LONG 10x</span></td><td class="p-3 text-muted">E.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="tradebox4"><th class="p-3"><div class="align-items-center text-nowrap hstack gap-0"><div class="ms-1 me-2"><img src="panel/assets/images/icons/crypto/svg/jto.svg" class="me-3 rounded-circle" height="32" alt="Jito" style="background-color:#FFF"></div><div><span class="mb-0 d-inline fw-normal h6 text-nowrap">JTO<small class="text-muted">/USDT</small><br /><span class="text-muted"><small>Jito</small></span></span></div></div></th><td class="p-3 text-success">+3.16%</td><td class="p-3"><span class="badge bg-soft-primary rounded">Crypto</span></td><td class="p-3"><span class="badge bg-soft-dark rounded">DeFi</span></td><td class="p-3 text-muted">Futures</td><td class="p-3"><span class="badge bg-soft-success rounded">LONG 10x</span></td><td class="p-3 text-muted">E.A.</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="tradebox5"><th class="p-3"><div class="align-items-center text-nowrap hstack gap-0"><div class="ms-1 me-2"><img src="panel/assets/images/icons/crypto/svg/egld.svg" class="me-3 rounded-circle" height="32" alt="MultiversX" style="background-color:#FFF"></div><div><span class="mb-0 d-inline fw-normal h6 text-nowrap">EGLD<small class="text-muted">/USDT</small><br /><span class="text-muted"><small>MultiversX</small></span></span></div></div></th><td class="p-3 text-success">+4.12%</td><td class="p-3"><span class="badge bg-soft-primary rounded">Crypto</span></td><td class="p-3"><span class="badge bg-soft-dark rounded">Layer-1</span></td><td class="p-3 text-muted">Futures</td><td class="p-3"><span class="badge bg-soft-success rounded">LONG 10x</span></td><td class="p-3 text-muted">Y.K.</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 text-nowrap hstack gap-0"><div class="ms-1 me-2"><img src="panel/assets/images/icons/crypto/svg/crv.svg" class="me-3 rounded-circle" height="32" alt="Curve DAO Token" style="background-color:#FFF"></div><div><span class="mb-0 d-inline fw-normal h6 text-nowrap">CRV<small class="text-muted">/USDT</small><br /><span class="text-muted"><small>Curve DAO Token</small></span></span></div></div></th><td class="p-3 text-success">+5.32%</td><td class="p-3"><span class="badge bg-soft-primary rounded">Crypto</span></td><td class="p-3"><span class="badge bg-soft-dark rounded">DeFi</span></td><td class="p-3 text-muted">Futures</td><td class="p-3"><span class="badge bg-soft-success rounded">LONG 10x</span></td><td class="p-3 text-muted">A.K.</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 text-nowrap hstack gap-0"><div class="ms-1 me-2"><img src="panel/assets/images/icons/crypto/svg/celo.svg" class="me-3 rounded-circle" height="32" alt="Celo" style="background-color:#FFF"></div><div><span class="mb-0 d-inline fw-normal h6 text-nowrap">CELO<small class="text-muted">/USDT</small><br /><span class="text-muted"><small>Celo</small></span></span></div></div></th><td class="p-3 text-success">+9.30%</td><td class="p-3"><span class="badge bg-soft-primary rounded">Crypto</span></td><td class="p-3"><span class="badge bg-soft-dark rounded">Layer-1</span></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">A.K.</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 text-nowrap hstack gap-0"><div class="ms-1 me-2"><img src="panel/assets/images/icons/crypto/svg/shop.svg" class="me-3 rounded-circle" height="32" alt="Shopify" style="background-color:#FFF"></div><div><span class="mb-0 d-inline fw-normal h6 text-nowrap">SHOP<small class="text-muted">/USDT</small><br /><span class="text-muted"><small>Shopify</small></span></span></div></div></th><td class="p-3 text-success">+7.27%</td><td class="p-3"><span class="badge bg-soft-info rounded">TradFi</span></td><td class="p-3"><span class="badge bg-soft-dark rounded">Equity</span></td><td class="p-3 text-muted">Futures</td><td class="p-3"><span class="badge bg-soft-success rounded">LONG 10x</span></td><td class="p-3 text-muted">A.K.</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', '');
});