You are on page 1of 30

LAMPIRAN-LAMPIRAN

1. (routes/web.php)

<?php

use Illuminate\Support\Facades\Route;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

Route::get('/', function () {
return view('welcome');
});
//route CRUD
Route::get('/profil','App\Http\Controllers\ProfilController@index');
Route::get('/profil/tambah','App\Http\Controllers\
ProfilController@tambah');
Route::post('/profil/store','App\Http\Controllers\ProfilController@store');
Route::get('/profil/edit/{id}','App\Http\Controllers\ProfilController@edit');
Route::post('/profil/update','App\Http\Controllers\
ProfilController@update');
Route::get('/profil/hapus/{id}','App\Http\Controllers\
ProfilController@hapus');

//route CRUD
Route::get('/berita','App\Http\Controllers\beritacontroller@index');
Route::get('/berita/tambah','App\Http\Controllers\
beritacontroller@tambah');
Route::post('/berita/store','App\Http\Controllers\beritacontroller@store');
Route::get('/berita/edit/{id}','App\Http\Controllers\beritacontroller@edit');
Route::post('/berita/update','App\Http\Controllers\beritacontroller@update');
Route::get('/berita/hapus/{id}','App\Http\Controllers\
beritacontroller@hapus');

//route CRUD
Route::get('/galeri','App\Http\Controllers\galericontroller@index');
Route::get('/galeri/tambah','App\Http\Controllers\
galericontroller@tambah');
Route::post('/galeri/store','App\Http\Controllers\galericontroller@store');
Route::get('/galeri/edit/{id}','App\Http\Controllers\galericontroller@edit');
Route::post('/galeri/update','App\Http\Controllers\galericontroller@update');
Route::get('/galeri/hapus/{id}','App\Http\Controllers\
galericontroller@hapus');

//route CRUD
Route::get('/kontak','App\Http\Controllers\kontakcontroller@index');
Route::get('/kontak/tambah','App\Http\Controllers\
kontakcontroller@tambah');
Route::post('/kontak/store','App\Http\Controllers\kontakcontroller@store');
Route::get('/kontak/edit/{id}','App\Http\Controllers\
kontakcontroller@edit');
Route::post('/kontak/update','App\Http\Controllers\
kontakcontroller@update');
Route::get('/kontak/hapus/{id}','App\Http\Controllers\
kontakcontroller@hapus');

2. (Controllers/ProfilController.php)

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;

class ProfilController extends Controller


{
public function index()
{
// mengambil data dari table profil
$profil = DB::table('profil_wulaan')->get();

// mengirim data profil ke view index


return view('profil/index',['profil' => $profil]);

}
// method untuk menampilkan view form tambah profil
public function tambah()
{

// memanggil view tambah


return view('profil/tambah');

}
// method untuk insert data ke table profil_wulaan
public function store(Request $request)
{
// insert data ke table profil_wulaan
DB::table('profil_wulaan')->insert([
'profil_wulaan' => $request->profil_wulaan,
'visi_wulaan' => $request->visi_wulaan,
'misi_wulaan' => $request->misi_wulaan,
]);
// alihkan halaman ke halaman profil
return redirect('/profil');

}
// method untuk edit data profil
public function edit($id_profil_wulaan)
{
// mengambil data profil berdasarkan id yang dipilih
$profil = DB::table('profil_wulaan')->where('id_profil_wulaan',
$id_profil_wulaan)->get();
// passing data profil yang didapat ke view edit.blade.php
return view('profil/edit',['profil' => $profil]);

}
// update data profil
public function update(Request $request)
{
// update data profil
DB::table('profil_wulaan')->where('id_profil_wulaan',$request-
>id_profil_wulaan)->update([
'profil_wulaan' => $request->profil,
'visi_wulaan' => $request->visi,
'misi_wulaan' => $request->misi
]);
// alihkan halaman ke halaman profil
return redirect('/profil');
}
// method untuk hapus data profil
public function hapus($id_profil_wulaan)
{
// menghapus data profil berdasarkan id yang dipilih
DB::table('profil_wulaan')->where('id_profil_wulaan',$id_profil_wulaan)-
>delete();

// alihkan halaman ke halaman profil


return redirect('/profil');
}
}

3. (views/profil/index.blade.php)

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

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>SB Admin 2 - Tables</title>

<!-- Custom fonts for this template -->


<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet"
type="text/css">
<link
href="https://fonts.googleapis.com/css?
family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,9
00i"
rel="stylesheet">

