<?php

class CASS_View_Dashboard
{

  public static function execute()
  { 
    echo "
    <style>
    .custom-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
      grid-gap: 20px;
      max-width: 100%;
      margin: 0 auto;
    }
    
    .grid-item {
      padding: 20px;
      text-align: center;
      font-size: 24px;
      border: 1px solid #ccc;
    }
    
    </style>
    <!-- 
      <div class='container'>
        <h1>Tableau de bord (en développpement...)</h1>
        <div id='cass_dashboard'>
        <div class='custom-grid'>
          <div class='grid-item'>
            <canvas id='chart_race_state'></canvas>
          </div>
          <div class='grid-item'>
            <canvas id='chart2'></canvas>
          </div>
          <div class='grid-item'>
          <canvas id='chart3'></canvas>
          </div>
          <div class='grid-item'>
          <canvas id='chart4'></canvas>
          </div>
          <div class='grid-item'>
          <canvas id='chart5'></canvas>
          </div>
          <div class='grid-item'>
          <canvas id='chart6'></canvas>
          </div>
          <div class='grid-item'>
          <canvas id='chart7'></canvas>
          </div>
          <div class='grid-item'>
          <canvas id='chart8'></canvas>
          </div>

        </div>
      </div>
    -->
  </div>
    ";
  }
}