<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SIPIN</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="fontawesome/fontawesome-free-5.15.4-web/css/all.min.css">

</head>
<body>
  <!-- Mulai nav -->
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow-lg fixed-top">
    <div class="container">
      <img src="logo/Logo-PTA-Crop.png" width="38" height="45" class="me-2" alt="">
      <a class="navbar-brand" href="#" style="color:goldenrod; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-weight: bold; font-size: 24px;;">Sistem Buku Tamu Elektronik</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse text-right" id="navbarText">
        <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
          <li class="nav-item">
            <a class="nav-link" href="#">HOME</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#aplikasi">BUKU TAMU ELEKTONIK</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="http://localhost:8080/bukutamu/bukutamu/bukutamu/admin" target="_blank">ADMIN</a>
          </li>
          <!--
          <li class="nav-item">
            <a class="nav-link" href="#bank-data">LAIN-LAIN</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#jadwal-sidang">PENGADUAN</a>
          </li> -->
        </ul>
      </div>
    </div>
  </nav>
  <!-- tutup nav -->

<!-- start banner -->
  <div class="container-fluid banner">
<div class="container text-center">
  <img src="logo/Logo-PTA-Crop.png" width="120" height="145" class="me-2" alt="">
    <h3 class="display-1" style="font-family: 'Cambria', Cochin, Georgia, Times, Times New Roman, serif;">Selamat Datang</h3>
    <h5 class="display-6" style="font-family: 'Cambria', Cochin, Georgia, Times, Times New Roman, serif;">Aplikasi Buku Tamu Elektronik<br>Pengadilan Tinggi Agama Jambi</h5>
<a href="#menu">
    <button type="button" class="btn btn-danger btn-lg" style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; color: #000;">MENU</button>
</a>
</div>
  </div>
<!-- stop banner -->

<!-- star perkara 
<div class="container-fluid pt-5 pb-5" style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;">
  <div class="container">
    <h2 class="display-3 text-center" id="statistik">INFORMASI STATISTIK PERMOHONAN INFORMASI DAN PENGADUAN</h2><hr>
    <p class="text-center">Menyajikan Informasi Statistik Permohonan Informasi dan Pengaduan pada Pengadilan Tinggi Agama Jambi</p>
    <div class="row pt-4 gx-4 gy-4">
      <div class="col-md-3">
        <div class="card bg-danger text-light" style="width: 17rem;">
          <div class="card-body">
            <div class="card-body-icon">
              <i class="fas fa-chart-pie"></i>
            </div>
            <h5 class="card-title"><strong>INFORMASI MASUK</strong></h5>
            <div class="display-2"><b>0</b><span class="text-bottom" style="font-size: 20px;"> Data</span></div>
              <a href="#"><span class="card-link text-light">Lihat Detail <i class="fas fa-angle-double-right"></i></span></a>
          </div>
        </div>
      </div>

      <div class="col-md-3">
        <div class="card bg-success text-light" style="width: 17rem;">
          <div class="card-body">
            <div class="card-body-icon">
              <i class="fas fa-gavel"></i>
            </div>
            <h6 class="card-title"><strong>INFORMASI DITINDAKLANJUTI</strong></h6>
            <div class="display-2"><b>0</b><span class="text-bottom" style="font-size: 20px;"> Data</span></div>
            <a href="#"><span class="card-link text-light">Lihat Detail <i class="fas fa-angle-double-right"></i></span></a>
          </div>
        </div>
      </div>

      <div class="col-md-3">
        <div class="card bg-warning text-light" style="width: 17rem;">
          <div class="card-body">
            <div class="card-body-icon">
              <i class="fas fa-hourglass-start"></i>
            </div>
            <h5 class="card-title"><strong>PENGADUAN MASUK</strong></h5>
            <div class="display-2"><b>0</b><span class="text-bottom" style="font-size: 20px;"> Data</span></div>
            <a href="#"><span class="card-link text-light">Lihat Detail <i class="fas fa-angle-double-right"></i></span></a>
          </div>
        </div>
      </div>

      <div class="col-md-3">
        <div class="card bg-info text-light" style="width: 17rem;">
          <div class="card-body">
            <div class="card-body-icon">
              <i class="fas fa-chart-line"></i>
            </div>
            <h6 class="card-title"><strong>PENGADUAN DITINDAKLANJUTI</strong></h6>
            <div class="display-2"><b>0</b><span class="text-bottom" style="font-size: 20px;"> Data</span></div>
            <a href="#"><span class="card-link text-light">Lihat Detail <i class="fas fa-angle-double-right"></i></span></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
 end perkara -->

