<style>
    #chartdiv{
  width: 100%;
  height: 410px;
}
#chartdiv1{
  width: 100%;
  height: 410px;
}
#chartdiv2{
  width: 100%;
  height: 410px;
}
#chartdiv3{
  width: 100%;
  height: 410px;
}
#chartdiv4{
  width: 100%;
  height: 410px;
}
#chartdiv5{
  width: 100%;
  height: 750px;
  
}
</style>

<div id="screen[index]" style="width: 100%;height:100%">
    <div class="row">
        
            <?php include 'HomeInfoTopAgentSchedule.php';?>
       
        
    </div>
    <div class="row" style="display: none;">
        
            <?php include 'HomeInfoTop5JobView.php';?>
        
    </div>
    
    <div class="row" style="display: none;">
        <?php include 'HomeInfoTop5CustomerView.php';?>
        <?php include 'HomeInfoTop5AgentView.php';?>
        
    </div>     
    <div class="row" style="display: none;">
        <?php include 'HomeInfoTopOvertimeView.php';?>
        <?php include 'HomeInfoTopUpcomingView.php';?>
    </div>  
    <!-- button to trigger the things -->
    <button id="activatebuttonscreen[index]" onclick='reactivatescreen[index]();' style="display: none;">activate screen button</button>
    
    
</div>
<div id="screen[index]a" style="width: 100%;height:100%"> 
    
</div>
<script type ="text/javascript">
$(document).ready(function() {
    
    showAgentScheduleDash();
    //$('.fc-timeGridWeek-button').trigger('click'); 
});
</script>