<!-- Custom styles for this template -->


<link href="assets/css/sb-admin-2.min.css" rel="stylesheet">

<!-- Custom styles for this page -->


<link href="vendor/datatables/dataTables.bootstrap4.min.css"
rel="stylesheet">

</head>

<body id="page-top">

<!-- Page Wrapper -->


<div id="wrapper">

<!-- Sidebar -->


<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark
accordion" id="accordionSidebar">

<!-- Sidebar - Brand -->


<a class="sidebar-brand d-flex align-items-center justify-content-
center" href="index.html">
<div class="sidebar-brand-icon rotate-n-15">
<i class="fas fa-laugh-wink"></i>
</div>
<div class="sidebar-brand-text mx-3">Admin Page </div>
</a>

<!-- Divider -->


<hr class="sidebar-divider my-0">

<!-- Nav Item - Dashboard -->


<li class="nav-item">
<a class="nav-link" href="index.html">
<i class="fas fa-fw fa-tachometer-alt"></i>
<span>Profil</span></a>
</li>

<!-- Divider -->


<hr class="sidebar-divider">

<!-- Heading -->

<!-- Nav Item - Pages Collapse Menu -->


<li class="nav-item">
<a class="nav-link " href="/profil" >
<i class="fas fa-fw fa-cog"></i>
<span>Profil</span>
</a>

</li>

<!-- Nav Item - berita Collapse Menu -->


<li class="nav-item">
<a class="nav-link " href="/berita" >
<i class="fas fa-fw fa-wrench"></i>
<span>Berita</span>
</a>

</li>

<!-- Divider -->

<!-- Heading -->

<!-- Nav Item - Pages Collapse Menu -->


<li class="nav-item">
<a class="nav-link " href="/galeri">
<i class="fas fa-fw fa-folder"></i>
<span>Galeri</span>
</a>

</li>

<!-- Nav Item - Charts -->


<li class="nav-item">
<a class="nav-link" href="/kontak">
<i class="fas fa-fw fa-chart-area"></i>
<span>Kontak</span></a>
</li>

<!-- Nav Item - Tables -->

<!-- Divider -->


<hr class="sidebar-divider d-none d-md-block">

<!-- Sidebar Toggler (Sidebar) -->

</ul>
<!-- End of Sidebar -->

<!-- Content Wrapper -->


<div id="content-wrapper" class="d-flex flex-column">

<!-- Main Content -->


<div id="content">

<!-- Topbar -->


<nav class="navbar navbar-expand navbar-light bg-white topbar
mb-4 static-top shadow">

<!-- Sidebar Toggle (Topbar) -->


<form class="form-inline">
<button id="sidebarToggleTop" class="btn btn-link d-md-none
rounded-circle mr-3">
<i class="fa fa-bars"></i>
</button>
</form>
<!-- Topbar Search -->
<form
class="d-none d-sm-inline-block form-inline mr-auto ml-md-3
my-2 my-md-0 mw-100 navbar-search">
<div class="input-group">
<input type="text" class="form-control bg-light border-0
small" placeholder="Search for..."
aria-label="Search" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-primary" type="button">
<i class="fas fa-search fa-sm"></i>
</button>
</div>
</div>
</form>

<!-- Topbar Navbar -->


<ul class="navbar-nav ml-auto">

<!-- Nav Item - Search Dropdown (Visible Only XS) -->


<li class="nav-item dropdown no-arrow d-sm-none">
<a class="nav-link dropdown-toggle" href="#"
id="searchDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
<i class="fas fa-search fa-fw"></i>
</a>
<!-- Dropdown - Messages -->
<div class="dropdown-menu dropdown-menu-right p-3
shadow animated--grow-in"
aria-labelledby="searchDropdown">
<form class="form-inline mr-auto w-100 navbar-search">
<div class="input-group">
<input type="text" class="form-control bg-light
border-0 small"
placeholder="Search for..." aria-label="Search"
aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-primary" type="button">
<i class="fas fa-search fa-sm"></i>
</button>
</div>
</div>
</form>
</div>
</li>

<!-- Nav Item - Alerts -->

<!-- Nav Item - Messages -->

<div class="topbar-divider d-none d-sm-block"></div>

<!-- Nav Item - User Information -->


