From 8feca5a231661d5ed7ce4306d882c814ce864fca Mon Sep 17 00:00:00 2001
From: alex <alexander.sukono@gmail.com>
Date: Fri, 13 May 2016 17:38:58 +0700
Subject: [PATCH] update permohonan page & add upload file functionality

---
 bdgwebkit/editPermohonan.php  | 526 ----------------------------------
 bdgwebkit/formpermohonan.php  |  11 +-
 bdgwebkit/permohonan.php      |  69 ++++-
 bdgwebkit/staffPermohonan.php |  33 ++-
 4 files changed, 82 insertions(+), 557 deletions(-)
 delete mode 100644 bdgwebkit/editPermohonan.php

diff --git a/bdgwebkit/editPermohonan.php b/bdgwebkit/editPermohonan.php
deleted file mode 100644
index 7226205..0000000
--- a/bdgwebkit/editPermohonan.php
+++ /dev/null
@@ -1,526 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" class="">
-<head>
-  <meta charset="utf-8" />
-  <title>Bandung Web Kit | BDGWEBKIT</title>
-  <meta name="description" content="Bandung Web Kit" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-  <link rel="stylesheet" href="../libs/assets/animate.css/animate.css" type="text/css" />
-  <link rel="stylesheet" href="../libs/assets/font-awesome/css/font-awesome.min.css" type="text/css" />
-  <link rel="stylesheet" href="../libs/assets/simple-line-icons/css/simple-line-icons.css" type="text/css" />
-  <link rel="stylesheet" href="../libs/jquery/bootstrap/dist/css/bootstrap.css" type="text/css" />
-
-  <link rel="stylesheet" href="css/font.css" type="text/css" />
-  <link rel="stylesheet" href="css/style.css" type="text/css" />
-  
-
-</head>
-<body>
-<div class="app app-header-fixed ">
-  
-
-    <!-- header -->
-  <header id="header" class="app-header navbar" role="menu">
-      <!-- navbar header -->
-      <div class="navbar-header bg-info">
-        <button class="pull-right visible-xs dk" ui-toggle-class="show" target=".navbar-collapse">
-          <i class="glyphicon glyphicon-cog"></i>
-        </button>
-        <button class="pull-right visible-xs" ui-toggle-class="off-screen" target=".app-aside" ui-scroll="app">
-          <i class="glyphicon glyphicon-align-justify"></i>
-        </button>
-        <!-- brand -->
-        <a href="#/" class="navbar-brand text-lt">          
-          <img src="img/logo-small.png" alt="." class="small-logo hide">
-          <img src="img/logo.png" alt="." class="large-logo">
-        </a>
-        <!-- / brand -->
-      </div>
-      <!-- / navbar header -->
-
-      <!-- navbar collapse -->
-      <div class="collapse pos-rlt navbar-collapse bg-info">
-        <!-- buttons -->
-        <div class="nav navbar-nav hidden-xs">
-                  
-        </div>
-        <!-- / buttons -->
-
-        <!-- link and dropdown -->
-        <ul class="nav navbar-nav hidden-sm">
-          <li>
-            <a href="index.html">HOME</a>
-          </li>
-          <li class="dropdown">
-            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
-              <i class="fa fa-fw fa-plus visible-xs-inline-block"></i>
-              <span>PAGES</span> <span class="caret"></span>
-            </a>
-            <ul class="dropdown-menu" role="menu">
-              
-              <li>
-                <a href="#">
-                  <span class="badge bg-danger pull-right">5</span>
-                  <span>Form Elements</span>
-                </a>
-              </li>
-
-              <li>
-                <a href="#">
-                  <span class="badge bg-info pull-right">15</span>
-                  <span>Form Validation</span>
-                </a>
-              </li>
-
-              <li>
-                <a href="#">
-                  <span>Form Wizard</span>
-                </a>
-              </li>
-              
-            </ul>
-          </li>
-           <li>
-            <a href="#">PROJECT</a>
-          </li>
-        </ul>
-        <!-- / link and dropdown -->
-
-        <!-- nabar right -->
-        <ul class="nav navbar-nav navbar-right">
-          <li class="dropdown">
-            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
-              <i class="icon-bdg_alert text14"></i>
-              <span class="visible-xs-inline">Notifikasi</span>
-              <span class="badge badge-sm up bg-danger pull-right-xs">2</span>
-            </a>
-            <!-- dropdown -->
-            <div class="dropdown-menu w-xl animated fadeIn">
-              <div class="panel bg-white">
-                <div class="panel-heading b-light bg-light">
-                  <strong>Kamu Punya <span>2</span> Notifikasi</strong>
-                </div>
-                <div class="list-group">
-                  <a href class="list-group-item">
-                    <span class="pull-left m-r thumb-sm">
-                      <img src="img/01.jpg" alt="..." class="img-circle">
-                    </span>
-                    <span class="clear block m-b-none">
-                      Pembangunan Taman daerah Bandung Barat<br>
-                      <small class="text-muted">10 minutes ago</small>
-                    </span>
-                  </a>
-                  <a href class="list-group-item">
-                    <span class="clear block m-b-none">
-                      Revitalisasi Sungai Cikapundung<br>
-                      <small class="text-muted">1 hour ago</small>
-                    </span>
-                  </a>
-                </div>
-                <div class="panel-footer text-sm">
-                  <a href class="pull-right"><i class="icon-bdg_setting3"></i></a>
-                  <a href="#notes" data-toggle="class:show animated fadeInRight">Lihat Semua Notifikasi</a>
-                </div>
-              </div>
-            </div>
-            <!-- / dropdown -->
-          </li>
-          <li class="dropdown">
-            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
-              <i class="icon-bdg_search text14"></i>              
-            </a>
-            <!-- dropdown -->
-             <div class="search_wrapper pull-right w-xl animated fadeIn">
-              <form action="">
-                <i class="pull-left glyphicon glyphicon-search"></i>
-                  <input type="text" class="pull-left" placeholder="Type Here">
-                <a href="#" class="remove-search"><i class="pull-right icon-bdg_cross"></i></a>
-              </form>
-            </div>
-            <!-- / dropdown -->
-          </li>
-          <li class="dropdown">
-            <a href="#" data-toggle="dropdown" class="bg-blue profile-header dropdown-toggle clear" data-toggle="dropdown">
-              <span class="thumb-sm avatar pull-left m-t-n-sm m-b-n-sm m-r-sm">
-                <img src="img/01.jpg" alt="...">                
-              </span>
-              <span class="hidden-sm hidden-md m-r-xl">Ridwan Kamil</span> <i class="text14 icon-bdg_setting3 pull-right"></i>
-            </a>
-            <!-- dropdown -->
-            <ul class="dropdown-menu animated fadeIn w-ml">             
-              <li>
-                <a href>
-                  <span class="badge bg-danger pull-right">30%</span>
-                  <span>Settings</span>
-                </a>
-              </li>
-              <li>
-                <a href>Profile</a>
-              </li>
-              <li>
-                <a href>
-                  <span class="label bg-info pull-right">new</span>
-                  Help
-                </a>
-              </li>
-              <li class="divider"></li>
-              <li>
-                <a>Logout</a>
-              </li>
-            </ul>
-            <!-- / dropdown -->
-          </li>
-        </ul>
-        <!-- / navbar right -->
-      </div>
-      <!-- / navbar collapse -->
-  </header>
-  <!-- / header -->
-
-
-    <!-- aside -->
-  <aside id="aside" class="app-aside hidden-xs bg-dark">
-      <div class="aside-wrap">
-        <div class="navi-wrap">
-          <!-- user -->
-          <div class="clearfix hidden-xs text-center hide" id="aside-user">
-            <div class="dropdown wrapper">
-              <a href="app.page.profile">
-                <span class="thumb-lg w-auto-folded avatar m-t-sm">
-                  <img src="img/01.jpg" class="img-full" alt="...">
-                </span>
-              </a>
-              <a href="#" data-toggle="dropdown" class="dropdown-toggle hidden-folded">
-                <span class="clear">
-                  <span class="block m-t-sm">
-                    <strong class="font-bold text-lt">John.Smith</strong> 
-                    <b class="caret"></b>
-                  </span>
-                  <span class="text-muted text-xs block">Art Director</span>
-                </span>
-              </a>
-              <!-- dropdown -->
-              <ul class="dropdown-menu animated fadeInRight w hidden-folded">
-                <li class="wrapper b-b m-b-sm bg-info m-t-n-xs">
-                  <span class="arrow top hidden-folded arrow-info"></span>
-                  <div>
-                    <p>300mb of 500mb used</p>
-                  </div>
-                  <div class="progress progress-xs m-b-none dker">
-                    <div class="progress-bar bg-white" data-toggle="tooltip" data-original-title="50%" style="width: 50%"></div>
-                  </div>
-                </li>
-                <li>
-                  <a href>Settings</a>
-                </li>
-                <li>
-                  <a href="page_profile.html">Profile</a>
-                </li>
-                <li>
-                  <a href>
-                    <span class="badge bg-danger pull-right">3</span>
-                    Notifications
-                  </a>
-                </li>
-                <li class="divider"></li>
-                <li>
-                  <a href="page_signin.html">Logout</a>
-                </li>
-              </ul>
-              <!-- / dropdown -->
-            </div>
-            <div class="line dk hidden-folded"></div>
-          </div>
-          <!-- / user -->
-
-           <!-- nav -->
-          <nav ui-nav class="navi clearfix">
-            <ul class="nav">
-              <li class="hidden-folded m-t text-dark-grey text-xs padder-md padder-v-sm">
-                <span>Navigation</span>
-              </li>
-              <li>
-                <a href="index.html" class="text-dark-grey" >      
-                  <i class="icon-bdg_dashboard icon-grey"></i>
-                  <span class="font-bold">Dashboard</span>
-                </a>               
-              </li>
-              
-              <li class="line1 dg"></li>
-
-              <li class="hidden-folded text-dark-grey text-xs padder-md padder-v-sm">
-                <span>Components</span>
-              </li>
-              
-              <li class="active">
-                  <a href="permohonan.php">                  
-                  <i class="icon-bdg_table"></i>
-                  <span class="font-bold">Permohonan</span>
-                </a>                
-              </li>
-
-              <!--li>
-                <a href class="auto">
-                  <span class="pull-right text-muted">
-                    <i class="text8 icon-bdg_arrow3 text"></i>
-                    <i class="text8 icon-bdg_arrow1 text-active"></i>
-                  </span>
-                  <i class="icon-bdg_uikit"></i>
-                  <span class="font-bold">UI Kits</span>
-                </a>
-                <ul class="nav nav-sub dk">
-                  <li class="nav-sub-header">
-                    <a href>
-                      <span>UI Kits</span>
-                    </a>
-                  </li>
-                  <li>
-                    <a href="ui_button.html">
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li >
-                    <a href="ui_icons.html">
-                      <b class="badge bg-danger pull-right">3</b>
-                      <span>Icons</span>
-                    </a>
-                  </li>
-                  <li>
-                    <a href="ui_grid.html">
-                      <span>Grid</span>
-                    </a>
-                  </li>
-                  
-                 
-                </ul>
-              </li>
-              <li>
-                <a href="table_static.html">
-                  
-                  <b class="badge bg-info pull-right">2</b>
-                  <i class="icon-bdg_table"></i>
-                  <span class="font-bold">Table</span>
-                </a>
-               
-              </li>
-              <li>
-                  <a href="form_element.html">                  
-                  <i class="icon-bdg_form"></i>
-                  <span class="font-bold">Form</span>
-                </a>                
-              </li>
-              <li>
-                <a href="ui_chart.html">
-                  <i class="icon-bdg_chart2"></i>
-                  <span class="font-bold">Chart</span>
-                </a>
-              </li>
-              <li>
-                <a href class="auto">
-                  <span class="pull-right text-muted">
-                    <i class="text8 icon-bdg_arrow3 text"></i>
-                    <i class="text8 icon-bdg_arrow1 text-active"></i>
-                  </span>
-                  <i class="icon-bdg_layout"></i>
-                  <span class="font-bold">Pages</span>
-                </a>
-                <ul class="nav nav-sub dk">
-                  <li class="nav-sub-header">
-                    <a href>
-                      <span>Pages</span>
-                    </a>
-                  </li>
-    
-                 
-                  <li>
-                    <a href="lockscreen.html">
-                      <span>Lock screen</span>
-                    </a>
-                  </li>
-                  <li>
-                    <a href="signin.html">
-                      <span>Signin</span>
-                    </a>
-                  </li>
-                  <li>
-                    <a href="register.html">
-                      <span>Signup</span>
-                    </a>
-                  </li>
-                  <li>
-                    <a href="forgot_password.html">
-                      <span>Forgot password</span>
-                    </a>
-                  </li>
-                 
-                </ul>
-              </li-->
-              <li>
-                <a href="formpermohonan.php" class="auto">
-                  <i class="icon-bdg_table"></i>
-                  <span class="font-bold">Isi Permohonan</span>
-                </a>
-              </li>
-              <li>
-                <a href="permohonan.php" class="auto">
-                  <i class="icon-bdg_table"></i>
-                  <span class="font-bold">Cek Status</span>
-                </a>
-              </li>
-              <li>
-              <a href class="auto">
-                  <span class="pull-right text-muted">
-                    <i class="text8 icon-bdg_arrow3 text"></i>
-                    <i class="text8 icon-bdg_arrow1 text-active"></i>
-                  </span>
-                  <i class="icon-bdg_uikit"></i>
-                  <span class="font-bold">Disdukcapil</span>
-                </a>
-                <ul class="nav nav-sub dk">
-                  <li>
-                    <a href="staffPermohonan.php">
-                      <span>Daftar Permohonan</span>
-                    </a>
-                  </li>
-                  <li >
-                    <a href="statistik.php">
-                      <span>Statistik</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-             
-              
-            </ul>
-          </nav>
-          <!-- nav -->
-
-
-
-        </div>
-      </div>
-  </aside>
-  <!-- / aside -->
-
-  <!-- content -->
-  <div id="content" class="app-content" role="main">
-    <div class="hbox hbox-auto-xs hbox-auto-sm ng-scope">
-      <div class="col">
-        <div class="app-content-body ">
-
-          <div class="bg-light lter">    
-              <ul class="breadcrumb bg-grey-breadcrumb m-b-none">
-                <li><a href="#" class="btn no-shadow" ui-toggle-class="app-aside-folded" target=".app">
-                  <i class="icon-bdg_expand1 text"></i>
-                  <i class="icon-bdg_expand2 text-active"></i>
-                </a>   </li>
-                <li><a href>Home</a></li>                
-                <li class="active"><i class="fa fa-angle-right"></i>Daftar Permohonan</li>
-              </ul>
-          </div>
-
-          <div class="bg-light lter b-b wrapper-md padder-md">
-            <h1 class="m-n font-semibold h4 text-grey padder">Daftar Permohonan</h1>
-          </div>
-
-          <div class="wrapper-lg">
-            <div class="row">
-              <div class="col-md-12">
-                <div class="panel panel-default">
-                  <div class="panel-heading font-semibold">
-                    Permohonan
-                  </div>
-                  <div class="panel-body">
-                    <div class="table-responsive">
-                    
-                    <?php
-                      $servername = "localhost";
-                      $username = "root";
-                      $password = "";
-                      $dbname = "akte_kelahiran";
-
-                      // Create connection
-                      $conn = new mysqli($servername, $username, $password, $dbname);
-                      // Check connection
-                      if ($conn->connect_error) {
-                          die("Connection failed: " . $conn->connect_error);
-                      } 
-
-                      $id = $_GET["id"];
-  
-                      $sql = "SELECT * FROM permohonan";
-                      $result = $conn->query($sql);
-
-                          
-                      echo'
-                        <table ui-jq="dataTable" class="table table-striped b-t b-b">
-                        
-                          <thead>
-                            <tr>
-                              <th  style="width:18%">Nama Anak</th>
-                              <th  style="width:18%">NIK Ayah</th>
-                              <th  style="width:18%">Nama Ayah</th>
-                              <th  style="width:18%">NIK Ibu</th>
-                              <th  style="width:18%">Nama Ibu</th>
-                              <th  style="width:10%">Status</th>
-                            </tr>
-                          </thead>
-                      ';
-                      if ($result->num_rows > 0) {
-                        // output data of each row
-                        while($row = $result->fetch_assoc()) {
-                          echo'
-                            <tbody>
-                              <tr>
-                                <th>'.$row["nama"].'</th>
-                                <th>'.$row["idAyah"].'</th>
-                                <th>'.$row["namaAyah"].'</th>
-                                <th>'.$row["idIbu"].'</th>
-                                <th>'.$row["namaIbu"].'</th>
-                                <th>'.$row["status"].'</th>
-                                <th><a href="">Edit</a></th>
-                              </tr>
-                            </tbody>
-                          ';
-                        }
-                        echo'
-                          </table>
-                        ';
-                      } 
-                      $conn->close();
-                    ?>
-                  </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-      	</div>
-      </div>
-    </div>
-  </div>
-  <!-- /content -->
-  
-   <!-- footer -->
-  <footer id="footer" class="app-footer" role="footer">
-    <div class="wrapper-md padder-lg b-t bg-light">
-      <span class="pull-right">&copy; Copyright Bandung <a href ui-scroll="app" class="m-l-sm text-muted"><i class="icon-bdg_arrow11"></i></a></span>
-     Made with <i class="text-danger fa fa-heart"></i> in Bandung
-    </div>
-  </footer>
-  <!-- / footer -->
-
-
-
-
-
-<script src="../libs/jquery/jquery/dist/jquery.js"></script>
-<script src="../libs/jquery/bootstrap/dist/js/bootstrap.js"></script>
-<script src="js/ui-load.js"></script>
-<script src="js/ui-jp.config.js"></script>
-<script src="js/ui-jp.js"></script>
-<script src="js/ui-nav.js"></script>
-<script src="js/ui-toggle.js"></script>
-<script src="js/ui-client.js"></script>
-</body>
-</html>
diff --git a/bdgwebkit/formpermohonan.php b/bdgwebkit/formpermohonan.php
index 51da738..74cf0e7 100644
--- a/bdgwebkit/formpermohonan.php
+++ b/bdgwebkit/formpermohonan.php
@@ -445,7 +445,7 @@
 <div class="wrapper-lg bg-light" ng-controller="FormDemoCtrl">
   <div class="panel panel-default">
     <div class="panel-body">
