<div class="row">
  <div class="col-12">
    <div class="card card-cascade narrower z-depth-1">
      <div
        class="view view-cascade gradient-card-header peach-gradient narrower py-2 mx-4 mb-3 d-flex justify-content-between align-items-center">
        <div>
        </div>
        <a href="" class="white-text mx-3">MAPE</a>
        <div>
        </div>
      </div>
      <div class="card" style="overflow: hidden;">
        <div class="card-body"
          style="background-image: url('<?php echo base_url('desain/assets/images/MAPE.png'); ?>'); background-size: cover; height:500px; width: 95%">
        </div>
      </div>
  </div>
</div>
</div>
<div class="row">
  <div class="col-12">
    <div class="card card-cascade narrower z-depth-1">
      <div
        class="view view-cascade gradient-card-header peach-gradient narrower py-2 mx-4 mb-3 d-flex justify-content-between align-items-center">
        <div>
        </div>
        <a href="" class="white-text mx-3">Hasil Peramalan</a>
        <div>
        </div>
      </div>
      <div class="card-body">
        <div class="table-responsive">
          <table id="myTable" class="table table-striped table-bordered">
            <thead>
              <tr>
                <th width="10%">No</th>
                <th width="20%">Nama Desa</th>
                <?php
                $years = [];
                foreach ($stunting as $data) {
                  if (!in_array($data->tahun, $years)) {
                    $years[] = $data->tahun;
                  }
                }
                foreach ($years as $year): ?>
                  <th><?php echo $year; ?></th>
                <?php endforeach; ?>
                <th width="5%">Peramalan (Tahun <?= $year + 1 ?>)</th>
                <th width="5%">MAPE</th>
              </tr>
            </thead>
            <tbody id="forecasting-data">
              <?php $no = 1;
              foreach ($dataPerhitungan as $data): ?>
                <tr>
                  <td><?php echo $no++; ?></td>
                  <td><?php echo $data['nama_desa']; ?></td>
                  <?php foreach ($years as $year): ?>
                    <td><?php echo $data['aktual'][$year]; ?></td>
                  <?php endforeach; ?>
                  <td><?php echo $data['forecast']; ?></td>
                  <td><?php echo $data['mape']; ?>%</td>
                </tr>
                <?php
              endforeach; ?>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="alert">
  <?php echo $this->Core->Hapus_disable(); ?>
</div>
<div id="modal">
  <?php echo $this->Core->Hapus_aktif(); ?>
</div>
<?php echo form_close(); ?>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>