<!-- start portofolio -->
<div class="container-fluid pt-5 pb-5 bg-light" style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;">
<div class="container text-center">
<h2 class="display-3" id="aplikasi">BUKU TAMU ELEKTONIK</h2><hr>
<p>Pengisian terhadap identitas tamu yang datang ke Pengadilan Tinggi Agama Jambi </p>
<div class="row pt-4 gx-4 gy-4">
    <div class="col-md-3">
        <div class="card">
          <img src="image/img/ptsp.jpeg" class="card-img-top" width="200" height="200">
            <div class="card-body">
              <h4 class="card-title"><strong>PTSP</strong></h4>
              <p class="card-text" style="font-size: 14px;">Halaman Buku Tamu ini digunakan oleh tamu PTA Jambi untuk mendapatkan pelayanan pada PTSP Pengadilan Tinggi Agama Jambi</p>
              <a href="http://192.168.56.253/bukutamu/bukutamu/bukutamu/" target="_blank" class="btn btn-primary">Go to Application...</a>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card">
          <img src="image/img/fatwa.jpeg" class="card-img-top" width="200" height="200">
            <div class="card-body">
              <h4 class="card-title"><strong>FATWA</strong></h4>
              <p class="card-text" style="font-size: 14px;">Halaman Buku Tamu ini khusus ditujukan kepada tamu PTA Jambi yang membutuhkan fatwa dari Pengadilan Tinggi Agama Jambi. </p>
              <a href="http://192.168.56.253/bukutamu/bukutamu/bukutamu2/" target="_blank" class="btn btn-warning">Go to Application...</a>
            </div>
        </div>
    </div>
    <div class="col-md-3">
      <div class="card">
        <img src="image/img/lain-lain.jpg" class="card-img-top" width="200" height="200">
          <div class="card-body">
            <h4 class="card-title"><strong>Tamu Undangan</strong></h4>
            <p class="card-text" style="font-size: 14px;">Buku Tamu ini ditujukan kepada tamu PTA Jambi yang megikuti undangan kegiatann di Pengadilan Tinggi Agama Jambi. </p>
            <a href="#" target="_blank" class="btn btn-danger">Scan QR disamping</a>
          </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="card">
      <div class="card-body">
      <h4 class="card-title"><strong>Tamu Kegiatan</strong></h4>
      <?php
      include 'config.php';
      include "phpqrcode/qrlib.php";
      $tempdir = "temp/"; 
        if (!file_exists($tempdir))
            mkdir($tempdir);
            $no = 1;
            $query = "SELECT * FROM data_kegiatan where status = 'Aktif'";
            $result = mysqli_query($koneksi, $query);
            while ($row = mysqli_fetch_array($result)) {
                $teks = $row['nama_kegiatan'];
                $link = $row['link_absen'];
 
                //Isi dari QRCode Saat discan
                $isi_teks1 = $link;
                //Nama file yang akan disimpan pada folder temp 
                $namafile1 = $teks.".png";
                //Kualitas dari QRCode 
                $quality1 = 'H'; 
                //Ukuran besar QRCode
                $ukuran1 = 5; 
                $padding1 = 1; 
                QRCode::png($isi_teks1,$tempdir.$namafile1,$quality1,$ukuran1,$padding1);
        ?>
            <tr>
                <td style="padding: 10px;">
                <img src="temp/<?php echo $namafile1; ?>" width="100%"></br>
                <?php echo 'Kegiatan : <b>'.$row['nama_kegiatan'].'</b>' ?>
                <br/> tanggal : <?php echo bln_indo(date('Y-m-d', strtotime($row['tgl_kegiatan'])));?></td>
            </tr>
        <?php } ?>
          </div>
      </div>
    </div>
    <!--
    <div class="col-md-3">
      <div class="card">
        <img src="image/img/yt.png" class="card-img-top" width="200" height="150">
          <div class="card-body">
          <h4 class="card-title"><strong>Youtube PTA Jambi</strong></h4>
          <p class="card-text" style="font-size: 14px;">Bentuk Media komunikasi dan informasi dalam bentuk visual dan audio pada Pengadilan Tinggi Agama Jambi. </p>
          <a href="https://www.youtube.com/@ptajambi6079" target="_blank" class="btn btn-secondary">Go to Application...</a>
          </div>
      </div>
    </div>
  -->
    
  </div>