-      <form action="permohonan.php" class="form-horizontal" method="post">        
+      <form action="permohonan.php" class="form-horizontal" method="post" enctype="multipart/form-data">        
         <div class="form-group">
           <input type="hidden" name="permohonan_id" value="<?php echo $permohonan_id ?>">
           <label class="col-sm-2 control-label">Ada Ayah ?</label>
@@ -453,7 +453,7 @@
           <div class="radio" >
               <label style="margin-right:15px">
                 <input onclick ="enableElement()" type="radio" name="optionayah" id="optionsRadios1" value="ada" checked>
-                Ada 
+                Ada
               </label>
               <label>
                 <input onclick="disableElement()" type="radio" name="optionayah" id="optionsRadios2" value="tidak">
@@ -549,11 +549,16 @@
             </div>
           </div>
         </div>
+
+
+        
+
+
         <div class="line line-dashed b-b line-lg pull-in"></div>
         <div class="form-group">
           <label class="col-sm-2 control-label">Upload Surat Keterangan dari Rumah Sakit</label>
           <div class="col-sm-10">
-            <input ui-jq="filestyle" type="file" data-icon="false" data-classButton="btn btn-default" data-classInput="form-control inline v-middle input-s" required>
+            <input name="image" ui-jq="filestyle" type="file" data-icon="false" data-classButton="btn btn-default" data-classInput="form-control inline v-middle input-s" required>
           </div>
         </div>
         <div class="line line-dashed b-b line-lg pull-in"></div>
