<!DOCTYPE html>
<html lang="en">

<head>
  <title>Bukti Verifikasi </title>
  <style>
    .ttd {
      display: table;
      /* display: flex; */
      margin-top: 20px;
      width: 100%;
      height: 30px;

      /* justify-content: space-around; */
    }

    .ttd-kiri {
      float: left;
      width: 40%;
      height: 100px;

    }

    .ttd-kanan {
      width: 40%;
      height: 100px;
      font-size: 10px;
      float: right;
    }

    .ttd-kanan p {
      line-height: 1px;
    }

    .namaKepsek {
      margin-top: 80px;
    }

    .logo-sekolah {
      position: absolute;
      width: 65px;
      left: 0;
      float: right;
      top: 0;
    }

    .logo-dinas {
      position: absolute;
      width: 65px;
      top: 0;
      left: 0;
    }



    h1,
    h2 {

      font-size: 16px;
      text-align: center;
      line-height: 1px;
    }

    h3 {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.3px;
      text-align: center
    }

    p {
      font-size: 10px;
      /* line-height: 1.4px; */
      /* text-align: center */
    }


    .td1 {
      width: 30%;

    }

    .td {
      width: 40%;

    }

    /* .td2 {
      width: 30%;
      text-align: right;
    } */

    .td3 {
      width: 5%;
    }

    hr {
      margin-top: -6px;
      height: 1px;
      color: black;
    }

    .judul {
      line-height: 1px;
      text-transform: uppercase;
      margin-top: 1px;
      font-size: 10px;
      font-weight: bold;
      text-align: center;
    }

    table {
    
      width: 100%;
    }

    table td {
      height: .8px;

    }

    .yang {
      text-align: left;
      font-size: 12px;
      margin-top: 5px;
    }

    .alamat {
      text-align: center;
    }

    /* .container {
      width: 100%;

    } */

    .kiri {
      width: 46%;
      float: left;
      position: absolute;
    }

    .kanan {
      width: 48%;
      float: right;
      padding-left: 25px;
      border-left: 1px dotted black;
      margin-left: 100px;

    }

    .jalur {
      text-align: center;
      border: 1px solid lightseagreen;
      border-radius: 5px;
      background-color: #eaeaea;
    }

    .no-urut {
      width: 3em;
      height: 3em;
      border: 1px solid black;
      bottom: 0;
      top:180;
      position: absolute;
      z-index: 1000;
      float: right;
      text-align: center;
    }

    .title-no-urut {
      font-size: .6em;
    }

    .main-content{
     /* display:relative; */
    }
    .tdkanan{
      width: 50%;
      /* background-color: blue; */
    }
    .title{
      color: purple;
      font-weight: bold;
      font-size: 10px;
    }
    .value{
      color:balck;
      font-weight: 500;
      font-size: 13px;

    }
    .tdkiri{
      width: 60%;
    }
    .batas{
      height: 25px;
      background-color: #eaeaea;
    }  
    .titlejalur{
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      padding: 2px;
      margin: auto;
      font-size: 18px;
      text-align: center;
    }
    .batasjudul{
      width: 50%;
      height: 20px;
      background-color: #eaeaea;
      /* margin-top: 2px; */
      margin: 2px 0px;
    }
    .titlejudul{
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      padding: 2px;
      margin: auto;
      color: black;
    }
  </style>
</head>