</div>
</div>
</div>
<!-- stop portofolio -->

<!-- bank data 
<div class="container-fluid layanan pt-5 pb-5" style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;">
<div class="container text-center">
<h2 class="display-3" id="bank-data">PERMOHONAN INFORMASI</h2><hr>
<P>Menu ini Ditujukan kepada masyarakat dan para pencari keadilan untuk mendapatkan informasi yang dibutuhkan secara jelas lansung dari petugas infomrasi Pengadilan
    Tinggi Agama Jambi
</P>
<div class="row gx-2 gy-2 text-center bg-info ms-4 me-4 mt-4">
    <div class="col-md-6 mb-3">
        <img src="image/bg-2.jpg" class="card-img-top p-2" alt="..." height="270px">
        </div>
    <div class="col-md-6 mt-4 mb-4">
    <span style="font-family:Time New Roman; font-size:22px; font-weight:bold;">Permohonan Informasi Secara Elektronik</span><hr class="ms-5 me-5 text-light">
    <span style="font-family: Cambria;" class="text-center p-2">Menu Permohonan Informasi menyidiakan pelayanan yang dapat memudahkan masyarakat dan pencari keadilan dalam memperoleh informasi secara Elektronik
      baik secara online maupun secara offline. Untuk melakukan proses perolehan informasi masyarakat dan para pencari keadilan dapat mengakses link berikut:
    <br/><br/><a href="informasi.php" class="btn btn-warning">Go to Application...</a></span>
    </div>
</div>
 stop bank data -->

<!-- 
<div class="container-fluid layanan pt-5 pb-5 bg-light" style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;">
  <div class="container text-center">
  <h2 class="display-3" id="jadwal-sidang">LAYANAN PENGADUAN MASYARAKAT</h2><hr>
  <div class="row gx-2 gy-2 text-center bg-success text-light ms-4 me-4 mt-4">
    <div class="col-md-6 mt-4 mb-4">
    <span style="font-family:Time New Roman; font-size:22px; font-weight:bold;">Layanan Pengaduan Secara Elektronik</span><hr class="ms-5 me-5 text-light">
    <span style="font-family: Cambria;" class="text-center p-2">Menu Pengaduan menyediakan pelayanan yang dapat memudahkan masyarakat dan pencari keadilan dalam mengajukan pengaduan secara Elektronik
      baik secara online maupun secara offline dalam meningkatkan pengawasan terhadap pengadilan agama sewilayah PTA Jambi. Untuk melakukan proses perolehan informasi masyarakat dan para pencari keadilan dapat mengakses link berikut:
    <br/><a href="pengaduan2.php" class="btn btn-danger">Go to Application...</a>
  </span>
    </div>
    <div class="col-md-6">
    <img src="image/bg homepage.jpg" class="card-img-top p-2" alt="..." height="270px">
    </div>
</div>

  </div>  
</div>
</div>
   stop jadwal sidang -->

<!-- start foot -->
<div class="container-fluid text-center bg-dark text-light fixed-bottom">
  <span style="font-size: 12px; font-style: italic;">Pengadilan Tinggi Agama Jambi &copy; ferdian_ITP (2021)</span>
</div>
<!-- stop foot -->
    <script src="boostrap/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

</body>
</html>

<?php
function bln_indo($tanggal1){
	$bulan = array (
		1 =>   'Januari',
		'Februari',
		'Maret',
		'April',
		'Mei',
		'Juni',
		'Juli',
		'Agustus',
		'September',
		'Oktober',
		'November',
		'Desember'
	);
	$pecahkan = explode('-', $tanggal1);
	// variabel pecahkan 0 = tanggal
	// variabel pecahkan 1 = bulan
	// variabel pecahkan 2 = tahun
 
	return $pecahkan[2] . ' ' . $bulan[ (int)$pecahkan[1] ] . ' ' . $pecahkan[0];
}
?>