<li class="nav-item dropdown no-arrow">
<a class="nav-link dropdown-toggle" href="#"
id="userDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
<span class="mr-2 d-none d-lg-inline text-gray-600
small">WulanFudjaaWindi</span>
<img class="img-profile rounded-circle"
src="img/undraw_profile.svg">
</a>
<!-- Dropdown - User Information -->
<div class="dropdown-menu dropdown-menu-right shadow
animated--grow-in"
aria-labelledby="userDropdown">

<a class="dropdown-item" href="#" data-toggle="modal"


data-target="#logoutModal">
<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-
400"></i>
Logout
</a>
</div>
</li>

</ul>

</nav>
<!-- End of Topbar -->

<!-- Begin Page Content -->


<div class="container-fluid">

<!-- Page Heading -->


<h1 class="h3 mb-2 text-gray-800">Profil</h1>

<!-- DataTales Example -->


<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary"><a
href="/profil/tambah"> + Tambah profil Baru</a></h6>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" id="dataTable"
width="100%" cellspacing="0">
<thead>
<tr>
<th>profil</th>
<th>visi</th>
<th>misi</th>
</tr>

</thead>
@foreach($profil as $p)
<tbody>

<tr>
<td>{{ $p->profil_wulaan }}</td>
<td>{{ $p->visi_wulaan }}</td>
<td>{{ $p->misi_wulaan }}</td>
<td>
<a class="btn btn-primary" href="/profil/edit/{{ $p-
>id_profil_wulaan }}">Edit</a>

<a class="btn btn-danger" href="/profil/hapus/{{ $p-


>id_profil_wulaan }}">Hapus</a>
</td>
</tr>
@endforeach

</tbody>
</table>
</div>
</div>
</div>

</div>
<!-- /.container-fluid -->

</div>
<!-- End of Main Content -->

<!-- Footer -->


<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright &copy; WulaanFudjaaWindi website
Tropisianimal 2021</span>
</div>
</div>
</footer>
<!-- End of Footer -->

</div>
<!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->


<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<!-- Logout Modal-->


<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Ready to
Leave?</h5>
<button class="close" type="button" data-dismiss="modal" aria-
label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">Select "Logout" below if you are ready to
end your current session.</div>
<div class="modal-footer">
<button class="btn btn-secondary" type="button" data-
dismiss="modal">Cancel</button>
<a class="btn btn-primary" href="login.html">Logout</a>
</div>
</div>
</div>
</div>

<!-- Bootstrap core JavaScript-->


<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->


<script src="vendor/jquery-easing/jquery.easing.min.js"></script>

<!-- Custom scripts for all pages-->


<script src="js/assets/sb-admin-2.min.js"></script>

<!-- Page level plugins -->


<script src="vendor/datatables/jquery.dataTables.min.js"></script>
<script src="vendor/datatables/dataTables.bootstrap4.min.js"></script>

<!-- Page level custom scripts -->


<script src="js/assets/demo/datatables-demo.js"></script>

</body>

</html>

4. (views/profil/tambah.blade.php)

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

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>SB Admin 2 - Tables</title>

<!-- Custom fonts for this template -->


<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet"
type="text/css">
<link
href="https://fonts.googleapis.com/css?
family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,9
00i"
rel="stylesheet">

<!-- Custom styles for this template -->


<link href="../assets/css/sb-admin-2.min.css" rel="stylesheet">

<!-- Custom styles for this page -->


<link href="vendor/datatables/dataTables.bootstrap4.min.css"
rel="stylesheet">

</head>

<body id="page-top">

<!-- Page Wrapper -->


<div id="wrapper">

<!-- Sidebar -->


<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark
accordion" id="accordionSidebar">

<!-- Sidebar - Brand -->


<a class="sidebar-brand d-flex align-items-center justify-content-
center" href="index.html">
<div class="sidebar-brand-icon rotate-n-15">
<i class="fas fa-laugh-wink"></i>
</div>
<div class="sidebar-brand-text mx-3">Admin Page </div>
</a>

<!-- Divider -->


<hr class="sidebar-divider my-0">

<!-- Nav Item - Dashboard -->


<li class="nav-item">
<a class="nav-link" href="index.html">
<i class="fas fa-fw fa-tachometer-alt"></i>
<span>Profil</span></a>
</li>

<!-- Divider -->


<hr class="sidebar-divider">

<!-- Heading -->

<!-- Nav Item - Pages Collapse Menu -->


<li class="nav-item">
<a class="nav-link " href="/profil" >
<i class="fas fa-fw fa-cog"></i>
<span>Profil</span>
</a>

</li>

