<?= $this->extend("templates/examofficer_base"); ?>

<?= $this->section("content"); ?>
<?php $page_session = \Config\Services::session(); ?>
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="<?= base_url()?>/lecturer/dashboard">Home</a></li>
              <li class="breadcrumb-item active">Dashboard</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">         
<!-- Timelime example  -->
        <div class="row">
          <div class="col-md-12">
            <!-- The time line -->
            <div class="timeline">
              <!-- timeline time label -->
              <div class="time-label">
                <span class="bg-info">Dashboard</span>
              </div>
              <!-- /.timeline-label -->
              <!-- timeline item -->
              <div>
                <i class="fas fa-user bg-blue"></i>
                <div class="timeline-item">
                  <h3 class="timeline-header">Name: </h3>

                  <div class="timeline-body">
                    <h4><?= $page_session->get('name'); ?></h4>
                  </div>
                </div>
              </div>
              <!-- END timeline item -->
              <!-- timeline item -->
              <div>
                <i class="fas fa-lock bg-red"></i>
                <div class="timeline-item">
                  <h3 class="timeline-header">Staff No.: </h3>

                  <div class="timeline-body">
                    <h4><?= $page_session->get('id'); ?></h4>
                  </div>
                </div>
              </div>
              <!-- END timeline item -->
              <!-- timeline item -->
              <div>
                <i class="fas fa-envelope bg-gray"></i>
                <div class="timeline-item">
                  <h3 class="timeline-header">Department: </h3>

                  <div class="timeline-body">
                    <h4><?= $page_session->get('department'); ?></h4>
                  </div>
                </div>
              </div>
              <!-- END timeline item -->
              <!-- timeline item -->
              <div>
                <i class="fas fa-graduation-cap bg-teal"></i>
                <div class="timeline-item">
                  <h3 class="timeline-header">Responsibilty: </h3>

                  <div class="timeline-body">
                    <h5>Examination Officer</h5>
                    <h6>
                      <ul>
                      <?php
                        $program = explode(',',$page_session->get('programme_id'));
                        foreach($program as $prog){
                          $pdetail = $model->get_program_details($prog);
                      ?>
                          <li><?=$pdetail[0]->title?></li>
                      <?php
                        }
                      ?>
                        </ul>
                    </h6>
                  </div>
                </div>
              </div>
              <!-- END timeline item -->
            </div>
          </div>
          <!-- /.col -->
        </div>
      </div>
      <!-- /.timeline -->
        </div><!-- /.container-fluid -->
    </section>
<!-- /.content -->
</div>

<?= $this->endSection(); ?>