diff --git a/iterasi1.sql b/iterasi1.sql
new file mode 100644
index 0000000000000000000000000000000000000000..86f3e6a0b43325022e86c8ee3c4e9dce632b507b
--- /dev/null
+++ b/iterasi1.sql
@@ -0,0 +1,175 @@
+-- phpMyAdmin SQL Dump
+-- version 4.5.1
+-- http://www.phpmyadmin.net
+--
+-- Host: 127.0.0.1
+-- Generation Time: Apr 04, 2016 at 09:05 PM
+-- Server version: 10.1.10-MariaDB
+-- PHP Version: 7.0.4
+
+SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
+SET time_zone = "+00:00";
+
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+
+--
+-- Database: `pendidikan`
+--
+
+-- --------------------------------------------------------
+
+--
+-- Table structure for table `informals`
+--
+
+CREATE TABLE `informals` (
+  `id` int(11) NOT NULL DEFAULT '0',
+  `nip` varchar(20) NOT NULL,
+  `nama_institusi` varchar(140) NOT NULL,
+  `keahlian` varchar(140) NOT NULL,
+  `no_ijazah` varchar(30) NOT NULL,
+  `tahun` year(4) NOT NULL,
+  `durasi` int(11) NOT NULL
+) ENGINE=InnoDB DEFAULT CHARSET=latin1;
+
+--
+-- Dumping data for table `informals`
+--
+
+INSERT INTO `informals` (`id`, `nip`, `nama_institusi`, `keahlian`, `no_ijazah`, `tahun`, `durasi`) VALUES
+(1, '12345678', 'ITB', 'Teknik Informatika', 'ab12345', 2001, 0),
+(2, '12345678', 'ITB', 'Teknik Elektro', 'bc23455', 2007, 0);
+
+-- --------------------------------------------------------
+
+--
+-- Table structure for table `institusi`
+--
+
+CREATE TABLE `institusi` (
+  `institusi_id` int(11) NOT NULL,
+  `nama_institusi` varchar(255) NOT NULL,
+  `alamat_institusi` varchar(255) NOT NULL,
+  `email_institusi` varchar(255) NOT NULL,
+  `notelp_institusi` varchar(255) NOT NULL
+) ENGINE=InnoDB DEFAULT CHARSET=latin1;
+
+--
+-- Dumping data for table `institusi`
+--
+
+INSERT INTO `institusi` (`institusi_id`, `nama_institusi`, `alamat_institusi`, `email_institusi`, `notelp_institusi`) VALUES
+(1, 'Universitas Indonesia', 'Kampus Baru UI Depok, Depok', 'humas-ui@ui.ac.id', '+62217867222'),
+(4, 'Institut Teknologi Bandung', 'Jl. Ganesha No.10, Jawa Barat, Indonesia', 'itb@itb.ac.id', '+62222500935'),
+(5, 'Institut Teknologi Bandung', 'Jl. Ganesha No.10, Jawa Barat, Indonesia', 'itb@itb.ac.id', '+62222500935'),
+(1, 'Universitas Indonesia', 'Kampus Baru UI Depok, Depok', 'humas-ui@ui.ac.id', '+62217867222'),
+(4, 'Institut Teknologi Bandung', 'Jl. Ganesha No.10, Jawa Barat, Indonesia', 'itb@itb.ac.id', '+62222500935'),
+(5, 'Institut Teknologi Bandung', 'Jl. Ganesha No.10, Jawa Barat, Indonesia', 'itb@itb.ac.id', '+62222500935');
+
+-- --------------------------------------------------------
+
+--
+-- Table structure for table `migrations`
+--
+
+CREATE TABLE `migrations` (
+  `migration` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
+  `batch` int(11) NOT NULL
+) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
+
+--
+-- Dumping data for table `migrations`
+--
+
+INSERT INTO `migrations` (`migration`, `batch`) VALUES
+('2014_10_12_000000_create_users_table', 1),
+('2014_10_12_100000_create_password_resets_table', 1),
+('2016_04_04_173639_non_formal', 2);
+
+-- --------------------------------------------------------
+
+--
+-- Table structure for table `password_resets`
+--
+
+CREATE TABLE `password_resets` (
+  `email` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
+  `token` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
+  `created_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
+
+-- --------------------------------------------------------
+
+--
+-- Table structure for table `pendidikan_formal`
+--
+
+CREATE TABLE `pendidikan_formal` (
+  `id` int(11) NOT NULL,
+  `nip` varchar(20) NOT NULL,
+  `nama_institusi` varchar(140) NOT NULL,
+  `tingkatan` varchar(20) NOT NULL,
+  `gelar` varchar(10) NOT NULL,
+  `jurusan` varchar(140) NOT NULL,
+  `no_ijazah` varchar(30) NOT NULL,
+  `tahun` year(4) NOT NULL
+) ENGINE=InnoDB DEFAULT CHARSET=latin1;
+
+--
+-- Dumping data for table `pendidikan_formal`
+--
+
+INSERT INTO `pendidikan_formal` (`id`, `nip`, `nama_institusi`, `tingkatan`, `gelar`, `jurusan`, `no_ijazah`, `tahun`) VALUES
+(1, '12345678', 'ITB', 'S1', 'ST', 'Teknik Informatika', 'ab12345', 2001),
+(2, '12345678', 'ITB', 'S2', 'M.T.', 'Teknik Elektro', 'bc23455', 2007);
+
+-- --------------------------------------------------------
+
+--
+-- Table structure for table `users`
+--
+
+CREATE TABLE `users` (
+  `id` int(10) UNSIGNED NOT NULL,
+  `name` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
+  `email` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
+  `password` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
+  `remember_token` varchar(100) COLLATE utf8_unicode_ci DEFAULT NULL,
+  `created_at` timestamp NULL DEFAULT NULL,
+  `updated_at` timestamp NULL DEFAULT NULL
+) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
+
+--
+-- Indexes for dumped tables
+--
+
+--
+-- Indexes for table `password_resets`
+--
+ALTER TABLE `password_resets`
+  ADD KEY `password_resets_email_index` (`email`),
+  ADD KEY `password_resets_token_index` (`token`);
+
+--
+-- Indexes for table `users`
+--
+ALTER TABLE `users`
+  ADD PRIMARY KEY (`id`),
+  ADD UNIQUE KEY `users_email_unique` (`email`);
+
+--
+-- AUTO_INCREMENT for dumped tables
+--
+
+--
+-- AUTO_INCREMENT for table `users`
+--
+ALTER TABLE `users`
+  MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT;
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
diff --git a/ppl2/app/Http/Controllers/InstitusiController.php b/ppl2/app/Http/Controllers/InstitusiController.php
index fdb989af1a2d60988eecdf3e669803e861084195..d405867df7189fb29ee4eecd0d855e778bbe9b99 100644
--- a/ppl2/app/Http/Controllers/InstitusiController.php
+++ b/ppl2/app/Http/Controllers/InstitusiController.php
@@ -89,6 +89,8 @@ class InstitusiController extends Controller
     public function show($id)
     {
         //
+        $institusi = Institusi::where('institusi_id',$id)->get();
+        return view('institusi',compact('institusi','institusi_id'));;
     }
 
     /**
diff --git a/ppl2/app/Http/routes.php b/ppl2/app/Http/routes.php
index c890bae61d6562d8e8b824715921d04dd93d10d8..77f65bad8e620def72ad15c04e570306f0fd91c1 100644
--- a/ppl2/app/Http/routes.php
+++ b/ppl2/app/Http/routes.php
@@ -68,6 +68,8 @@ Route::get('daftarinstitusi/{id}/edit','InstitusiController@edit');
 
 Route::get('daftarinstitusi/{id}/delete','InstitusiController@destroy');
 
+Route::get('daftarinstitusi/{id}','InstitusiController@show');
+
 Route::get('daftarinstitusi/search','InstitusiController@search');
 
 Route::resource('InstitusiController', 'InstitusiController');
diff --git a/ppl2/public/bdgwebkit/css/style.css b/ppl2/public/bdgwebkit/css/style.css
index 6f10e9d0e71e38a3551533f2afb59934b5a2d632..44c5c332158d8d10e757bc7cee05655f7518a0af 100644
--- a/ppl2/public/bdgwebkit/css/style.css
+++ b/ppl2/public/bdgwebkit/css/style.css
@@ -64,7 +64,7 @@ small,
 }
 
 .badge {
-  background-color: #cfdadd;
+  background-color: #888899;
 }
 
 .badge.up {
@@ -323,12 +323,12 @@ a.list-group-item.hover {
 
 .nav-pills > li.active > a {
   color: #fff !important;
-  background-color: #23b7e5;
+  background-color: #b3b7c5;
 }
 
 .nav-pills > li.active > a:hover,
 .nav-pills > li.active > a:active {
-  background-color: #19a9d5;
+  background-color: #a9a9b5;
 }
 
 .nav > li > a:hover,
@@ -398,7 +398,7 @@ a.list-group-item.hover {
 }
 
 .nav-tabs-alt .nav-tabs > li.active > a {
-  border-bottom-color: #23b7e5 !important;
+  border-bottom-color: #a3a7b5 !important;
 }
 
 .tab-container {
@@ -640,7 +640,7 @@ pre {
 }
 
 .modal-backdrop {
-  background-color: #3a3f51;
+  background-color: #5a5f51;
 }
 
 .modal-backdrop.in {
@@ -3405,32 +3405,32 @@ fieldset[disabled] .i-checks input + i:before {
 
 .bg-info {
   color: #dcf2f8;
-  background-color: #23b7e5;
+  background-color: #9397a5;
 }
 
 .bg-info.lt,
 .bg-info .lt {
-  background-color: #3dbde5;
+  background-color: #9d9da5;
 }
 
 .bg-info.lter,
 .bg-info .lter {
-  background-color: #55c3e6;
+  background-color: #9593a6;
 }
 
 .bg-info.dk,
 .bg-info .dk {
-  background-color: #16aad8;
+  background-color: #969aa8;
 }
 
 .bg-info.dker,
 .bg-info .dker {
-  background-color: #1199c4;
+  background-color: #9199a4;
 }
 
 .bg-info.bg,
 .bg-info .bg {
-  background-color: #23b7e5;
+  background-color: #9397a5;
 }
 
 .bg-info a {
@@ -3450,7 +3450,7 @@ fieldset[disabled] .i-checks input + i:before {
 .bg-info .nav > li:focus > a,
 .bg-info .nav > li.active > a {
   color: #ffffff;
-  background-color: #16aad8;
+  background-color: #868a98;
 }
 
 .bg-info .nav > li > a {
@@ -3459,11 +3459,11 @@ fieldset[disabled] .i-checks input + i:before {
 
 .bg-info .nav > li > a:hover,
 .bg-info .nav > li > a:focus {
-  background-color: #17b2e2;
+  background-color: #878292;
 }
 
 .bg-info .nav .open > a {
-  background-color: #16aad8;
+  background-color: #868a98;
 }
 
 .bg-info .caret {
@@ -3473,7 +3473,7 @@ fieldset[disabled] .i-checks input + i:before {
 
 .bg-info.navbar .nav > li.active > a {
   color: #ffffff;
-  background-color: #16aad8;
+  background-color: #767a88;
 }
 
 .bg-info .open > a,
@@ -3504,7 +3504,7 @@ fieldset[disabled] .i-checks input + i:before {
 .bg-info .auto .list-group-item:active,
 .bg-info.auto .list-group-item.active,
 .bg-info .auto .list-group-item.active {
-  background-color: #16aad8 !important;
+  background-color: #768a88 !important;
 }
 
 .bg-warning {
@@ -3756,7 +3756,7 @@ a.bg-light:hover {
 }
 
 a.bg-primary:hover {
-  background-color: #6254b2;
+  background-color: #929492;
 }
 
 a.text-primary:hover {
@@ -5261,7 +5261,7 @@ a.text-#000000:hover {
 
 .bg-info {
     color: #e5e6ec;
-    background-color: #00b0ef;
+    background-color: #9090af;
 }
 
 .bg-danger {
@@ -5293,7 +5293,7 @@ a.text-#000000:hover {
   background-color: #26272e;
 }
 .bg-blue{
-  background-color: #00a8f3;
+  background-color: #8889c5;
 }
 .text-success{
   color: #8dc80e;
@@ -5749,7 +5749,7 @@ table.dataTable thead > tr > th{
   font-weight: 600;
 }
 .bg-info .nav > li > a:hover{
-  background-color: #01a0e7 !important;
+  background-color: #717097 !important;
 }
 .app-aside-folded .navbar-brand img.small-logo{
   display: inline !important;
diff --git a/ppl2/resources/views/editInstitusi.blade.php b/ppl2/resources/views/editInstitusi.blade.php
index 2c26245b142532f2a13e950b7ed1f7d5fb2714aa..0844f346db02fd9f347f3f947a92513c05913930 100644
--- a/ppl2/resources/views/editInstitusi.blade.php
+++ b/ppl2/resources/views/editInstitusi.blade.php
@@ -1,468 +1,66 @@
-<!DOCTYPE html>
-<html lang="en" class="">
-<head>
-  <meta charset="utf-8" />
-  <title>Form Institusi</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" />
+@extends('app_template')
 
-  <link rel="stylesheet" href="css/font.css" type="text/css" />
-  <link rel="stylesheet" href="css/style.css" type="text/css" />
-  
+@section('title')
+  Edit Institusi
+@stop
 
-</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 -->
+@section('page_title')
+  <h2>Edit Institusi</h2>
+@stop
+<!-- content -->
+@section('head_content')
+  @if (count($errors) > 0)
+      <div class="alert alert-danger">
+          <ul>
+              @foreach ($errors->all() as $error)
+                  <li>{{ $error }}</li>
+              @endforeach
+          </ul>
       </div>
-      <!-- / navbar header -->
-
-      <!-- navbar collapse -->
-      <div class="collapse pos-rlt navbar-collapse bg-info">
-        <!-- buttons -->
-        <div class="nav navbar-nav hidden-xs">
-                  
+  @endif
+@stop
+
+@section('content')
+<div class="panel panel-default">
+  <div class="panel-heading font-bold">Form Institusi</div>
+  <div class="panel-body">
+    <form class="bs-example form-horizontal" method="POST" action="{{ URL::to('/')}}/daftarinstitusi/{{$institusi->institusi_id}}/update">
+    
+      <div class="form-group">
+        <label class="col-lg-2 control-label">Nama</label>
+        <div class="col-lg-10">
+          <input type="text" name="name" class="form-control" placeholder="Nama" value="{{$institusi->nama_institusi}}">
+          <span class="help-block m-b-none">Isikan Nama Institusi.</span>
         </div>
-        <!-- / buttons -->
-
-        <!-- link and dropdown -->
-        <ul class="nav navbar-nav hidden-sm">
-          <li>
-            <a href="#">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>
-                <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" class="auto">
-                  
-                  <b class="badge bg-info pull-right">2</b>
-                  <i class="icon-bdg_table"></i>
-                  <span class="font-bold">Table</span>
-                </a>
-               
-              </li>
-              <li class="active">
-                  <a href="form_element.html" class="auto">                  
-                  <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>
-             
-              
-            </ul>
-          </nav>
-          <!-- nav -->
-
-
-
+      <div class="form-group">
+        <label class="col-lg-2 control-label">Alamat</label>
+        <div class="col-lg-10">
+          <input type="text" name="alamat" class="form-control" placeholder="Alamat" value="{{$institusi->alamat_institusi}}">
+           <span class="help-block m-b-none">Isikan Alamat Lengkap.</span>
         </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="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><i class="fa fa-angle-right"></i><a href>Form</a></li>
-                <li class="active"><i class="fa fa-angle-right"></i>Form Elements</li>
-              </ul>
-          </div>
-
-          <div class="bg-light lter b-b wrapper-md padder-md">
-            <h1 class="m-n font-bold h4 padder">Form Elements</h1>
-          </div>      
-      <!-- App-content-body -->  
-
-
-
-
-<div class="wrapper-lg bg-light" ng-controller="FormDemoCtrl">
-  <div class="row">
-      <div class="panel panel-default">
-        <div class="panel-heading font-bold">Form Institusi</div>
-        <div class="panel-body">
-          <form class="bs-example form-horizontal" method="POST" action="{{ URL::to('/')}}/daftarinstitusi/{{$institusi->institusi_id}}/update">
-          
-            <div class="form-group">
-              <label class="col-lg-2 control-label">Nama</label>
-              <div class="col-lg-10">
-                <input type="text" name="name" class="form-control" placeholder="Nama" value="{{$institusi->nama_institusi}}">
-                <span class="help-block m-b-none">Isikan Nama Institusi.</span>
-              </div>
-            </div>
-            <div class="form-group">
-              <label class="col-lg-2 control-label">Alamat</label>
-              <div class="col-lg-10">
-                <input type="text" name="alamat" class="form-control" placeholder="Alamat" value="{{$institusi->alamat_institusi}}">
-                 <span class="help-block m-b-none">Isikan Alamat Lengkap.</span>
-              </div>
-            </div>
-            <div class="form-group">
-              <label class="col-lg-2 control-label">Email</label>
-              <div class="col-lg-10">
-                <input type="text" name="email" class="form-control" placeholder="Email" value="{{$institusi->email_institusi}}">
-                 <span class="help-block m-b-none">Isikan Alamat Email.</span>
-              </div>
-            </div>
-            <div class="form-group">
-              <label class="col-lg-2 control-label">No Telp</label>
-              <div class="col-lg-10">
-                <input type="text" name="notelp" class="form-control" placeholder="No Telp" value="{{$institusi->notelp_institusi}}">
-                 <span class="help-block m-b-none">Isikan Nomor Telepon.</span>
-              </div>
-            </div>
-            <div class="form-group">
-              <div class="col-lg-offset-2 col-lg-10">
-                <input type="hidden" name="_token" value="{{ csrf_token() }}">
-                <button type="submit" class="btn btn-sm btn-info">Daftar</button>
-              </div>
-            </div>
-          </form>
+      <div class="form-group">
+        <label class="col-lg-2 control-label">Email</label>
+        <div class="col-lg-10">
+          <input type="text" name="email" class="form-control" placeholder="Email" value="{{$institusi->email_institusi}}">
+           <span class="help-block m-b-none">Isikan Alamat Email.</span>
         </div>
       </div>
+      <div class="form-group">
+        <label class="col-lg-2 control-label">No Telp</label>
+        <div class="col-lg-10">
+          <input type="text" name="notelp" class="form-control" placeholder="No Telp" value="{{$institusi->notelp_institusi}}">
+           <span class="help-block m-b-none">Isikan Nomor Telepon.</span>
+        </div>
+      </div>
+      <div class="form-group">
+        <div class="col-lg-offset-2 col-lg-10">
+          <input type="hidden" name="_token" value="{{ csrf_token() }}">
+          <button type="submit" class="btn btn-sm btn-info">Daftar</button>
+        </div>
+      </div>
+    </form>
   </div>
-  
-</div>
-
-  </div>
-    <!-- end hbox hbox-auto-xs -->
-</div>
-
-
- <!-- 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 -->
-
-
-
 </div>
-
-<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>
+@stop
\ No newline at end of file
diff --git a/ppl2/resources/views/formInstitusi.blade.php b/ppl2/resources/views/formInstitusi.blade.php
index 9f2019b59f7bfa60c9f5ec275a1d3ba723008408..9685a56b079ed0ee463e98aa174dc96be486897d 100644
--- a/ppl2/resources/views/formInstitusi.blade.php
+++ b/ppl2/resources/views/formInstitusi.blade.php
@@ -1,468 +1,66 @@
-<!DOCTYPE html>
-<html lang="en" class="">
-<head>
-  <meta charset="utf-8" />
-  <title>Form Institusi</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" />
+@extends('app_template')
 
-  <link rel="stylesheet" href="css/font.css" type="text/css" />
-  <link rel="stylesheet" href="css/style.css" type="text/css" />
-  
+@section('title')
+  Form Institusi
+@stop
 
-</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 -->
+@section('page_title')
+  <h2>Form Institusi</h2>
+@stop
+<!-- content -->
+@section('head_content')
+  @if (count($errors) > 0)
+      <div class="alert alert-danger">
+          <ul>
+              @foreach ($errors->all() as $error)
+                  <li>{{ $error }}</li>
+              @endforeach
+          </ul>
       </div>
-      <!-- / navbar header -->
-
-      <!-- navbar collapse -->
-      <div class="collapse pos-rlt navbar-collapse bg-info">
-        <!-- buttons -->
-        <div class="nav navbar-nav hidden-xs">
-                  
+  @endif
+@stop
+
+@section('content')
+<div class="panel panel-default">
+  <div class="panel-heading font-bold">Form Institusi</div>
+  <div class="panel-body">
+    <form class="bs-example form-horizontal" method="POST" action="{{ URL::to('InstitusiController') }}">
+    
+      <div class="form-group">
+        <label class="col-lg-2 control-label">Nama</label>
+        <div class="col-lg-10">
+          <input type="text" name="name" class="form-control" placeholder="Nama">
+          <span class="help-block m-b-none">Isikan Nama Institusi.</span>
         </div>
-        <!-- / buttons -->
-
-        <!-- link and dropdown -->
-        <ul class="nav navbar-nav hidden-sm">
-          <li>
-            <a href="#">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>
-                <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" class="auto">
-                  
-                  <b class="badge bg-info pull-right">2</b>
-                  <i class="icon-bdg_table"></i>
-                  <span class="font-bold">Table</span>
-                </a>
-               
-              </li>
-              <li class="active">
-                  <a href="form_element.html" class="auto">                  
-                  <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>
-             
-              
-            </ul>
-          </nav>
-          <!-- nav -->
-
-
-
+      <div class="form-group">
+        <label class="col-lg-2 control-label">Alamat</label>
+        <div class="col-lg-10">
+          <input type="text" name="alamat" class="form-control" placeholder="Alamat">
+           <span class="help-block m-b-none">Isikan Alamat Lengkap.</span>
         </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="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><i class="fa fa-angle-right"></i><a href>Form</a></li>
-                <li class="active"><i class="fa fa-angle-right"></i>Form Elements</li>
-              </ul>
-          </div>
-
-          <div class="bg-light lter b-b wrapper-md padder-md">
-            <h1 class="m-n font-bold h4 padder">Form Elements</h1>
-          </div>      
-      <!-- App-content-body -->  
-
-
-
-
-<div class="wrapper-lg bg-light" ng-controller="FormDemoCtrl">
-  <div class="row">
-      <div class="panel panel-default">
-        <div class="panel-heading font-bold">Form Institusi</div>
-        <div class="panel-body">
-          <form class="bs-example form-horizontal" method="POST" action="{{ URL::to('InstitusiController') }}">
-          
-            <div class="form-group">
-              <label class="col-lg-2 control-label">Nama</label>
-              <div class="col-lg-10">
-                <input type="text" name="name" class="form-control" placeholder="Nama">
-                <span class="help-block m-b-none">Isikan Nama Institusi.</span>
-              </div>
-            </div>
-            <div class="form-group">
-              <label class="col-lg-2 control-label">Alamat</label>
-              <div class="col-lg-10">
-                <input type="text" name="alamat" class="form-control" placeholder="Alamat">
-                 <span class="help-block m-b-none">Isikan Alamat Lengkap.</span>
-              </div>
-            </div>
-            <div class="form-group">
-              <label class="col-lg-2 control-label">Email</label>
-              <div class="col-lg-10">
-                <input type="text" name="email" class="form-control" placeholder="Email">
-                 <span class="help-block m-b-none">Isikan Alamat Email.</span>
-              </div>
-            </div>
-            <div class="form-group">
-              <label class="col-lg-2 control-label">No Telp</label>
-              <div class="col-lg-10">
-                <input type="text" name="notelp" class="form-control" placeholder="No Telp">
-                 <span class="help-block m-b-none">Isikan Nomor Telepon.</span>
-              </div>
-            </div>
-            <div class="form-group">
-              <div class="col-lg-offset-2 col-lg-10">
-                <input type="hidden" name="_token" value="{{ csrf_token() }}">
-                <button type="submit" class="btn btn-sm btn-info">Daftar</button>
-              </div>
-            </div>
-          </form>
+      <div class="form-group">
+        <label class="col-lg-2 control-label">Email</label>
+        <div class="col-lg-10">
+          <input type="text" name="email" class="form-control" placeholder="Email">
+           <span class="help-block m-b-none">Isikan Alamat Email.</span>
         </div>
       </div>
+      <div class="form-group">
+        <label class="col-lg-2 control-label">No Telp</label>
+        <div class="col-lg-10">
+          <input type="text" name="notelp" class="form-control" placeholder="No Telp">
+           <span class="help-block m-b-none">Isikan Nomor Telepon.</span>
+        </div>
+      </div>
+      <div class="form-group">
+        <div class="col-lg-offset-2 col-lg-10">
+          <input type="hidden" name="_token" value="{{ csrf_token() }}">
+          <button type="submit" class="btn btn-sm btn-info">Daftar</button>
+        </div>
+      </div>
+    </form>
   </div>
-  
-</div>
-
-  </div>
-    <!-- end hbox hbox-auto-xs -->
-</div>
-
-
- <!-- 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 -->
-
-
-
 </div>
-
-<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>
+@stop
\ No newline at end of file
diff --git a/ppl2/resources/views/institusi.blade.php b/ppl2/resources/views/institusi.blade.php
index 205e1403a680f28087b23ba9d5fe72ea9c43d891..b0dc068d2d5bae60b4f0708d37715237119d1717 100644
--- a/ppl2/resources/views/institusi.blade.php
+++ b/ppl2/resources/views/institusi.blade.php
@@ -1,371 +1,25 @@
-<!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" />
+@extends('app_template')
 
-  <link rel="stylesheet" href="css/font.css" type="text/css" />
-  <link rel="stylesheet" href="css/style.css" type="text/css" />
-  
+@section('title')
+  Institusi
+@stop
 
-</head>
-<body>
-<div class="app app-header-fixed ">
-  
+@section('page_title')
+  <h2>Institusi</h2>
+@stop
 
-    <!-- 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="#">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>
-                <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  class="active">
-                <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>
-             
-              
-            </ul>
-          </nav>
-          <!-- nav -->
-
-
-
-        </div>
-      </div>
-  </aside>
-  <!-- / aside -->
-
-  <!-- content -->
+<!-- content -->
+@section('head_content')
   @if (Session::has('message'))
-      <div class="alert alert-info">{{ Session::get('message') }}</div>
+    <div class="alert alert-info fade in">{{ Session::get('message') }}
+      <a href="#" class="close" data-dismiss="alert" aria-label="close" title="close">×</a>
+    </div>
   @endif
   <div class="row">
+    <div class="col-md-3">
+      <button class="btn m-b-sm m-r-sm btn-success" onclick="location.href = '{{URL::to('/')}}/formInstitusi';"><i class="m-r-xs fa fa-plus"></i>Tambahkan Institusi</button>
+    </div>
     <div class="col-md-6">
       <form action = "{{URL::to('/')}}/daftarinstitusi/search" method="GET">
       <div class="input-group">
@@ -374,308 +28,52 @@
           <button class="btn btn-default" type="submit">Go!</button>
         </span>
       </div>
-    </form>
+      </form>
     </div>
   </div>
-  <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 ">
+@stop
 
-          <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>Institusi</li>
+@section('content')
+<div class="panel panel-default">
+  <div class="panel-heading font-semibold">
+      Daftar Institusi
+  </div>
+  <div>
+    <table class="table" ui-jq="footable" ui-options='{
+      "paging": {
+        "enabled": true
+      }}'>
+      <thead>
+        <tr>
+          <th data-breakpoints="xs">ID</th>
+          <th>Nama Institusi</th>
+          <th>Alamat Institusi</th>
+          <th>Email Institusi</th>
+          <th>No Telp Institusi</th>
+          <th>Aksi</th>
+        </tr>
+      </thead>
+      <tbody>
+      @foreach($institusi as $key => $value)
+        <tr data-expanded="true">
+          <td>{{ $value->institusi_id }}</td>
+          <td>{{ $value->nama_institusi }}</td>
+          <td>{{ $value->alamat_institusi }}</td>
+          <td>{{ $value->email_institusi }}</td>
+          <td>{{ $value->notelp_institusi }}</td>
+          <td>
+            <div class="btn-group dropdown">             
+              <button class="btn m-b-sm m-r-sm btn-warning btn-sm" data-toggle="dropdown"><span class="caret"></span></button>
+              <ul class="dropdown-menu">
+                <li><a href="{{URL::to('/')}}/daftarinstitusi/{{$value->id}}/edit">Edit</a></li>
+                <li class="divider"></li>
+                <li><a href="{{URL::to('/')}}/daftarinstitusi/{{$value->id}}/delete">Hapus</a></li>
               </ul>
-          </div>
-
-          <div class="bg-light lter b-b wrapper-md padder-md">
-            <h1 class="m-n font-semibold h4 text-grey padder">Institusi</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">
-                Daftar Institusi
-              </div>
-              <div>
-                <table class="table" ui-jq="footable" ui-options='{
-                  "paging": {
-                    "enabled": true
-                  }}'>
-                  <thead>
-                    <tr>
-                      <th data-breakpoints="xs">ID</th>
-                      <th>Nama Institusi</th>
-                      <th>Alamat Institusi</th>
-                      <th>Email Institusi</th>
-                      <th>No Telp Institusi</th>
-                      <th>Aksi</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                  @foreach($institusi as $key => $value)
-                    <tr data-expanded="true">
-                      <td>{{ $value->institusi_id }}</td>
-                      <td>{{ $value->nama_institusi }}</td>
-                      <td>{{ $value->alamat_institusi }}</td>
-                      <td>{{ $value->email_institusi }}</td>
-                      <td>{{ $value->notelp_institusi }}</td>
-                      <td>
-                        <div class="btn-group dropdown">             
-                          <button class="btn m-b-sm m-r-sm btn-warning btn-sm" data-toggle="dropdown"><span class="caret"></span></button>
-                          <ul class="dropdown-menu">
-                            <li><a href="{{URL::to('/')}}/daftarinstitusi/{{$value->id}}/edit">Edit</a></li>
-                            <li class="divider"></li>
-                            <li><a href="{{URL::to('/')}}/daftarinstitusi/{{$value->id}}/delete">Hapus</a></li>
-                          </ul>
-                        </div>
-                      </td>
-                    </tr>
-                  @endforeach
-                  </tbody>
-                </table>
-              </div>
-            </div>
-              </div>
             </div>
-          </div>
-      	 </div>
-         <!-- div app content body -->
-      </div>
-      <!-- div.col -->
-       <div class="col w-ml bg-white-only bg-auto no-border-xs">
-    <div class="nav-tabs-alt" >
-      <ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-          <a data-target="#tab-1" role="tab" data-toggle="tab">
-            <i class="glyphicon glyphicon-user text-md text-muted wrapper-xs"></i>People
-          </a>
-        </li>
-        <li>
-          <a data-target="#tab-2" role="tab" data-toggle="tab">
-            <i class="glyphicon glyphicon-comment text-md text-muted wrapper-xs"></i>Chat
-          </a>
-        </li>
-        <li>
-          <a data-target="#tab-3" role="tab" data-toggle="tab">
-            <i class="glyphicon glyphicon-transfer text-md text-muted wrapper-xs"></i>Invoice
-          </a>
-        </li>
-      </ul>
-    </div>
-    <div class="tab-content">
-      <div role="tabpanel" class="tab-pane active" id="tab-1">
-        <div class="wrapper-none">         
-          <ul class="list-group no-bg no-borders">
-            <li class="list-group-item b-b padder-v">
-              <a herf class="pull-left thumb-sm avatar m-r">
-                <img src="img/02.jpg" alt="..." class="img-circle">
-                <i class="on b-white bottom"></i>
-              </a>
-              <div class="clear">
-                <div><a href>Mochamad Ridwan Kamil S.T., MUD.</a></div>
-                <small class="text-muted">Walikota Bandung</small>
-              </div>
-            </li>
-            <li class="list-group-item b-b padder-v">
-              <a herf class="pull-left thumb-sm avatar m-r">
-                <img src="img/06.jpg" alt="..." class="img-circle">
-                <i class="on b-white bottom"></i>
-              </a>
-              <div class="clear">
-                <div><a href>H.Dada Rosada S.H., M.Si.</a></div>
-                <small class="text-muted">Walikota Bandung</small>
-              </div>
-            </li>
-            <li class="list-group-item b-b padder-v">
-              <a herf class="pull-left thumb-sm avatar m-r">
-                <img src="img/05.jpg" alt="..." class="img-circle">
-                <i class="busy b-white bottom"></i>
-              </a>
-              <div class="clear">
-                <div><a href>H.AA Tarmana</a></div>
-                <small class="text-muted">Walikota Bandung</small>
-              </div>
-            </li>
-            <li class="list-group-item b-b padder-v">
-              <a herf class="pull-left thumb-sm avatar m-r">
-                <img src="img/04.jpg" alt="..." class="img-circle">
-                <i class="away b-white bottom"></i>
-              </a>
-              <div class="clear">
-                <div><a href>Wahyu Hamidjaja</a></div>
-                <small class="text-muted">Walikota Bandung</small>
-              </div>
-            </li>
-            <li class="list-group-item b-b padder-v">
-              <a herf class="pull-left thumb-sm avatar m-r">
-                <img src="img/03.jpg" alt="..." class="img-circle">
-                <i class="away b-white bottom"></i>
-              </a>
-              <div class="clear">
-                <div><a href>H. Ateng Wahyudi</a></div>
-                <small class="text-muted">Walikota Bandung</small>
-              </div>
-            </li>
-          </ul>          
-        </div>
-      </div>
-      <div role="tabpanel" class="tab-pane tab-2" id="tab-2">
-        <div class="wrapper-none">
-          
-          <ul class="list-group no-bg no-border auto">
-            <li class="list-group-item b-b padder-v">
-              <span class="pull-left thumb-sm m-r"><img src="img/03.jpg" alt="..." class="img-circle"></span>
-              <a href="#" class="text-muted" ui-toggle-class="show" target=".app-aside-right"><i class="fa fa-comment-o pull-right m-t-sm text-sm"></i></a>
-              <div class="clear">
-                <div><a href>H. Ateng Wahyudi</a></div>
-                <small class="text-muted">Walikota Bandung</small>
-              </div>
-            </li>
-            <li class="list-group-item b-b padder-v">
-              <span class="pull-left thumb-sm m-r"><img src="img/04.jpg" alt="..." class="img-circle"></span>
-              <a href="#" class="text-muted" ui-toggle-class="show" target=".app-aside-right"><i class="fa fa-comment-o pull-right m-t-sm text-sm"></i></a>
-              <div class="clear">
-                <div><a href>Wahyu Hamidjaja</a></div>
-                <small class="text-muted">Walikota Bandung</small>
-              </div>
-            </li>
-            <li class="list-group-item b-b padder-v">
-              <span class="pull-left thumb-sm m-r"><img src="img/05.jpg" alt="..." class="img-circle"></span>
-              <a href class="text-muted" ui-toggle-class="show" target=".app-aside-right"><i class="fa fa-comment-o pull-right m-t-sm text-sm"></i></a>
-              <div class="clear">
-                <div><a href>H.AA Tarmana</a></div>
-                <small class="text-muted">Walikota Bandung</small>
-              </div>
-            </li>
-            <li class="list-group-item b-b padder-v">
-              <span class="pull-left thumb-sm m-r"><img src="img/01.jpg" alt="..." class="img-circle"></span>
-              <a href class="text-muted" ui-toggle-class="show" target=".app-aside-right"><i class="fa fa-comment-o pull-right m-t-sm text-sm"></i></a>
-              <div class="clear">
-                <div><a href>Mochamad Ridwan Kamil S.T., MUD.</a></div>
-                <small class="text-muted">Walikota Bandung</small>
-              </div>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <div role="tabpanel" class="tab-pane tab-3" id="tab-3">
-        <div class="wrapper-none">          
-          <ul class="list-group no-bg no-border auto">
-            <li class="list-group-item">
-              <span class="text-grey l-h-s">Dana CSR utk Kota Bandung 3:00 pm</span>
-              <span class="block text12 text-info font-bold">Rp. 15.000.000,00</span>
-            </li>
-            <li class="list-group-item">
-              <span class="text-grey l-h-s">Dana CSR utk Kota Bandung 3:00 pm</span>
-              <span class="block text12 text-success font-bold">Rp. 120.451.000,00</span>
-            </li>
-            <li class="list-group-item">
-             <span class="text-grey l-h-s">Dana CSR utk Kota Bandung 3:00 pm</span>
-              <span class="block text12 text-warning font-bold">Rp. 500.000,00</span>
-            </li>
-            <li class="list-group-item">
-              <span class="text-grey l-h-s">Dana CSR utk Kota Bandung 3:00 pm</span>
-              <span class="block text12 text-danger font-bold"> - Rp. 15.000.000,00</span>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-    <div class="padder-md">      
-      <!-- streamline -->
-      <div class="m-b text-middle text14 font-semibold">Aktifitas Terbaru</div>
-      <div class="streamline b-l m-b b-grey">
-        <div class="sl-item b-grey">
-          <div class="m-l">
-            <div class="text-muted">5 menit yang lalu</div>
-            <p class="text-grey"><a href class="text-info">Wa Dedy</a> mengomentari tautan anda.</p>
-          </div>
-        </div>
-        <div class="sl-item b-grey">
-          <div class="m-l">
-            <div class="text-muted">11:30</div>
-            <p class="text-grey">Meeting Internal Dishub</p>
-          </div>
-        </div>
-        <div class="sl-item b-success b-l">
-          <div class="m-l">
-            <div class="text-muted">10:30</div>
-            <p class="text-grey">Membalas email dari <a href class="text-info">Rian</a>.</p>
-          </div>
-        </div>       
-        <div class="sl-item b-primary b-l">
-          <div class="m-l">
-            <div class="text-muted">Wed, 25 Mar</div>
-            <p class="text-grey"> <a href class="text-info">Syarip</a> Menyelesaikan PSD Mobile Kit.</p>
-          </div>
-        </div>
-        <div class="sl-item b-warning b-l">
-          <div class="m-l">
-            <div class="text-muted">Thu, 10 Mar</div>
-            <p class="text-grey"><a href class="text-info">Fajar</a> memberikan masukan Crossbrowser Testing</p>
-          </div>
-        </div>
-        <div class="sl-item b-info b-l">
-          <div class="m-l">
-            <div class="text-muted">Sat, 5 Mar</div>
-            <p class="text-grey">Persiapan Presentasi</p>
-          </div>
-        </div>
-        <div class="sl-item b-grey b-l">
-          <div class="m-l">
-            <div class="text-muted">Sun, 11 Feb</div>
-            <p class="text-grey"><a href class="text-info">Syarip</a> menyelesaikan Task <a href class="text-info">Mockup Design</a>.</p>
-          </div>
-        </div>
-        <div class="sl-item b-grey b-l">
-          <div class="m-l">
-            <div class="text-muted">Thu, 17 Jan</div>
-            <p class="text-grey">Follow up report HTML</p>
-          </div>
-        </div>
-      </div>
-      <!-- / streamline -->
-    </div>      
-  </div>
-
-    </div>
-    <!-- end hbox hbox-auto-xs -->
-
-
+          </td>
+        </tr>
+      @endforeach
+      </tbody>
+    </table>
   </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 -->
-
-
-
-</div>
-
-<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>
+@stop
\ No newline at end of file