<!-- Nav Item - berita Collapse Menu -->


<li class="nav-item">
<a class="nav-link " href="/berita" >
<i class="fas fa-fw fa-wrench"></i>
<span>Berita</span>
</a>

</li>

<!-- Divider -->

<!-- Heading -->

<!-- Nav Item - Pages Collapse Menu -->


<li class="nav-item">
<a class="nav-link " href="/galeri">
<i class="fas fa-fw fa-folder"></i>
<span>Galeri</span>
</a>

</li>

<!-- Nav Item - Charts -->


<li class="nav-item">
<a class="nav-link" href="/kontak">
<i class="fas fa-fw fa-chart-area"></i>
<span>Kontak</span></a>
</li>

<!-- Nav Item - Tables -->


<!-- Divider -->
<hr class="sidebar-divider d-none d-md-block">

<!-- Sidebar Toggler (Sidebar) -->

</ul>
<!-- End of Sidebar -->

<!-- Content Wrapper -->


<div id="content-wrapper" class="d-flex flex-column">

<!-- Main Content -->


<div id="content">

<!-- Topbar -->


<nav class="navbar navbar-expand navbar-light bg-white topbar
mb-4 static-top shadow">

<!-- Sidebar Toggle (Topbar) -->


<form class="form-inline">
<button id="sidebarToggleTop" class="btn btn-link d-md-none
rounded-circle mr-3">
<i class="fa fa-bars"></i>
</button>
</form>

<!-- Topbar Search -->


<form
class="d-none d-sm-inline-block form-inline mr-auto ml-md-3
my-2 my-md-0 mw-100 navbar-search">
<div class="input-group">
<input type="text" class="form-control bg-light border-0
small" placeholder="Search for..."
aria-label="Search" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-primary" type="button">
<i class="fas fa-search fa-sm"></i>
</button>
</div>
</div>
</form>

<!-- Topbar Navbar -->


<ul class="navbar-nav ml-auto">

<!-- Nav Item - Search Dropdown (Visible Only XS) -->


<li class="nav-item dropdown no-arrow d-sm-none">
<a class="nav-link dropdown-toggle" href="#"
id="searchDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
<i class="fas fa-search fa-fw"></i>
</a>
<!-- Dropdown - Messages -->
<div class="dropdown-menu dropdown-menu-right p-3
shadow animated--grow-in"
aria-labelledby="searchDropdown">
<form class="form-inline mr-auto w-100 navbar-search">
<div class="input-group">
<input type="text" class="form-control bg-light
border-0 small"
placeholder="Search for..." aria-label="Search"
aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-primary" type="button">
<i class="fas fa-search fa-sm"></i>
</button>
</div>
</div>
</form>
</div>
</li>

<!-- Nav Item - Alerts -->


<!-- Nav Item - Messages -->

<div class="topbar-divider d-none d-sm-block"></div>

<!-- Nav Item - User Information -->


<li class="nav-item dropdown no-arrow">
<a class="nav-link dropdown-toggle" href="#"
id="userDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
<span class="mr-2 d-none d-lg-inline text-gray-600
small">WulanFudjaaWindi</span>
<img class="img-profile rounded-circle"
src="img/undraw_profile.svg">
</a>
<!-- Dropdown - User Information -->
<div class="dropdown-menu dropdown-menu-right shadow
animated--grow-in"
aria-labelledby="userDropdown">

<a class="dropdown-item" href="#" data-toggle="modal"


data-target="#logoutModal">
<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-
400"></i>
Logout
</a>
</div>
</li>

</ul>

</nav>
<!-- End of Topbar -->

<!-- Begin Page Content -->


<div class="container-fluid">

<!-- Page Heading -->


<h1 class="h3 mb-2 text-gray-800">Profil</h1>

<!-- DataTales Example -->


<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary"><a
href="/profil/tambah"> + Tambah profil Baru</a></h6>
</div>
<div class="card-body">
<div class="table-responsive">

<a href="/profil">
Kembali</a>

<br/>
<br/>

<form action="/profil/store"
method="post">
{{ csrf_field() }}
profil <textarea
class="form-control" id="profil_wulaan" name="profil_wulaan" rows="4"
cols="50"></textarea> <br/>
visi <textarea
class="form-control" id="profil_wulaan" name="visi_wulaan" rows="4"
cols="50"></textarea> <br/>
misi <textarea
class="form-control" id="profil_wulaan" name="misi_wulaan" rows="4"
cols="50"></textarea> <br/>
<input class="btn btn-
primary" type="submit" value="Simpan Data">
</form>