diff --git a/bdgwebkit/permohonan.php b/bdgwebkit/permohonan.php
index 841c20f..42a7176 100644
--- a/bdgwebkit/permohonan.php
+++ b/bdgwebkit/permohonan.php
@@ -1,7 +1,30 @@
 <?php 
   require_once("database.php");
-  
-  if (!empty($_POST)) {
+   
+   if(isset($_FILES['image'])){
+      $errors= array();
+      $file_name = $_POST['NamaAnak'] . $_POST['NIKIbu'] . ".pdf";
+      $file_size =$_FILES['image']['size'];
+      $file_tmp =$_FILES['image']['tmp_name'];
+      $file_type=$_FILES['image']['type'];
+      $file_ext=strtolower(end(explode('.',$_FILES['image']['name'])));
+      
+      $expensions= array("pdf", "jpg");
+      
+      if(in_array($file_ext,$expensions)== false){
+         $errors[]="Ekstensi file tidak diperbolehkan, tolong pilih file PDF";
+      }
+      
+      if($file_size > 2097152){
+         $errors[]='Ukuran file harus lebih kecil atau sama dengan 2 MB';
+      }
+      
+      if(empty($errors)==true){
+         move_uploaded_file($file_tmp,"surat/" . $file_name);
+      } 
+   }
+
+  if (!empty($_POST) && empty($errors)==true) {
       postPermohonan($_POST);
   }
 ?>
@@ -434,29 +457,46 @@
           <div class="bg-light lter b-b wrapper-md padder-md">
             <h1 class="m-n font-semibold h4 text-grey padder">Daftar Permohonan</h1>
           </div>
-
           <div class="wrapper-lg">
             <div class="row">
               <div class="col-md-12">
                 <div class="panel panel-default">
                   <div class="panel-heading font-semibold">
                     Permohonan
+                    <div style="color:red"><?php if(empty($errors)!=true) {
+                                                 echo "<br>"; 
+                                                 echo "Tolong isi ulang form permohonan"; 
+                                                 echo "<br>"; 
+                                                 foreach($errors as $result) { 
+                                                    echo $result;
+                                                 }  
+                                               } 
+                                            ?> 
+                    </div>
                   </div>
+
                   <div class="panel-body">
+                  <div class="col-sm-10">
                   <form>
                     Search: 
-                    <input type="text" name="search" placeholder="Type here">
-                    <select name="jenis">
+                    <input type="text" name="search" class= "input-sm form-control w-sm inline v-middle"placeholder="Ketik disini">
+                        <select name="jenis" class="input-sm form-control w-sm inline v-middle">
                       <option value="nama">Nama Anak</option>
                       <option value="idAyah">NIK Ayah</option>
                       <option value="namaAyah">Nama Ayah</option>
                       <option value="idIbu">NIK Ibu</option>
                       <option value="namaIbu">Nama Ibu</option>
                     </select>
-                    <button>Go</button>
+                    <button class= "btn btn-sm btn-default">Go</button>
                   </form> 
+                  </div>
+                    <div class="col-sm-2">
+                    <a href = "formpermohonan.php">
+                      <button class = "btn m-b-sm m-r-sm btn-success btn-sm"><i class = "m-r-xs fa fa-plus"></i>
+                        Add Permohonan</button></a>
+                    </div>
                   <br>
-                    <div class="table-responsive">
+                    <div class="col-sm-12 table-responsive">
                     
                     <?php
                       $servername = "localhost";
@@ -496,6 +536,7 @@
                                 <th  style="width:18%">NIK Ibu</th>
                                 <th  style="width:18%">Nama Ibu</th>
                                 <th  style="width:10%">Status</th>
+                                <th style="width:3%"></th>
                               </tr>
                             </thead>
                         ';
@@ -504,13 +545,13 @@
                           echo'
                             <tbody>
                               <tr>
-                                <th>'.$row["nama"].'</th>
-                                <th>'.$row["idAyah"].'</th>
-                                <th>'.$row["namaAyah"].'</th>
-                                <th>'.$row["idIbu"].'</th>
-                                <th>'.$row["namaIbu"].'</th>
-                                <th>'.$row["status"].'</th>
-                                <th><a href="formpermohonan.php?permohonan_id='. $row["id"].'">Edit</a></th>
+                                <td>'.$row["nama"].'</th>
+                                <td>'.$row["idAyah"].'</th>
+                                <td>'.$row["namaAyah"].'</th>
+                                <td>'.$row["idIbu"].'</th>
+                                <td>'.$row["namaIbu"].'</th>
+                                <td>'.$row["status"].'</th>
+                                <td><button class = "btn m-b-sm m-r-sm btn-info btn-sm"><a href="formpermohonan.php?permohonan_id='. $row["id"].'">Edit</a></button></td>
                               </tr>
                             </tbody>
                           ';
diff --git a/bdgwebkit/staffPermohonan.php b/bdgwebkit/staffPermohonan.php
index c361f3b..1fb64f0 100644
--- a/bdgwebkit/staffPermohonan.php
+++ b/bdgwebkit/staffPermohonan.php
@@ -415,7 +415,7 @@
   <!-- / aside -->
 
   <!-- content -->
-  <div id="content" class="app-content" role="main">
+   <div id="content" class="app-content" role="main">
     <div class="hbox hbox-auto-xs hbox-auto-sm ng-scope">
       <div class="col">
         <div class="app-content-body ">
@@ -443,20 +443,23 @@
                     Permohonan
                   </div>
                   <div class="panel-body">
+                  <div class="col-sm-10" style="padding-bottom:10px">
                   <form>
                     Search: 
-                    <input type="text" name="search" placeholder="Type here">
-                    <select name="jenis">
+                    <input type="text" name="search" class= "input-sm form-control w-sm inline v-middle"placeholder="Ketik disini">
+                        <select name="jenis" class="input-sm form-control w-sm inline v-middle">
                       <option value="nama">Nama Anak</option>
                       <option value="idAyah">NIK Ayah</option>
                       <option value="namaAyah">Nama Ayah</option>
                       <option value="idIbu">NIK Ibu</option>
                       <option value="namaIbu">Nama Ibu</option>
                     </select>
-                    <button>Go</button>
+                    <button class= "btn btn-sm btn-default">Go</button>
                   </form> 
+                  </div>
+                    
                   <br>
-                    <div class="table-responsive">
+                    <div class="col-sm-12 table-responsive">
                     
                     <?php
                       $servername = "localhost";
@@ -496,6 +499,7 @@
                                 <th  style="width:18%">NIK Ibu</th>
                                 <th  style="width:18%">Nama Ibu</th>
                                 <th  style="width:10%">Status</th>
+                                <th style="width:3%"></th>
                               </tr>
                             </thead>
                         ';
@@ -504,14 +508,13 @@
                           echo'
                             <tbody>
                               <tr>
-                                <th>'.$row["nama"].'</th>
-                                <th>'.$row["idAyah"].'</th>
-                                <th>'.$row["namaAyah"].'</th>
-                                <th>'.$row["idIbu"].'</th>
-                                <th>'.$row["namaIbu"].'</th>
-                                <th>'.$row["status"].'</th>
-                                <th><a href="validasiPermohonan.php?permohonan_id='. $row["id"].'">Validate</a></th>
-                              </tr>
+                                <td>'.$row["nama"].'</th>
+                                <td>'.$row["idAyah"].'</th>
+                                <td>'.$row["namaAyah"].'</th>
+                                <td>'.$row["idIbu"].'</th>
+                                <td>'.$row["namaIbu"].'</th>
+                                <td>'.$row["status"].'</th>
+                                <td><button class = "btn m-b-sm m-r-sm btn-info btn-sm"><a href="validasiPermohonan.php?permohonan_id='. $row["id"].'">Verify</a></button></td>
                             </tbody>
                           ';
                         }
@@ -529,11 +532,13 @@
               </div>
             </div>
           </div>
-      	</div>
+        </div>
       </div>
     </div>
   </div>
   <!-- /content -->
+
+
   
    <!-- footer -->
   <footer id="footer" class="app-footer" role="footer">
-- 
GitLab