<body>


  <div class="container">
    <!-- bagian kiri -->
    <div class="kiri">
      <div class="logo-sekolah">
        <img src="<?= base_url('assets/img/logo/') . $dataSekolah['logo'] ?>">
      </div>
      <div class="logo-dinas">
        <img src="<?= base_url('assets/img/logo/') ?>kabBogor.png">
      </div>
      <div style="text-align: center; font-size: 16px; position:absolute; width: 100%; margin-top:-80px; ">
        <h1>PEMERINTAH KABUPATEN BOGOR</h1>
        <h2>DINAS PENDIDIKAN</h2>
        <h3><?= $dataSekolah['nama_sekolah']; ?></h3>
        <p class="alamat" style="font-size:9px"><?= $dataSekolah['alamat']; ?></p>
      </div>
     
      <hr>
      <p class="judul"> Tanda bukti verifikasi berkas</p>
      <p class="judul"> Pendaftaran penerimaan peserta didik baru</p>
      <p class="judul"><?= $dataSekolah['nama_sekolah']; ?> TP.2023/2024</p>
      <p class="yang">Yang bertanda tangan di bawah ini panitia ppdb <?= $dataSekolah['nama_sekolah']; ?> menerangkan bahwa : </p>
      <div class="no-urut" style="position: absolute; bottom:900px; padding:2px; border-radius:2px;">
        <div class="title-no-urut">No Urut</div>
        <p><b><?= $user['noDaftar'] ?></b></p>
        </div>

      <table width="100%">
        <tr>
          <td class="tdkiri">
              <div class="content-isi-kiri">
                <div class="title">Nama => JK</div>
                <div class="value"><?= $user['nama'] . " [" . $user['jk'] . "]";?></div>
                <div class="title">NISN - IDREG:</div>
                <div class="value"><?=$user['nisn'].' - '.$user['koreg']?></div>
                <div class="title">Asal Sekolah</div>
              <div class="value"><?=$user['sekolahAsal']?></div>
              </div>
          </td>
          <td class="tdkanan">
            <div class="content-isi-kanan">
              <div class="title">Tempat Tgl.Lahir</div>
              <div class="value"><?=$user['tempatLahir']?>, <?=$user['tglLahir']?></div>
              <div class="title">NIK</div>
              <div class="value"><?=$user['nik']?></div>
              <div class="title">NPSN</div>
               <div class="value"><?=$user['npsn']?></div>
            </div>
          </td>
        </tr>
      </table>
      <div class="batas">
        <p class="titlejalur"><?=$dataJalur['ppdb']?></p>
      </div>
      <table width="100%">
        <tr>
          <td class="tdkiri">
              <div class="content-isi-kiri">
                <div class="title">Provinsi</div>
                <div class="value"><?= $user['provinsi']?></div>
                <div class="title">Kota</div>
                <div class="value"><?=$user['kota']?></div>
                <div class="title">Desa - Kecamatan</div>
              <div class="value"><?=$user['desa'] .' - '.$user['kecamatan']?></div>
              </div>
          </td>
          <td class="tdkanan">
            <div class="content-isi-kanan">
              <div class="title">Alamat</div>
              <div class="value"><?=$user['alamat'].' Rt/Rw'.$user['rt'].'/'.$user['rw']?></div>
              <div class="title">Titik kordinat/Longitude</div>
              <div class="value"><?=$user['longitude']?></div>
              <div class="title">Jarak</div>
               <div class="value"><?=$user['jarak']. 'm'?></div>
            </div>
          </td>
        </tr>
      </table>
      <?php if($dataJalur['input_nilai']==1):?>
        <div class="batasjudul">
        <p class="titlejudul">Nilai Raport</p>
        </div>
        <table width="100%">
        <tr>
          <td class="tdkiri">
              <div class="content-isi-kiri">
                <div class="title">Jml. Rata-rata Nilai</div>
                <div class="value"><?= $dataNilai['total']?></div>
                <div class="title">Rangking</div>
                <div class="value"><?=$dataNilai['rank']?></div>
              </div>
          </td>
          <td class="tdkanan">
            <div class="content-isi-kanan">
              <div class="title">Skor Rangking</div>
              <div class="value"><?=$dataNilai['skorRank']?></div>
              <div class="title">Tatal Skor Nilai</div>
              <div class="value"><?=$dataNilai['totalSkor']?></div>
            </div>
          </td>
        </tr>
      </table>
      <?php endif;?>
      <?php if($dataJalur['inputPrestasi']==1):?>
        <div class="batasjudul">
        <p class="titlejudul">Skor Presstasi Kejuaraan</p>
        </div>
        <table width="100%">
        <tr>
          <td class="tdkiri">
              <div class="content-isi-kiri">
                <div class="title">Nama Kejuaraan</div>
                <div class="value"><?= $dataKejuaraan['kejuaraan']?></div>
                <div class="title">penyelengara</div>
                <div class="value"><?=$dataKejuaraan['peyelengara']?></div>
                <div class="title">Kategori</div>
                <div class="value"><?=$dataKejuaraan['satuan']?></div>
              </div>
          </td>
          <td class="tdkanan">
            <div class="content-isi-kanan">
              <div class="title">Skor Kejuaraan</div>
              <div class="value"><?=$dataKejuaraan['skor']?></div>
              <div class="title">Skor uji kompetensi</div>
              <div class="value"><?=$dataKejuaraan['skorKompetensi']?></div>
              <div class="title">Total Skor Kejuaraan</div>
              <div class="value"><?=$dataKejuaraan['total_skor_kejuaraan']?></div>
              
            </div>
          </td>
        </tr>
      </table>
       <?php endif;?>

       <?php if($dataJalur['input_afirmasi']==1):?>
        <div class="batasjudul">
        <p class="titlejudul">Data Afirmasi</p>
        </div>
        <table width="100%">
        <tr>
          <td class="tdkiri">
              <div class="content-isi-kiri">
                <div class="title">Jenis Afirmasi</div>
                <div class="value"><?= $dataAfirmasi['nama_jenis_afirmasi']?></div>
                <div class="title">Nama Pemegang Kartu</div>
                <div class="value"><?=$dataAfirmasi['nama_afirmasi']?></div>
                <div class="title">No Kartu ><?= $dataAfirmasi['nama_jenis_afirmasi']?></div>
                <div class="value"><?=$dataAfirmasi['no_afirmasi']?></div>
              </div>
          </td>
          <td class="tdkanan">
            <div class="content-isi-kanan">
              <div class="title">ID DTKS</div>
              <div class="value"><?=$dataAfirmasi['dtks']?></div>
            </div>
          </td>
        </tr>
      </table>
       <?php endif;?>


      <div class="ttd">
        <div class="ttd-kiri">
        </div>
        <div class="ttd-kanan">
          <p class="kecamatan"><?= $dataSekolah['kecamatan'] . ', ' . date('d-F-Y'); ?></p>
          <p class="kecamatan">Di verifikasi Oleh:</p>
          <p class="namaKepsek"><?= $user['prosesBy'] ?></p>
          <p class="nip"></p>
        </div>
      </div>
      <div style="clear: both;"></div>
    </div>
    <!-- akhir bagian kiri -->

      <!-- bagian kanaan -->
      <div class="kanan">
      <div class="logo-sekolah">
        <img src="<?= base_url('assets/img/logo/') . $dataSekolah['logo'] ?>">
      </div>
      <div class="logo-dinas">
        <img src="<?= base_url('assets/img/logo/') ?>kabBogor.png">
      </div>
      <div style="text-align: center; font-size: 16px; position:absolute; width: 100%; margin-top:-80px; ">
        <h1>PEMERINTAH KABUPATEN BOGOR</h1>
        <h2>DINAS PENDIDIKAN</h2>
        <h3><?= $dataSekolah['nama_sekolah']; ?></h3>
        <p class="alamat" style="font-size:9px"><?= $dataSekolah['alamat']; ?></p>
      </div>
      
      <hr>
      <p class="judul"> Tanda bukti verifikasi berkas</p>
      <p class="judul"> Pendaftaran penerimaan peserta didik baru</p>
      <p class="judul"><?= $dataSekolah['nama_sekolah']; ?> TP.2023/2024</p>
      <p class="yang">Yang bertanda tangan di bawah ini panitia ppdb <?= $dataSekolah['nama_sekolah']; ?> menerangkan bahwa : </p>
      <div class="no-urut" style="position: absolute; padding:2px; border-radius:2px;">
        <div class="title-no-urut">No Urut</div>
        <p><b><?= $user['noDaftar'] ?></b></p>
      </div>
      <table width="100%">
        <tr>
          <td class="tdkiri">
              <div class="content-isi-kiri">
                <div class="title">Nama => JK</div>
                <div class="value"><?= $user['nama'] . " [" . $user['jk'] . "]";?></div>
                <div class="title">NISN - IDREG:</div>
                <div class="value"><?=$user['nisn'].' - '.$user['koreg']?></div>
                <div class="title">Asal Sekolah</div>
              <div class="value"><?=$user['sekolahAsal']?></div>
              </div>
          </td>
          <td class="tdkanan">
            <div class="content-isi-kanan">
              <div class="title">Tempat Tgl.Lahir</div>
              <div class="value"><?=$user['tempatLahir']?>, <?=$user['tglLahir']?></div>
              <div class="title">NIK</div>
              <div class="value"><?=$user['nik']?></div>
              <div class="title">NPSN</div>
               <div class="value"><?=$user['npsn']?></div>
            </div>
          </td>
        </tr>
      </table>
      <div class="batas">
        <p class="titlejalur"><?=$dataJalur['ppdb']?></p>
      </div>
      <table width="100%">
        <tr>
          <td class="tdkiri">
              <div class="content-isi-kiri">
                <div class="title">Provinsi</div>
                <div class="value"><?= $user['provinsi']?></div>
                <div class="title">Kota</div>
                <div class="value"><?=$user['kota']?></div>
                <div class="title">Desa - Kecamatan</div>
              <div class="value"><?=$user['desa'] .' - '.$user['kecamatan']?></div>
              </div>
          </td>
          <td class="tdkanan">
            <div class="content-isi-kanan">
              <div class="title">Alamat</div>
              <div class="value"><?=$user['alamat'].' Rt/Rw'.$user['rt'].'/'.$user['rw']?></div>
              <div class="title">Titik kordinat/Longitude</div>
              <div class="value"><?=$user['longitude']?></div>
              <div class="title">Jarak</div>
               <div class="value"><?=$user['jarak']. 'm'?></div>
            </div>
          </td>
        </tr>
      </table>
      <?php if($dataJalur['input_nilai']==1):?>
        <div class="batasjudul">
        <p class="titlejudul">Nilai Raport</p>
        </div>
        <table width="100%">
        <tr>
          <td class="tdkiri">
              <div class="content-isi-kiri">
                <div class="title">Jml. Rata-rata Nilai</div>
                <div class="value"><?= $dataNilai['total']?></div>
                <div class="title">Rangking</div>
                <div class="value"><?=$dataNilai['rank']?></div>
              </div>
          </td>
          <td class="tdkanan">
            <div class="content-isi-kanan">
              <div class="title">Skor Rangking</div>
              <div class="value"><?=$dataNilai['skorRank']?></div>
              <div class="title">Tatal Skor Nilai</div>
              <div class="value"><?=$dataNilai['totalSkor']?></div>
            </div>
          </td>
        </tr>
      </table>
      <?php endif;?>
      <?php if($dataJalur['inputPrestasi']==1):?>
        <div class="batasjudul">
        <p class="titlejudul">Skor Presstasi Kejuaraan</p>
        </div>
        <table width="100%">
        <tr>
          <td class="tdkiri">
              <div class="content-isi-kiri">
                <div class="title">Nama Kejuaraan</div>
                <div class="value"><?= $dataKejuaraan['kejuaraan']?></div>
                <div class="title">peyelengara</div>
                <div class="value"><?=$dataKejuaraan['peyelengara']?></div>
                <div class="title">Kategori</div>
                <div class="value"><?=$dataKejuaraan['satuan']?></div>
              </div>
          </td>
          <td class="tdkanan">
            <div class="content-isi-kanan">
              <div class="title">Skor Kejuaraan</div>
              <div class="value"><?=$dataKejuaraan['skor']?></div>
              <div class="title">Skor uji kompetensi</div>
              <div class="value"><?=$dataKejuaraan['skorKompetensi']?></div>
              <div class="title">Total Skor Kejuaraan</div>
              <div class="value"><?=$dataKejuaraan['total_skor_kejuaraan']?></div>
              
            </div>
          </td>
        </tr>
      </table>
       <?php endif;?>

       <?php if($dataJalur['input_afirmasi']==1):?>
        <div class="batasjudul">
        <p class="titlejudul">Data Afirmasi</p>
        </div>
        <table width="100%">
        <tr>
          <td class="tdkiri">
              <div class="content-isi-kiri">
                <div class="title">Jenis Afirmasi</div>
                <div class="value"><?= $dataAfirmasi['nama_jenis_afirmasi']?></div>
                <div class="title">Nama Pemegang Kartu</div>
                <div class="value"><?=$dataAfirmasi['nama_afirmasi']?></div>
                <div class="title">No Kartu ><?= $dataAfirmasi['nama_jenis_afirmasi']?></div>
                <div class="value"><?=$dataAfirmasi['no_afirmasi']?></div>
              </div>
          </td>
          <td class="tdkanan">
            <div class="content-isi-kanan">
              <div class="title">ID DTKS</div>
              <div class="value"><?=$dataAfirmasi['dtks']?></div>
            </div>
          </td>
        </tr>
      </table>
       <?php endif;?>


      <div class="ttd">
        <div class="ttd-kiri">
        </div>
        <div class="ttd-kanan">
          <p class="kecamatan"><?= $dataSekolah['kecamatan'] . ', ' . date('d-F-Y'); ?></p>
          <p class="kecamatan">Di verifikasi Oleh:</p>
          <p class="namaKepsek"><?= $user['prosesBy'] ?></p>
          <p class="nip"></p>
        </div>
      </div>
      <div style="clear: both;"></div>
    </div>
    <!-- akhir bagian kiri -->
  </div>


</body>

</html>