</div>
</div>
</div>

</div>
<!-- /.container-fluid -->
</div>
<!-- End of Main Content -->

<!-- Footer -->


<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright &copy; WulaanFudjaaWindi website
Tropisianimal 2021</span>
</div>
</div>
</footer>
<!-- End of Footer -->

</div>
<!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->


<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<!-- Logout Modal-->


<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Ready to
Leave?</h5>
<button class="close" type="button" data-dismiss="modal" aria-
label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">Select "Logout" below if you are ready to
end your current session.</div>
<div class="modal-footer">
<button class="btn btn-secondary" type="button" data-
dismiss="modal">Cancel</button>
<a class="btn btn-primary" href="login.html">Logout</a>
</div>
</div>
</div>
</div>

<!-- Bootstrap core JavaScript-->


<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->


<script src="vendor/jquery-easing/jquery.easing.min.js"></script>

<!-- Custom scripts for all pages-->


<script src="js/assets/sb-admin-2.min.js"></script>

<!-- Page level plugins -->


<script src="vendor/datatables/jquery.dataTables.min.js"></script>
<script src="vendor/datatables/dataTables.bootstrap4.min.js"></script>

<!-- Page level custom scripts -->


<script src="js/assets/demo/datatables-demo.js"></script>

</body>

</html>

5. (views/profil/edit.blade.php)

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

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>SB Admin 2 - Tables</title>

<!-- Custom fonts for this template -->


<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet"
type="text/css">
<link
href="https://fonts.googleapis.com/css?
family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,9
00i"
rel="stylesheet">

<!-- Custom styles for this template -->


<link href="../../assets/css/sb-admin-2.min.css" rel="stylesheet">

<!-- Custom styles for this page -->


<link href="vendor/datatables/dataTables.bootstrap4.min.css"
rel="stylesheet">

</head>

<body id="page-top">

<!-- Page Wrapper -->


<div id="wrapper">

<!-- Sidebar -->


<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark
accordion" id="accordionSidebar">

<!-- Sidebar - Brand -->


<a class="sidebar-brand d-flex align-items-center justify-content-
center" href="index.html">
<div class="sidebar-brand-icon rotate-n-15">
<i class="fas fa-laugh-wink"></i>
</div>
<div class="sidebar-brand-text mx-3">Admin Page </div>
</a>

<!-- Divider -->


<hr class="sidebar-divider my-0">

<!-- Nav Item - Dashboard -->


<li class="nav-item">
<a class="nav-link" href="index.html">
<i class="fas fa-fw fa-tachometer-alt"></i>
<span>Profil</span></a>
</li>

<!-- Divider -->


<hr class="sidebar-divider">

<!-- Heading -->

<!-- Nav Item - Pages Collapse Menu -->


<li class="nav-item">
<a class="nav-link " href="/profil" >
<i class="fas fa-fw fa-cog"></i>
<span>Profil</span>
</a>

</li>

<!-- Nav Item - berita Collapse Menu -->


<li class="nav-item">
<a class="nav-link " href="/berita" >
<i class="fas fa-fw fa-wrench"></i>
<span>Berita</span>
</a>

</li>

<!-- Divider -->


<!-- Heading -->

<!-- Nav Item - Pages Collapse Menu -->


<li class="nav-item">
<a class="nav-link " href="/galeri">
<i class="fas fa-fw fa-folder"></i>
<span>Galeri</span>
</a>

</li>

<!-- Nav Item - Charts -->


<li class="nav-item">
<a class="nav-link" href="/kontak">
<i class="fas fa-fw fa-chart-area"></i>
<span>Kontak</span></a>
</li>

<!-- Nav Item - Tables -->

<!-- Divider -->


<hr class="sidebar-divider d-none d-md-block">

<!-- Sidebar Toggler (Sidebar) -->

</ul>
<!-- End of Sidebar -->

<!-- Content Wrapper -->


<div id="content-wrapper" class="d-flex flex-column">

<!-- Main Content -->


<div id="content">

<!-- Topbar -->


<nav class="navbar navbar-expand navbar-light bg-white topbar
mb-4 static-top shadow">

<!-- Sidebar Toggle (Topbar) -->


<form class="form-inline">
<button id="sidebarToggleTop" class="btn btn-link d-md-none
rounded-circle mr-3">
<i class="fa fa-bars"></i>
</button>
</form>

