diff --git a/app/Http/Controllers/CustomersController.php b/app/Http/Controllers/CustomersController.php
index 56cd6c2..e3a14a5 100644
--- a/app/Http/Controllers/CustomersController.php
+++ b/app/Http/Controllers/CustomersController.php
@@ -162,7 +162,10 @@ class CustomersController extends Controller
             'noakaun' => $request->no_akaun,
             'teller' => $auth_user['name'],
             'telefon2' => $request->alternate_phone,
-            'nosiri' => $nosiri_latest
+            'nosiri' => $nosiri_latest,
+            'nota'=>$request->nota,
+            'kodkerja'=>$request->pekerjaan,
+            'tujuangadai'=>$request->tujuan_gadai,
         ]);
 
         Session::put('customer_info',$customer_info);
diff --git a/app/Http/Controllers/GadaianController.php b/app/Http/Controllers/GadaianController.php
index f33508a..4a33a80 100644
--- a/app/Http/Controllers/GadaianController.php
+++ b/app/Http/Controllers/GadaianController.php
@@ -25,14 +25,10 @@ class GadaianController extends Controller
         $curent_year = substr($current->year,2,2);
         $curent_month = sprintf("%02d", $current->month);
         $current_day = sprintf("%02d", $current->day);
-        // dd($current_day);
         $noic = $request->noic;
         $customers_info = Http::get(config('api.url') . '/api/customers/'. $noic)->json();
         $customer_info = $customers_info[0];
-        // $limit_pinjaman_semasa = $customer_info['limit_pinjaman'] - $customer_info['pinjaman_semasa'];
         $limit_pinjaman_semasa = 0;
