document.addEventListener('DOMContentLoaded',()=>{const payload=window.tomchatAdminDashboard||{};if(typeof ApexCharts==='undefined'){return}
const baseTextColor='#64748b';const headingColor='#0f172a';const gridColor='rgba(148, 163, 184, 0.18)';const mountTrendChart=()=>{const container=document.querySelector('#admin-dashboard-trend-chart');if(!container){return}
const chart=new ApexCharts(container,{chart:{type:'area',height:320,toolbar:{show:!1,},fontFamily:'inherit',},series:[{name:'Pesan',data:payload.messageTrend||[],},{name:'Thread',data:payload.conversationTrend||[],},],colors:['#2563eb','#e60012'],stroke:{curve:'smooth',width:3,},fill:{type:'gradient',gradient:{shadeIntensity:1,opacityFrom:0.32,opacityTo:0.05,stops:[0,95,100],},},dataLabels:{enabled:!1,},grid:{borderColor:gridColor,strokeDashArray:4,},xaxis:{categories:payload.trendLabels||[],labels:{style:{colors:baseTextColor,},},axisBorder:{color:gridColor,},axisTicks:{color:gridColor,},},yaxis:{labels:{style:{colors:baseTextColor,},},},legend:{position:'top',horizontalAlign:'left',labels:{colors:headingColor,},},tooltip:{shared:!0,intersect:!1,},});chart.render()};const mountShareChart=()=>{const container=document.querySelector('#admin-dashboard-share-chart');if(!container){return}
const chart=new ApexCharts(container,{chart:{type:'donut',height:280,fontFamily:'inherit',},series:payload.shareSeries||[],labels:payload.shareLabels||[],colors:['#2563eb','#7c3aed','#ef4444'],stroke:{width:0,},legend:{position:'bottom',labels:{colors:headingColor,},},dataLabels:{enabled:!0,style:{fontSize:'12px',fontWeight:600,},},plotOptions:{pie:{donut:{size:'68%',},},},});chart.render()};const mountContributorChart=()=>{const container=document.querySelector('#admin-dashboard-contributor-chart');if(!container){return}
const labels=payload.contributors?.labels||[];const series=payload.contributors?.series||[];const chart=new ApexCharts(container,{chart:{type:'bar',height:320,toolbar:{show:!1,},fontFamily:'inherit',},series:[{name:'Pesan',data:series,},],colors:['#0f766e'],plotOptions:{bar:{borderRadius:6,horizontal:!0,barHeight:'56%',},},dataLabels:{enabled:!1,},grid:{borderColor:gridColor,strokeDashArray:4,},xaxis:{categories:labels,labels:{style:{colors:baseTextColor,},},axisBorder:{color:gridColor,},axisTicks:{color:gridColor,},},yaxis:{labels:{style:{colors:headingColor,},},},tooltip:{y:{formatter:(value)=>`${value} pesan`,},},});chart.render()};mountTrendChart();mountShareChart();mountContributorChart()})