<!-- Topbar Search -->


<form
class="d-none d-sm-inline-block form-inline mr-auto ml-md-3
my-2 my-md-0 mw-100 navbar-search">
<div class="input-group">
<input type="text" class="form-control bg-light border-0
small" placeholder="Search for..."
aria-label="Search" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-primary" type="button">
<i class="fas fa-search fa-sm"></i>
</button>
</div>
</div>
</form>

<!-- Topbar Navbar -->


<ul class="navbar-nav ml-auto">

<!-- Nav Item - Search Dropdown (Visible Only XS) -->


<li class="nav-item dropdown no-arrow d-sm-none">
<a class="nav-link dropdown-toggle" href="#"
id="searchDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
<i class="fas fa-search fa-fw"></i>
</a>
<!-- Dropdown - Messages -->
<div class="dropdown-menu dropdown-menu-right p-3
shadow animated--grow-in"
aria-labelledby="searchDropdown">
<form class="form-inline mr-auto w-100 navbar-search">
<div class="input-group">
<input type="text" class="form-control bg-light
border-0 small"
placeholder="Search for..." aria-label="Search"
aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-primary" type="button">
<i class="fas fa-search fa-sm"></i>
</button>
</div>
</div>
</form>
</div>
</li>

<!-- Nav Item - Alerts -->

<!-- Nav Item - Messages -->

<div class="topbar-divider d-none d-sm-block"></div>

<!-- Nav Item - User Information -->


<li class="nav-item dropdown no-arrow">
<a class="nav-link dropdown-toggle" href="#"
id="userDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
<span class="mr-2 d-none d-lg-inline text-gray-600
small">WulanFudjaaWindi</span>
<img class="img-profile rounded-circle"
src="img/undraw_profile.svg">
</a>
<!-- Dropdown - User Information -->
<div class="dropdown-menu dropdown-menu-right shadow
animated--grow-in"
aria-labelledby="userDropdown">

<a class="dropdown-item" href="#" data-toggle="modal"


data-target="#logoutModal">
<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-
400"></i>
Logout
</a>
</div>
</li>

</ul>

</nav>
<!-- End of Topbar -->

<!-- Begin Page Content -->


<div class="container-fluid">

<!-- Page Heading -->


<h1 class="h3 mb-2 text-gray-800">Profil</h1>

<!-- DataTales Example -->


<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary"><a
href="/profil/tambah"> Edit profil Baru</a></h6>
</div>
<div class="card-body">
<div class="table-responsive">

<a href="/profil">
Kembali</a>

<br/>
<br/>
@foreach($profil as $p)
<form action="/profil/update"
method="post">
{{ csrf_field() }}
<input type="hidden"
name="id_profil_wulaan" value="{{ $p->id_profil_wulaan }}"> <br/>
profil <textarea
class="form-control" required="required" name="profil">{{ $p-
>profil_wulaan }}</textarea><br/>
visi <textarea
class="form-control" required="required" name="visi">{{ $p-
>visi_wulaan }}</textarea><br/>
misi <textarea
class="form-control" required="required" name="misi">{{ $p-
>misi_wulaan }}</textarea><br/>
<input type="submit"
value="Simpan Data">
</form>
@endforeach
</div>
</div>
</div>

</div>
<!-- /.container-fluid -->

</div>
<!-- End of Main Content -->

<!-- Footer -->


<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright &copy; WulaanFudjaaWindi website
Tropisianimal 2021</span>
</div>
</div>
</footer>
<!-- End of Footer -->
</div>
<!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->


<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<!-- Logout Modal-->


<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Ready to
Leave?</h5>
<button class="close" type="button" data-dismiss="modal" aria-
label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">Select "Logout" below if you are ready to
end your current session.</div>
<div class="modal-footer">
<button class="btn btn-secondary" type="button" data-
dismiss="modal">Cancel</button>
<a class="btn btn-primary" href="login.html">Logout</a>
</div>
</div>
</div>
</div>

<!-- Bootstrap core JavaScript-->


<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>

<!-- Custom scripts for all pages-->


<script src="js/assets/sb-admin-2.min.js"></script>

<!-- Page level plugins -->


<script src="vendor/datatables/jquery.dataTables.min.js"></script>
<script src="vendor/datatables/dataTables.bootstrap4.min.js"></script>

<!-- Page level custom scripts -->


<script src="js/assets/demo/datatables-demo.js"></script>

</body>
</html>

You might also like