-        $auth_user = Auth::user();
-        // dd($request->session()->get('page_reload'));
         if($request->session()->get('page_reload') == null){
             $gadai_transaction = Http::get(config('api.url') . '/api/gadai/'. $auth_user['cawangan'] . '/' . $current->toDateString())->json();
             if($gadai_transaction){
@@ -89,12 +85,10 @@ class GadaianController extends Controller
     
     public function store(Request $request){
         $auth_user = Auth::user();
-        // dd($request);
         $total_nilai_marhun = $request->total_nilai_marhun;
         $total_nilai_marhun = str_replace(',','',$total_nilai_marhun);
         
         $margin_pinjaman = $request->pinjaman / $total_nilai_marhun;
-        // dd($margin_pinjaman);
         $kadarupah = $request->kadarkeuntungan * 100;
         $keuntungan6bulan = $request->keuntungan_6bln;
         $keuntungan12bulan = $request->keuntungan_sebulan*12;
@@ -161,7 +155,6 @@ class GadaianController extends Controller
 
     public function cetakSAG(Request $request){
         $auth_user = Auth::user();
-        // dd($request);
 
         $gadai = Http::put(config('api.url').'/api/gadai/norujukan/cetak/'.$auth_user['cawangan'].'/'.$request->norujukan_modal);
 
@@ -169,7 +162,6 @@ class GadaianController extends Controller
     }
 
     public function serahMarhun(Request $request){
-        // dd($request);
         $auth_user = Auth::user();
         $norujukan_serah = $request->norujukanpilih;
 
@@ -180,8 +172,6 @@ class GadaianController extends Controller
             unset($arraynorujukan[$results]);
         }
 
-        // dd($arraynorujukan);
-
         foreach($arraynorujukan as $index=>$norujukan){
             $gadai = Http::put(config('api.url'). '/api/gadai/norujukan/serah/'. $auth_user['cawangan'] .'/'. $norujukan);
 
diff --git a/app/Http/Controllers/KakitanganController.php b/app/Http/Controllers/KakitanganController.php
new file mode 100644
index 0000000..563dbd5
--- /dev/null
+++ b/app/Http/Controllers/KakitanganController.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Http;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+use App\User;
+use App\Role;
+
+
+class KakitanganController extends Controller
+{
+    public function __construct(){
+        $this->middleware('auth');
+    }
+
+    public function daftarKakitangan(){
+        $api_url = config('api.url');
+        $auth_user = Auth::user();
+        $cawangan_info = Http::get(config('api.url') . '/api/cawangan/'. $auth_user['cawangan'])->json();
+        $role = Role::get();
+        return view('operasi.daftar_kakitangan',compact('cawangan_info','api_url','role'));
+    }
+
+    public function registerStaff(Request $request){
+        
+        $validated = $request->validate([
+            'nama' => 'required',
+            'email' => 'required|email',
+            'nokp' => 'required',
+            'telefon' => 'required',
+            'cawangan' => 'required',
+            'role' => 'required'
+        ]);
+
+        $new_staff = User::create([
+            'name' => $request->nama,
+            'email' => $request->email,
+            'password' => Hash::make($request->nokp),
+            'no_kp' => $request->nokp,
+            'no_telefon' => $request->telefon,
+            'roles' => $request->role,
+            'cawangan' => $request->cawangan
+        ]);
+
+        return redirect()->route('daftar.kakitangan');
+    }
+}
diff --git a/app/Http/Controllers/UserController.php b/app/Http/Controllers/UserController.php
index cce41e9..639d36a 100644
--- a/app/Http/Controllers/UserController.php
+++ b/app/Http/Controllers/UserController.php
@@ -3,6 +3,9 @@
 namespace App\Http\Controllers;
 
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Http;
+use Illuminate\Support\Facades\Auth;
+use App\User;
 
 class UserController extends Controller
 {
@@ -12,6 +15,9 @@ class UserController extends Controller
     }
 
     public function index(){
-        return view('user.index');
+        $api_url = config('api.url');
+        $auth_user = Auth::user();
+        $cawangan_info = Http::get(config('api.url') . '/api/cawangan/'. $auth_user['cawangan'])->json();
+        return view('user.index',compact('cawangan_info','api_url'));
     }
 }
diff --git a/app/Role.php b/app/Role.php
new file mode 100644
index 0000000..2fa8957
--- /dev/null
+++ b/app/Role.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Role extends Model
+{
+    protected $table = 'roles';
+
+    protected $fillable = [
+        'keterangan'
+    ];
+}
diff --git a/app/User.php b/app/User.php
index 0e088c8..7864618 100644
--- a/app/User.php
+++ b/app/User.php
@@ -16,7 +16,7 @@ class User extends Authenticatable
      * @var array
      */
     protected $fillable = [
-        'name', 'email', 'password','roles',
+        'name', 'email', 'password','roles','no_kp','no_telefon','cawangan',
     ];
 
     /**
diff --git a/resources/views/customers/info.blade.php b/resources/views/customers/info.blade.php
index 5a8da72..ce8e544 100644
--- a/resources/views/customers/info.blade.php
+++ b/resources/views/customers/info.blade.php
@@ -57,6 +57,32 @@
                                     <span id="errortelefon2" style="color:red;"></span>
                                 </div>
                             </div>
+                            <div class='form-group row col-md-12'>
+                                <div class='col-md-5'>
+                                    Bank
+                                </div>
+                                <div class='col-md-7'>
+                                    <!-- <input type="text" readonly name='kodbank' id='kodbank' value="{{ $customer_info['kodbank'] }}" class='form-control'> -->
+                                    @php
+                                        $bank = Http::get($api_url . '/api/bank')->json();
+                                    @endphp
+                                    <select class="form-control" name="kodbank" data-placeholder="Pilih Bank" id="kodbank" disabled="true">
+                                        @foreach($bank as $banks)    
+                                            <option value="{{ $banks['abbreviation'] }}" @if($banks['abbreviation'] == $customer_info['kodbank']) {selected} @endif>{{ $banks['name'] }}</option>
+                                        @endforeach
+                                    </select>
+                                    <span id="errorkodbank" style="color:red;"></span>
+                                </div>
+                            </div>
+                            <div class='form-group row col-md-12'>
+                                <div class='col-md-5'>
+                                    No Akaun
+                                </div>
+                                <div class='col-md-7'>
+                                    <input type="text" readonly name='noakaun' id='noakaun' value="{{ $customer_info['noakaun'] }}" class='form-control'>
+                                    <span id="errornoakaun" style="color:red;"></span>
+                                </div>
+                            </div>
                         </div>
                         <div class='col-md-6'>
                             <div class='form-group row col-md-12'>
@@ -97,11 +123,20 @@
                                     <input type="text" readonly name='kodnegeri' id='kodnegeri' value="{{ $negeri['negeri'] }}" class='form-control'>
                                 </div>
                             </div>
+                            <div class='form-group row col-md-12'>
+                                <div class='col-md-4'>
+                                    Nota
+                                </div>
+                                <div class='col-md-8'>
+                                    <textarea style="resize:none" name="nota" id="nota" cols="30" rows="3" readonly class='form-control'>{{ $customer_info['nota'] }}</textarea>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </form>
                 <div class="mr-5 form-group float-right">
                     <button type="button" class="btn btn-primary" onclick="kemaskinifunc()" id="btnkemaskini">Kemaskini</button>
+                    <button type="button" class="btn btn-primary" onclick="kemaskinipelanggan()" id="btnsave">Save</button>
                     <button type="button" class="btn btn-primary" id="btnotp">Daftar Akaun Online</button>
                 </div> 
             </div>
@@ -190,7 +225,7 @@
                             @php
                                 $outstanding_semasa = Http::get($api_url . '/api/gadai/customers/'. $customer_info['kpbaru'] .'/outstandingsemasa')->json();
                             @endphp
-                            <input type="text" class="form-control" name="noic" id="noic" readonly value="{{ number_format($outstanding_semasa,2) }}">
+                            <input type="text" class="form-control" name="outstanding_semasa" id="outstanding_semasa" readonly value="{{ number_format($outstanding_semasa,2) }}">
                         </div>
                     </div>
                 </div>
@@ -200,7 +235,7 @@
                             Nota
                         </div>
                         <div class="col-md-8">
-                            <input type="text" class="form-control" name="noic" id="noic" readonly value="{{ $customer_info['nota'] }}">
+                            <input type="text" class="form-control" name="nota_semasa" id="nota_semasa" readonly value="{{ $customer_info['nota'] }}">
                         </div>
                     </div>
                 </div>
@@ -398,6 +433,7 @@
         $('#myTable').parents('div.dataTables_wrapper').first().hide();
         $('#dahtebusTable').parents('div.dataTables_wrapper').first().hide();
         $('#lelongTable').parents('div.dataTables_wrapper').first().hide();
+        $('#btnsave').css('display','none');
 
         var noic = $("#noic").val();
         $.ajax({
@@ -703,12 +739,14 @@
         $('#btnkemaskini').removeClass('btn-primary');
         $('#btnkemaskini').text('Cancel');
         $('#btnkemaskini').attr('onclick','cancelbutton()');
-        $('#btnotp').text('Save');
-        $('#btnotp').attr('onclick','kemaskinipelanggan()');
-
+        $('#btnsave').show();
+        $('#btnotp').css('display','none');
         //attribute nak readonly false
         $('#telefon').attr('readonly', false);
         $('#telefon2').attr('readonly', false);
+        $('#kodbank').attr('disabled', false);
+        $('#noakaun').attr('readonly', false);
+        $('#nota').attr('readonly', false);
 
     }
 
@@ -718,36 +756,42 @@
         $('#btnkemaskini').addClass('btn-primary');
         $('#btnkemaskini').text('Kemaskini');
         $('#btnkemaskini').attr('onclick','kemaskinifunc()');
-        $('#btnotp').text('Daftar Akuan Online');
-        $('#btnotp').attr('onclick','#');
+        $('#btnsave').css('display','none');
+        $('#btnotp').show();
 
         document.getElementById("kemaskiniform").reset();
 
         //attribute nak readonly false
         $('#telefon').attr('readonly', true);
         $('#telefon2').attr('readonly', true);
-
+        $('#kodbank').attr('disabled', true);
+        $('#noakaun').attr('readonly', true);
+        $('#nota').attr('readonly', true);
     }
 
         $("#kemaskiniform").submit(function(event) {
             event.preventDefault();
 
-            var alamat = $('#alamat').val();
             var nokp = $('#icno').val();
-            var poskod = $('#poskod').val();
             var telefon1 = $('#telefon').val();
             var telefon2 = $('#telefon2').val();
+            var kodbank = $('#kodbank').val();
+            var noakaun = $('#noakaun').val();
+            var nota = $('#nota').val();
 
                     $.ajax({
                     method:"put",
-                    url: api_url + "/api/customersonline/" + nokp,
+                    url: api_url + "/api/customers/update/kaunter/" + nokp,
                     data:{
-                            "alamat": alamat,
-                            "poskod": poskod,
                             "telefon1": telefon1,
-                            "telefon2": telefon2
+                            "telefon2": telefon2,
+                            "kodbank":kodbank,
+                            "noakaun":noakaun,
+                            'nota':nota
                         },
                     success: function(success){
+                        $('#btnsave').css('display','none');
+                        $('#btnotp').show();
                         Swal.fire({
                             icon: 'success',
                             title: 'Berjaya',
@@ -771,7 +815,7 @@
         var errortelefon1 = 0;
         var errortelefon2 = 0;
        
-        if(!($('#telefon').val().length > 10 && $('#telefon').val().length < 12))
+        if(!($('#telefon').val().length >= 9 && $('#telefon').val().length < 12))
         {
             $('#errortelefon').show();
             $('#errortelefon').text("*lebih kecil dari 10 dan lebih besar dari 12");
@@ -787,7 +831,7 @@
 
         if($('#telefon2').val() != '')
         {
-            if(!($('#telefon2').val().length > 10 && $('#telefon2').val().length < 12))
+            if(!($('#telefon2').val().length >= 9 && $('#telefon2').val().length < 12))
             {
                 $('#errortelefon2').show();
                 $('#errortelefon2').text("*lebih kecil dari 10 dan lebih besar dari 12");
diff --git a/resources/views/homepage/operasi/home.blade.php b/resources/views/homepage/operasi/home.blade.php
index c5c1eb8..2f52d03 100644
--- a/resources/views/homepage/operasi/home.blade.php
+++ b/resources/views/homepage/operasi/home.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.app')
+@extends('layouts.app_operasi')
 
 @section('content')
 <div class="container">
@@ -9,9 +9,10 @@
 
                 <div class="card-body text-center">
                     <a href="{{ route('operasi.kelulusan') }}" class="btn btn-info btn-lg">Kelulusan</a>
+                    <a href="{{ route('daftar.kakitangan') }}" class="btn btn-info btn-lg">Daftar Kakitangan</a>
                 </div>
             </div>
         </div>
     </div>
 </div>
-@endsection
+@endsection
\ No newline at end of file
diff --git a/resources/views/layouts/app_operasi.blade.php b/resources/views/layouts/app_operasi.blade.php
new file mode 100644
index 0000000..d7dd71d
--- /dev/null
+++ b/resources/views/layouts/app_operasi.blade.php
@@ -0,0 +1,251 @@
+<!doctype html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- CSRF Token -->
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+
+    <title>SISTEM AR-RAHN</title>
+
+    <!-- Scripts -->
+    <script src="{{ asset('js/app.js') }}" defer></script>
+    <script src="{{ asset('vendor/adminlte/dist/js/adminlte.js') }}" defer></script>
+
+    <!-- Fonts -->
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
+
+    <!-- Styles -->
+    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
+    <link href="{{ asset('css/main.css') }}" rel="stylesheet">
+    <link href="{{ asset('vendor/adminlte/dist/css/adminlte.css') }}" rel="stylesheet">
+    <link href="{{ asset('vendor/fontawesome-free/css/all.css') }}" rel="stylesheet">
+    <link href="{{ asset('vendor/DataTables/datatables.min.css') }}" rel="stylesheet">
+    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <link href="{{ asset('css/select2.min.css') }}" rel="stylesheet" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css"/>
+    
+    <script src="{{ asset('js/jquery.min.js') }}"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+    <script src="{{ asset('js/select2.min.js') }}"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
+    <script src="{{ asset('vendor/DataTables/datatables.min.js') }}"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
+    
+    {{-- jquery validation --}}
+    <script src="{{ asset('js/jquery.validate.min.js') }}"></script>
+    <script src="{{ asset('js/additional-methods.min.js') }}"></script>
+
+    {{-- Pusher --}}
+    <script src="https://js.pusher.com/7.0/pusher.min.js"></script>
+    
+    <script>
+        function startTime() {
+            var today = new Date();
+            var d = today.getDate();
+            var mon = today.getMonth()+1;
+            var y = today.getFullYear()
+            var h = today.getHours();
+            var m = today.getMinutes();
+            var s = today.getSeconds();
+            m = checkTime(m);
+            s = checkTime(s);
+            document.getElementById('displaytime').innerHTML =
+            d + "/" + mon + "/" + y + "  " +h + ":" + m + ":" + s;
+            var t = setTimeout(startTime, 500);
+        }
+        function checkTime(i) {
+            if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
+            return i;
+        }
+    </script>
+
+</head>
+<body onload="startTime()">
+    <div id="app">
+        <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
+            <div class="container">
+                <a class="navbar-brand" href="{{ url('/') }}">
+                <img src="{{ asset('img/logo_arrahn_baru.png') }}" class="logo-arrahn-header" alt="Logo Ar Rahn" /> ar-rahn
+                </a>
+                <div id="displaytime"></div>
+                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+
+                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                    <!-- Left Side Of Navbar -->
+                    <ul class="navbar-nav mr-auto">
+                 
+                    </ul>
+
+                    <!-- Right Side Of Navbar -->
+                    <ul class="navbar-nav ml-auto">
+                        
+                        @php $auth_user = Auth::user(); @endphp
+                        @if ($auth_user['roles'] == 'khazanah')
+                            <li class="nav-item dropdown" style="margin-right:10px;">
+                                <a id="navbarDropdown" class="nav-link " href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
+                                    <i id="bell" class="fa fa-bell"></i>
+                                </a>
+
+                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                                    <div id="divbiasa">
+                                        <a class="dropdown-item" href="#">
+                                            {{ __('BlaBla') }}
+                                        </a>
+                                    </div>
+                                </div>
+                            </li>
+
+                            <script>
+
+                                // Enable pusher logging - don't include this in production
+                                Pusher.logToConsole = true;
+                            
+                                var pusher = new Pusher('26b0ec2f297f94b7aa9b', {
+                                    cluster: 'ap1',
+                                    encrypted: true
+                                });
+                            
+                                var channel = pusher.subscribe('status-liked');
+                                channel.bind('my-event', function(data) {
+                                    let message = JSON.stringify(data);
+                                    
+                                    $('#bell').css("color", "red");
+                            
+                                    const Toast = Swal.mixin({
+                                    toast: true,
+                                    position: 'top-end',
+                                    showConfirmButton: false,
+                                    timer: 5000,
+                                    timerProgressBar: true,
+                                    didOpen: (toast) => {
+                                        toast.addEventListener('mouseenter', Swal.stopTimer)
+                                        toast.addEventListener('mouseleave', Swal.resumeTimer)
+                                    }
+                                    })
+                            
+                                    Toast.fire({
+                                    icon: 'error',
+                                    title: 'Kelulusan Dipohon Sekarang!'
+                                    })
+                                });
+                            
+                                $("#navbarDropdown").click(function(){
+                                    $('#bell').css("color", "grey");
+                                });
+                            
+                            </script>
+                        @elseif($auth_user['roles'] == 'teller') 
+                            <li class="nav-item dropdown" style="margin-right:10px;">
+                                <a id="navbarDropdown" class="nav-link " href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
+                                    <i id="bell" class="fa fa-bell"></i>
+                                </a>
+
+                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                                    <div id="divbiasa">
+                                        <a class="dropdown-item" href="#">
+                                            {{ __('BlaBla') }}
+                                        </a>
+                                    </div>
+                                </div>
+                            </li>
+
+                            <script>
+
+                                // Enable pusher logging - don't include this in production
+                                Pusher.logToConsole = true;
+                            
+                                var pusher = new Pusher('26b0ec2f297f94b7aa9b', {
+                                    cluster: 'ap1',
+                                    encrypted: true
+                                });
+                            
+                                var channel = pusher.subscribe('notifikasi-pembayaran');
+                                channel.bind('trigger-pembayaran', function(data) {
+                                    let message = JSON.stringify(data);
+                                    
+                                    $('#bell').css("color", "red");
+                            
+                                    const Toast = Swal.mixin({
+                                    toast: true,
+                                    position: 'top-end',
+                                    showConfirmButton: false,
+                                    timer: 5000,
+                                    timerProgressBar: true,
+                                    didOpen: (toast) => {
+                                        toast.addEventListener('mouseenter', Swal.stopTimer)
+                                        toast.addEventListener('mouseleave', Swal.resumeTimer)
+                                    }
+                                    });
+                            
+                                    Toast.fire({
+                                    icon: 'error',
+                                    title: 'Notifikasi Pembayaran!'
+                                    });
+
+                                });
+                            
+                                $("#navbarDropdown").click(function(){
+                                    $('#bell').css("color", "grey");
+                                });
+                            
+                            </script>
+                            
+                        @endif
+
+
+
+                        <!-- Authentication Links -->
+                        @guest
+                            <li class="nav-item">
+                                <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
+                            </li>
+                            @if (Route::has('register'))
+                                <li class="nav-item">
+                                    <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
+                                </li>
+                            @endif
+                        @else
+                            <li class="nav-item dropdown">
+                                <a id="navbarDropdown" class="nav-link dropdown-toggle" onclick="trigbiasa()" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
+                                    {{ Auth::user()->name }}
+                                </a>
+
+                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                                    <a class="dropdown-item" href="{{ route('profile') }}">
+                                        {{ __('Profile') }}
+                                    </a>
+                                    <a class="dropdown-item" href="{{ route('logout') }}"
+                                       onclick="event.preventDefault();
+                                                     document.getElementById('logout-form').submit();">
+                                        {{ __('Logout') }}
+                                    </a>
+
+                                    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
+                                        @csrf
+                                    </form>
+                                </div>
+                            </li>
+                          
+                        @endguest
+                    </ul>
+                </div>
+            </div>
+        </nav>
+
+
+
+        <main class="py-4">
+            @yield('content')
+        </main>
+    </div>
+    @yield('footer')
+</body>
+</html>
diff --git a/resources/views/operasi/daftar_kakitangan.blade.php b/resources/views/operasi/daftar_kakitangan.blade.php
new file mode 100644
index 0000000..46a809e
--- /dev/null
+++ b/resources/views/operasi/daftar_kakitangan.blade.php
@@ -0,0 +1,95 @@
+@extends('layouts.app_operasi')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-12">
+            <div class="card">
+                <div class="card-header">{{ __('Daftar Kakitangan') }}</div>
+
+                <div class="card-body text-center">
+                    <form action="{{ route('kakitangan.baru') }}" method="post">
+                        @csrf
+                        <div class='row form-group'>
+                            <div class='col-md-6'>
+                                <div class='form-group row col-md-12'>
+                                    <div class='col-md-5'>
+                                        Nama
+                                    </div>
+                                    <div class='col-md-7'>
+                                        <input type="text" name='nama' id='nama' value="" class='form-control'>
+                                    </div>
+                                </div>
+                                <div class='form-group row col-md-12'>
+                                    <div class='col-md-5'>
+                                        Email
+                                    </div>
+                                    <div class='col-md-7'>
+                                        <input type="text" name='email' id='email' value="" class='form-control'>
+                                    </div>
+                                </div>
+                                <div class='form-group row col-md-12'>
+                                    <div class='col-md-5'>
+                                        Cawangan
+                                    </div>
+                                    <div class='col-md-7'>
+                                        @php
+                                            $cawangan_all = Http::get($api_url . '/api/cawangan')->json();
+                                        @endphp
+                                        <select class="form-control" name="cawangan" data-placeholder="Pilih Cawangan" id="cawangan">
+                                            <option disabled selected value> -- Pilih Cawangan -- </option>
+                                            <option value="ope">Operasi</option>
+                                            @foreach($cawangan_all as $cawangan)    
+                                                <option value="{{ $cawangan['kodcaw'] }}">{{ $cawangan['details_caw'] }}</option>
+                                            @endforeach
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class='col-md-6'>
+                                <div class='form-group row col-md-12'>
+                                    <div class='col-md-5'>
+                                        No KP
+                                    </div>
+                                    <div class='col-md-7'>
+                                        <input type="text" name='nokp' id='nokp' value="" class='form-control'>
+                                    </div>
+                                </div>
+                                <div class='form-group row col-md-12'>
+                                    <div class='col-md-5'>
+                                        No Telefon
+                                    </div>
+                                    <div class='col-md-7'>
+                                        <input type="text" name='telefon' id='telefon' value="" class='form-control'>
+                                    </div>
+                                </div>
+                                <div class='form-group row col-md-12'>
+                                    <div class='col-md-5'>
+                                        Jawatan
+                                    </div>
+                                    <div class='col-md-7'>
+                                        <select class="form-control" name="role" data-placeholder="Pilih Bank" id="role">
+                                            <option disabled selected> -- Pilih Jawatan -- </option>
+                                            @foreach($role as $roles)    
+                                                <option value="{{ $roles['keterangan'] }}">{{ $roles['keterangan'] }}</option>
+                                            @endforeach
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class='row justify-content-center'>
+                            <div class='col-md-12'>
+                                <input type="submit" class='btn btn-primary' value='Daftar'>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script>
+
+</script>
+@endsection
diff --git a/resources/views/operasi/kelulusan.blade.php b/resources/views/operasi/kelulusan.blade.php
index 9b83df5..7a5ec9e 100644
--- a/resources/views/operasi/kelulusan.blade.php
+++ b/resources/views/operasi/kelulusan.blade.php
@@ -1,11 +1,11 @@
-@extends('layouts.app')
+@extends('layouts.app_operasi')
 
 @section('content')
 <div class="container">
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+                <div class="card-header">{{ __('Kelulusan') }}</div>
 
                 <div class="card-body text-center">
                     
diff --git a/routes/web.php b/routes/web.php
index de32889..6d85c6f 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -62,7 +62,7 @@ Route::get('/daftar_marhun',['as'=>'daftar_marhun','uses'=>'MarhunController@ind
 Route::get('/penebusan/{norujukan}',['as'=>'penebusan','uses' => 'PenebusanController@index'])->middleware('auth','teller');
 Route::get('/aliran_tunai','AliranTunaiController@index')->middleware('auth','teller');
 Route::get('/harga_emas','HargaEmasController@index')->middleware('auth','teller');
-Route::get('/profile',['as'=>'profile','uses'=>'UserController@index'])->middleware('auth','teller');
+Route::get('/profile',['as'=>'profile','uses'=>'UserController@index'])->middleware('auth');
 Route::get('/customer/search',['as'=>'customer.search','uses'=>'CustomersController@search'])->middleware('auth','teller');
 Route::post('/customer/store',['as'=>'customer.store','uses'=>'CustomersController@store'])->middleware('auth','teller');
 Route::post('/gadai/store',['as'=>'gadai.store','uses'=>'GadaianController@store'])->middleware('auth','teller');
@@ -156,3 +156,5 @@ Route::get('/operasi/kelulusan','OperasiController@kelulusan')->name('operasi.ke
 Route::post('/operasi/createkelulusan',['as'=>'operasi.createkelulusan','uses'=>'OperasiController@createkelulusan'])->middleware('auth','teller');
 Route::get('/operasi/getkelulusan',['as'=>'operasi.getkelulusan','uses'=>'OperasiController@getkelulusan'])->middleware('auth','teller');
 Route::put('/operasi/updatekelulusan',['as'=>'operasi.updatekelulusan','uses'=>'OperasiController@updatekelulusan'])->middleware('auth','operasi');
+Route::get('/daftar/kakitangan',['as'=>'daftar.kakitangan','uses'=>'KakitanganController@daftarKakitangan'])->middleware('auth','operasi');
+Route::post('/daftar/kakitangan/baru',['as'=>'kakitangan.baru','uses'=>'KakitanganController@registerStaff']);