diff --git a/app/Http/Controllers/Auth/RegisterController.php b/app/Http/Controllers/Auth/RegisterController.php
index ed1a5e0..bd03ae6 100644
--- a/app/Http/Controllers/Auth/RegisterController.php
+++ b/app/Http/Controllers/Auth/RegisterController.php
@@ -9,6 +9,8 @@ use Illuminate\Foundation\Auth\RegistersUsers;
 use Illuminate\Support\Facades\Hash;
 use Illuminate\Support\Facades\Validator;
 
+use Illuminate\Http\Request;
+
 class RegisterController extends Controller
 {
     /*
@@ -70,4 +72,17 @@ class RegisterController extends Controller
             'password' => Hash::make($data['password']),
         ]);
     }
+
+    protected function firsttimer()
+    {
+
+        return view('auth.pertama-kali.pertamakalistep1');
+    }
+
+    protected function tempatregister(Request $request)
+    {
+        $nama = $request->name;
+
+        return view('auth.register',compact('nama'));
+    }
 }
diff --git a/public/argon/login/bg2.jpg b/public/argon/login/bg2.jpg
new file mode 100644
index 0000000..cbc7fee
Binary files /dev/null and b/public/argon/login/bg2.jpg differ
diff --git a/public/argon/login/bg3.jpg b/public/argon/login/bg3.jpg
new file mode 100644
index 0000000..4a3271f
Binary files /dev/null and b/public/argon/login/bg3.jpg differ
diff --git a/public/argon/login/curvebars.svg b/public/argon/login/curvebars.svg
new file mode 100644
index 0000000..116ab9b
--- /dev/null
+++ b/public/argon/login/curvebars.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="200px" height="200px" viewBox="0 0 128 128" xml:space="preserve"><g><circle cx="16" cy="64" r="16" fill="#282460"/><circle cx="16" cy="64" r="14.344" fill="#282460" transform="rotate(45 64 64)"/><circle cx="16" cy="64" r="12.531" fill="#282460" transform="rotate(90 64 64)"/><circle cx="16" cy="64" r="10.75" fill="#282460" transform="rotate(135 64 64)"/><circle cx="16" cy="64" r="10.063" fill="#282460" transform="rotate(180 64 64)"/><circle cx="16" cy="64" r="8.063" fill="#282460" transform="rotate(225 64 64)"/><circle cx="16" cy="64" r="6.438" fill="#282460" transform="rotate(270 64 64)"/><circle cx="16" cy="64" r="5.375" fill="#282460" transform="rotate(315 64 64)"/><animateTransform attributeName="transform" type="rotate" values="45 64 64;90 64 64;135 64 64;180 64 64;225 64 64;270 64 64;315 64 64;0 64 64" calcMode="discrete" dur="960ms" repeatCount="indefinite"></animateTransform></g></svg>
\ No newline at end of file
diff --git a/public/argon/login/login-logo.jpg b/public/argon/login/login-logo.jpg
new file mode 100644
index 0000000..e6e9ce3
Binary files /dev/null and b/public/argon/login/login-logo.jpg differ
diff --git a/public/argon/login/login.jpg b/public/argon/login/login.jpg
new file mode 100644
index 0000000..35af7f3
Binary files /dev/null and b/public/argon/login/login.jpg differ
diff --git a/public/argon/login/logo_arrahn_baru.png b/public/argon/login/logo_arrahn_baru.png
new file mode 100644
index 0000000..381f3cb
Binary files /dev/null and b/public/argon/login/logo_arrahn_baru.png differ
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index f0a0741..1c7ba74 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -1,89 +1,155 @@
-@extends('layouts.app', ['class' => 'bg-default'])
+@extends('layouts.app', ['class' => 'bg-white'])
 
 @section('content')
-    @include('layouts.headers.guest')
+    {{-- @include('layouts.headers.guest') --}}
 
-    <div class="container mt--8 pb-5">
-        <div class="row justify-content-center">
-            <div class="col-lg-5 col-md-7">
-                <div class="card bg-secondary shadow border-0">
-                    <div class="card-header bg-transparent pb-5">
-                        <div class="text-muted text-center mt-2 mb-3"><small>{{ __('Sign in with') }}</small></div>
-                        <div class="btn-wrapper text-center">
-                            <a href="#" class="btn btn-neutral btn-icon">
-                                <span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/github.svg"></span>
-                                <span class="btn-inner--text">{{ __('Github') }}</span>
-                            </a>
-                            <a href="#" class="btn btn-neutral btn-icon">
-                                <span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/google.svg"></span>
-                                <span class="btn-inner--text">{{ __('Google') }}</span>
-                            </a>
-                        </div>
-                    </div>
-                    <div class="card-body px-lg-5 py-lg-5">
-                        <div class="text-center text-muted mb-4">
-                            <small>
-                                    Create new account OR Sign in with these credentials:
-                                    <br>
-                                    Username <strong>admin@argon.com</strong> Password: <strong>secret</strong>
-                            </small>
-                        </div>
-                        <form role="form" method="POST" action="{{ route('login') }}">
+        <div class="user-login-5">
+            <div class="row" style="max-width:100%;">
+                <div class="col-md-6">
+                    <div class="container text-center mt-7">
+                    <img class="login-logo login-6" src="{{ asset('argon') }}/login/logo_arrahn_baru.png">
+                    <div class="container mt-5">
+
+                        {{-- <p>Portal rasmi ar-rahn pajak gadai.</p> --}}
+
+                        <form action="#" method="post" enctype="multipart/form-data" class="login-form" novalidate="novalidate">
                             @csrf
-
-                            <div class="form-group{{ $errors->has('email') ? ' has-danger' : '' }} mb-3">
-                                <div class="input-group input-group-alternative">
-                                    <div class="input-group-prepend">
-                                        <span class="input-group-text"><i class="ni ni-email-83"></i></span>
+                            <div class="row ml-5">
+                                <div class="col-xs-6 col-xl-6">
+                                    <div class="form-group {{ $errors->has('email') ? ' has-danger' : '' }}">
+                                        <input placeholder="Emel" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" id="login-username" required autofocus aria-required="true">
                                     </div>
-                                    <input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" value="admin@argon.com" required autofocus>
-                                </div>
-                                @if ($errors->has('email'))
+                                    @if ($errors->has('email'))
                                     <span class="invalid-feedback" style="display: block;" role="alert">
                                         <strong>{{ $errors->first('email') }}</strong>
                                     </span>
-                                @endif
-                            </div>
-                            <div class="form-group{{ $errors->has('password') ? ' has-danger' : '' }}">
-                                <div class="input-group input-group-alternative">
-                                    <div class="input-group-prepend">
-                                        <span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
-                                    </div>
-                                    <input class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" placeholder="{{ __('Password') }}" type="password" value="secret" required>
+                                    @endif
                                 </div>
-                                @if ($errors->has('password'))
+                                <div class="col-xs-6 col-xl-6">
+                                    <div class="form-group {{ $errors->has('password') ? ' has-danger' : '' }}">
+                                        <input type="password" placeholder="Katalaluan" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" id="login-password" name="password" required aria-required="true">
+                                    </div>
+                                    @if ($errors->has('password'))
                                     <span class="invalid-feedback" style="display: block;" role="alert">
                                         <strong>{{ $errors->first('password') }}</strong>
                                     </span>
-                                @endif
+                                    @endif
+                                </div>
                             </div>
-                            <div class="custom-control custom-control-alternative custom-checkbox">
-                                <input class="custom-control-input" name="remember" id="customCheckLogin" type="checkbox" {{ old('remember') ? 'checked' : '' }}>
-                                <label class="custom-control-label" for="customCheckLogin">
-                                    <span class="text-muted">{{ __('Remember me') }}</span>
-                                </label>
+                            
+                            <div class="row">
+                                <div class="col-sm-4 col-xs-6">
+                                    <div class="rem-password">
+                                        <input class="custom-control-input" name="remember" id="customCheckLogin" type="checkbox" {{ old('remember') ? 'checked' : '' }}>
+                                        <label class="custom-control-label" for="customCheckLogin">
+                                            <span class="text-muted">{{ __('Remember me') }}</span>
+                                        </label>
+                                    </div> 
+                                </div>
+                                <div class="col-sm-8 col-xs-6 text-right">
+                                    <button class="btn btn-success login pull-right" type="submit" onclick="loading();this.disabled=true;this.innerText=&#39;Signing in..&#39;;this.form.submit();">Daftar Masuk</button>
+                                </div>
+
                             </div>
-                            <div class="text-center">
-                                <button type="submit" class="btn btn-primary my-4">{{ __('Sign in') }}</button>
+                             <br>
+                             <div class="row">
+                                <div class="col-sm-12 col-xs-12 forgetpassword">
+                                   <center> 
+                                        <div class="forgot-password">
+                                            <a href="{{ route('auth.registerfirst') }}" class="text-light"><font color="#3598dc">Pertama Kali</font></a> |@if (Route::has('password.request')) <a href="{{ route('password.request') }}" class="text-light"><font color="#3598dc">Lupa Katalaluan</font></a>@endif
+                                        </div>
+                                        <div style="font-size: 10px;"><br><br>Paparan terbaik menggunakan Mozilla Firefox, Google Chrome & Internet Explorer 9.0 ke atas dengan resolusi 1920 x 1080</div>
+                                    </center>
+                                </div>
+                               
                             </div>
                         </form>
+
                     </div>
+                    </div>
+
+
+                    <br>
                 </div>
-                <div class="row mt-3">
-                    <div class="col-6">
-                        @if (Route::has('password.request'))
-                            <a href="{{ route('password.request') }}" class="text-light">
-                                <small>{{ __('Forgot password?') }}</small>
-                            </a>
-                        @endif
-                    </div>
-                    <div class="col-6 text-right">
-                        <a href="{{ route('register') }}" class="text-light">
-                            <small>{{ __('Create new account') }}</small>
-                        </a>
+                <div class="col-md-6">
+                    <div>
+                         <div >
+                            <img class="login-bg" src="{{ asset('argon') }}/login/bg3.jpg">
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
+
+<div id="modal-loading" name="myModal" class="modalloading modal fade" role="dialog" style="display:none">
+
+	<div class="modal-dialog-loading">
+		<img src="{{ asset('argon') }}/login/curvebars.svg" style="height:150px;width:150px;">
     </div>
+</div>
+
+<script>
+	function loading_close(){
+		$('#modal-loading').modal('hide');
+	}
+	
+	function loading($timeout = false){
+		// $('#modal-loading').modal('hide');
+		// $('#modal-loading').modal('show');
+
+        // $modal = $('#modal-loading');
+        // $modal.modal({
+        //     backdrop: 'static',
+        //     keyboard: false
+        // })
+        // $modal.modal('hide');
+        // $modal.modal('show');
+
+        // var blength = $(".modal-backdrop").length;
+        // if(blength > 1){
+        //     $(".modal-backdrop:gt(0)").remove();//all el other than first will be removed
+        // }
+
+        // console.log('blength', $('.modal-backdrop').length);
+        $('.modal-backdrop').slice(1).remove();
+        $('#modal-loading').modal('show');
+	
+		if ($timeout) {
+			setTimeout ("loading_close()", $timeout);
+		}
+	}
+	// loading(500);
+	
+	// var loading = document.getElementsByClassName('loading');
+	// loading.onclick = function(){
+	// 	loading();
+	// };
+
+    document.body.onclick= function(e){
+        e=window.event? event.srcElement: e.target;
+        if(e.className && e.className.indexOf('loading')!=-1) loading();
+    }
+	
+	// $('body').on('click', '.loading', function() {
+	// 	loading();
+	// });
+
+    $(function () {
+            $('.login-form').submit(function () {
+                if($(this).valid()) {
+                    //
+                }
+                else {
+                    loading_close();
+                }
+            });
+        });
+</script>        
+        <!-- END : LOGIN PAGE 5-2 -->
+        <!--[if lt IE 9]>
+        <script src="assets/global/plugins/respond.min.js"></script>
+        <script src="assets/global/plugins/excanvas.min.js"></script>
+        <![endif]-->
+
+
 @endsection
diff --git a/resources/views/auth/loginbackup.blade.php b/resources/views/auth/loginbackup.blade.php
new file mode 100644
index 0000000..f0a0741
--- /dev/null
+++ b/resources/views/auth/loginbackup.blade.php
@@ -0,0 +1,89 @@
+@extends('layouts.app', ['class' => 'bg-default'])
+
+@section('content')
+    @include('layouts.headers.guest')
+
+    <div class="container mt--8 pb-5">
+        <div class="row justify-content-center">
+            <div class="col-lg-5 col-md-7">
+                <div class="card bg-secondary shadow border-0">
+                    <div class="card-header bg-transparent pb-5">
+                        <div class="text-muted text-center mt-2 mb-3"><small>{{ __('Sign in with') }}</small></div>
+                        <div class="btn-wrapper text-center">
+                            <a href="#" class="btn btn-neutral btn-icon">
+                                <span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/github.svg"></span>
+                                <span class="btn-inner--text">{{ __('Github') }}</span>
+                            </a>
+                            <a href="#" class="btn btn-neutral btn-icon">
+                                <span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/google.svg"></span>
+                                <span class="btn-inner--text">{{ __('Google') }}</span>
+                            </a>
+                        </div>
+                    </div>
+                    <div class="card-body px-lg-5 py-lg-5">
+                        <div class="text-center text-muted mb-4">
+                            <small>
+                                    Create new account OR Sign in with these credentials:
+                                    <br>
+                                    Username <strong>admin@argon.com</strong> Password: <strong>secret</strong>
+                            </small>
+                        </div>
+                        <form role="form" method="POST" action="{{ route('login') }}">
+                            @csrf
+
+                            <div class="form-group{{ $errors->has('email') ? ' has-danger' : '' }} mb-3">
+                                <div class="input-group input-group-alternative">
+                                    <div class="input-group-prepend">
+                                        <span class="input-group-text"><i class="ni ni-email-83"></i></span>
+                                    </div>
+                                    <input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" value="admin@argon.com" required autofocus>
+                                </div>
+                                @if ($errors->has('email'))
+                                    <span class="invalid-feedback" style="display: block;" role="alert">
+                                        <strong>{{ $errors->first('email') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                            <div class="form-group{{ $errors->has('password') ? ' has-danger' : '' }}">
+                                <div class="input-group input-group-alternative">
+                                    <div class="input-group-prepend">
+                                        <span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
+                                    </div>
+                                    <input class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" placeholder="{{ __('Password') }}" type="password" value="secret" required>
+                                </div>
+                                @if ($errors->has('password'))
+                                    <span class="invalid-feedback" style="display: block;" role="alert">
+                                        <strong>{{ $errors->first('password') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                            <div class="custom-control custom-control-alternative custom-checkbox">
+                                <input class="custom-control-input" name="remember" id="customCheckLogin" type="checkbox" {{ old('remember') ? 'checked' : '' }}>
+                                <label class="custom-control-label" for="customCheckLogin">
+                                    <span class="text-muted">{{ __('Remember me') }}</span>
+                                </label>
+                            </div>
+                            <div class="text-center">
+                                <button type="submit" class="btn btn-primary my-4">{{ __('Sign in') }}</button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+                <div class="row mt-3">
+                    <div class="col-6">
+                        @if (Route::has('password.request'))
+                            <a href="{{ route('password.request') }}" class="text-light">
+                                <small>{{ __('Forgot password?') }}</small>
+                            </a>
+                        @endif
+                    </div>
+                    <div class="col-6 text-right">
+                        <a href="{{ route('register') }}" class="text-light">
+                            <small>{{ __('Create new account') }}</small>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+@endsection
diff --git a/resources/views/auth/pertama-kali/pertamakalistep1.blade.php b/resources/views/auth/pertama-kali/pertamakalistep1.blade.php
new file mode 100644
index 0000000..e341169
--- /dev/null
+++ b/resources/views/auth/pertama-kali/pertamakalistep1.blade.php
@@ -0,0 +1,315 @@
+@extends('layouts.app', ['class' => 'bg-white'])
+
+@section('content')
+    {{-- @include('layouts.headers.guest') --}}
+
+        <div class="user-login-5">
+            <div class="row" style="max-width:100%;">
+                <div class="col-md-6">
+                    <div class="container text-center mt-7">
+                    <img class="login-logo login-6" src="{{ asset('argon') }}/login/logo_arrahn_baru.png">
+                    <div class="container mt-5">
+
+                        {{-- <form action="#" method="post" enctype="multipart/form-data" class="login-form" novalidate="novalidate"> --}}
+                            @csrf
+                            <div class="row ml-5">
+                                <div class="col-xs-6 col-xl-6">
+                                    <div class="form-group {{ $errors->has('otp') ? ' has-danger' : '' }}">
+                                        <input placeholder="One-Time-Password" class="form-control{{ $errors->has('otp') ? ' is-invalid' : '' }}" type="text" name="otp" value="{{ old('otp') }}" id="login-otp" required autofocus aria-required="true">
+                                    </div>
+                                    @if ($errors->has('otp'))
+                                    <span class="invalid-feedback" style="display: block;" role="alert">
+                                        <strong>{{ $errors->first('otp') }}</strong>
+                                    </span>
+                                    @endif
+                                </div>
+                                <div class="col-xs-6 col-xl-6">
+                                    <div class="form-group {{ $errors->has('icno') ? ' has-danger' : '' }}">
+                                        <input type="text" placeholder="Nombor Kad Pengenalan" class="form-control{{ $errors->has('icno') ? ' is-invalid' : '' }}" id="login-icno" name="icno" required aria-required="true">
+                                    </div>
+                                    @if ($errors->has('icno'))
+                                    <span class="invalid-feedback" style="display: block;" role="alert">
+                                        <strong>{{ $errors->first('icno') }}</strong>
+                                    </span>
+                                    @endif
+                                </div>
+                            </div>
+                            
+                            <div class="row">
+                                <div class="col-sm-4 col-xs-6">
+                                
+                                </div>
+                                <div class="col-sm-8 col-xs-6 text-right">
+                                    <button class="btn btn-success login pull-right" type="button" onclick="checkpelanggan();">Seterusnya</button>
+                                </div>
+
+                            </div>
+                             <br>
+                             <div class="row">
+                                <div class="col-sm-12 col-xs-12 forgetpassword">
+                                   <center> 
+                                        <div class="forgot-password">
+                                            <a href="{{ route('login') }}" class="text-light"><font color="#3598dc">Log-Masuk</font></a> |@if (Route::has('password.request')) <a href="{{ route('password.request') }}" class="text-light"><font color="#3598dc">Lupa Katalaluan</font></a>@endif
+                                        </div>
+                                        <div style="font-size: 10px;"><br><br>Paparan terbaik menggunakan Mozilla Firefox, Google Chrome & Internet Explorer 9.0 ke atas dengan resolusi 1920 x 1080</div>
+                                    </center>
+                                </div>
+                               
+                            </div>
+                        {{-- </form> --}}
+
+                    </div>
+                    </div>
+
+
+                    <br>
+                </div>
+                <div class="col-md-6">
+                    <div>
+                        <div style="position: relative;text-align:center;color:white;">
+                            <img class="login-bg" src="{{ asset('argon') }}/login/bg3.jpg">
+                            <div id="makpel" class="card-body bg-secondary px-lg-5 py-lg-5 rounded w-75 invisible" style="position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);">
+                                <h2 class="text-center mt-2 mb-4 font-weight-bold text-uppercase">Maklumat Pelanggan</h2>
+                                @if (Session::has('custdetail'))
+                                <?php $customerdetails = Session::get('custdetail'); ?>
+                            @endif
+                            <form method="post" action="{{ route('auth.tempatregister') }}">
+                                @csrf
+
+                                <div class="form-group row">
+                                    <label for="name"
+                                        class="col-md-2 col-lg-2 col-lx-2 col-form-label text-dark text-md-right text-xl-right">{{ __('Nama') }}</label>
+
+                                    <div class="col-md-10">
+                                        <input autocomplete="off" type="text" name="name"
+                                            class="form-control @error('name') is-invalid @enderror"
+                                            value="{{ Session::has('custdetail') ? $customerdetails[0]['nama'] : old('name') }}"
+                                            readonly>
+
+                                        @error('name')
+                                            <span class="invalid-feedback" role="alert">
+                                                <strong>{{ $message }}</strong>
+                                            </span>
+                                        @enderror
+                                    </div>
+                                </div>
+
+                                <div class="form-group row">
+                                    <label for="icno"
+                                        class="col-md-2 col-form-label text-dark text-md-right">{{ __('No IC') }}</label>
+
+                                    <div class="col-md-4">
+                                        <input autocomplete="off" type="text" name="icno"
+                                            class="form-control @error('icno') is-invalid @enderror"
+                                            value="{{ Session::has('custdetail') ? $customerdetails[0]['kpbaru'] : old('icno') }}"
+                                            readonly>
+                                        @error('icno')
+                                            <span class="invalid-feedback" role="alert">
+                                                <strong>{{ $message }}</strong>
+                                            </span>
+                                        @enderror
+                                    </div>
+                                    <label for="notel"
+                                        class="col-md-2 col-form-label text-dark text-md-right">{{ __('No. Tel') }}</label>
+                                    <div class="col-md-4">
+                                        <input autocomplete="off" type="text" name="notel" class="form-control"
+                                            value="{{ Session::has('custdetail') ? $customerdetails[0]['telefon'] : old('notel') }}"
+                                            readonly>
+                                    </div>
+                                </div>
+                                <div class="form-group row">
+                                    <label for="alamat"
+                                        class="col-md-2 col-form-label text-dark text-md-right">{{ __('Alamat') }}</label>
+                                    <div class="col-md-10">
+                                        @php
+                                        // $koddaerah = Http::get(config('api.url') .'/api/daerah/' .$customerdetails[0]['koddaerah'] )->json();
+                                        // $kodnegeri = Http::get(config('api.url') .'/api/negeri/' .$customerdetails[0]['kodnegeri'] )->json();
+
+                                        @endphp
+                                        <textarea name="alamat" class="form-control" rows="3"
+                                            readonly>{{ Session::has('custdetail') ? $customerdetails[0]['alamat1'] . ' ' . $customerdetails[0]['alamat2'] : old('alamat') }}
+                                        </textarea>
+                                    </div>
+                                </div>
+
+                                <div class="form-group row">
+                                    <label for="icno"
+                                        class="col-md-2 col-form-label text-dark text-md-right">{{ __('Poskod') }}</label>
+
+                                    <div class="col-md-4">
+                                        <input autocomplete="off" type="text" name="poskod"
+                                            class="form-control @error('poskod') is-invalid @enderror"
+                                            value="{{ Session::has('custdetail') ? $customerdetails[0]['poskod'] : old('poskod') }}"
+                                            readonly>
+                                        @error('poskod')
+                                            <span class="invalid-feedback" role="alert">
+                                                <strong>{{ $message }}</strong>
+                                            </span>
+                                        @enderror
+                                    </div>
+                                    <label for="namadaerah"
+                                        class="col-md-2 col-form-label text-dark text-md-right">{{ __('Daerah') }}</label>
+                                    <div class="col-md-4">
+                                        <input autocomplete="off" type="text" name="namadaerah" class="form-control"
+                                            value="{{ Session::has('custdetail') ? $koddaerah['namadaerah'] : old('namadaerah') }}"
+                                            readonly>
+                                    </div>
+                                </div>
+
+                                <div class="form-group row">
+                                    <label for="negeri"
+                                        class="col-md-2 col-form-label text-dark text-md-right">{{ __('Negeri') }}</label>
+
+                                    <div class="col-md-10">
+                                        <input autocomplete="off" type="text" name="negeri"
+                                            class="form-control @error('negeri') is-invalid @enderror"
+                                            value="{{ Session::has('custdetail') ? $kodnegeri['negeri'] : old('negeri') }}"
+                                            readonly>
+
+                                        @error('negeri')
+                                            <span class="invalid-feedback" role="alert">
+                                                <strong>{{ $message }}</strong>
+                                            </span>
+                                        @enderror
+                                    </div>
+                                </div>
+                                <span class="text-danger text-xl-center font-weight-bold">*Diminta untuk semak maklumat pelanggan terlebih dahulu!</span><br>
+                                <button type="submit" class="btn btn-success mt-2">Betul</button>
+                                <button type="button" class="btn btn-danger mt-2" onclick="$('#makpel').addClass('invisible');$('#makpel').removeClass('visible');">Salah</button>
+                            </form>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+<div id="modal-loading" name="myModal" class="modalloading modal fade" role="dialog" style="display:none">
+
+	<div class="modal-dialog-loading">
+		<img src="{{ asset('argon') }}/login/curvebars.svg" style="height:150px;width:150px;">
+    </div>
+</div>
+
+<script>
+	function loading_close(){
+		$('#modal-loading').modal('hide');
+	}
+	
+	function loading($timeout = false){
+		// $('#modal-loading').modal('hide');
+		// $('#modal-loading').modal('show');
+
+        // $modal = $('#modal-loading');
+        // $modal.modal({
+        //     backdrop: 'static',
+        //     keyboard: false
+        // })
+        // $modal.modal('hide');
+        // $modal.modal('show');
+
+        // var blength = $(".modal-backdrop").length;
+        // if(blength > 1){
+        //     $(".modal-backdrop:gt(0)").remove();//all el other than first will be removed
+        // }
+
+        // console.log('blength', $('.modal-backdrop').length);
+        $('.modal-backdrop').slice(1).remove();
+        $('#modal-loading').modal('show');
+	
+		if ($timeout) {
+			setTimeout ("loading_close()", $timeout);
+		}
+	}
+	// loading(500);
+	
+	// var loading = document.getElementsByClassName('loading');
+	// loading.onclick = function(){
+	// 	loading();
+	// };
+
+    document.body.onclick= function(e){
+        e=window.event? event.srcElement: e.target;
+        if(e.className && e.className.indexOf('loading')!=-1) loading();
+    }
+
+    function checkpelanggan()
+    {
+        var otp_verify = $('#login-otp').val();
+        var otp_icno = $('#login-icno').val();
+
+        $.ajax({
+            url:'http://localhost:8000/api/otp/check/'+ otp_verify,
+            method:'GET',
+            success:function(data){
+                
+                if(data.length > 0)
+                {
+                    console.log(data[0].nokp);
+                    $.ajax({
+                        url:'http://localhost:8000/api/customers/'+ data[0].nokp,
+                        method:'GET',
+                        success:function(data){
+                            
+                        $('input[name="name"]').val(data.nama);
+                        $('input[name="icno"]').val(data.kpbaru);
+                        $('input[name="notel"]').val(data.telefon);
+                        $('input[name="poskod"]').val(data.poskod);
+                        $('textarea[name="alamat"]').val(data.alamat1);
+
+                        $.ajax({
+                        url:'http://localhost:8000/api/daerah/'+ data.koddaerah,
+                        method:'GET',
+                        success:function(data){
+                            console.log(data);
+                            $('input[name="namadaerah"]').val(data.namadaerah);
+                        } 
+                        });
+                        $.ajax({
+                        url:'http://localhost:8000/api/negeri/'+ data.kodnegeri,
+                        method:'GET',
+                        success:function(data){
+                            console.log(data);
+                            $('input[name="negeri"]').val(data.negeri);
+                        } 
+                        });
+ 
+
+                        $('#makpel').addClass('visible');
+                        $('#makpel').removeClass('invisible');
+
+                        }
+                    });
+                }
+             
+            }
+        });
+
+     
+
+      
+    }
+	
+	// $('body').on('click', '.loading', function() {
+	// 	loading();
+	// });
+
+    $(function () {
+            $('.login-form').submit(function () {
+                if($(this).valid()) {
+                    //
+                }
+                else {
+                    loading_close();
+                }
+            });
+        });
+</script>        
+        <!-- END : LOGIN PAGE 5-2 -->
+        <!--[if lt IE 9]>
+        <script src="assets/global/plugins/respond.min.js"></script>
+        <script src="assets/global/plugins/excanvas.min.js"></script>
+        <![endif]-->
+
+
+@endsection
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
index b4879e5..0217535 100644
--- a/resources/views/auth/register.blade.php
+++ b/resources/views/auth/register.blade.php
@@ -1,100 +1,173 @@
-@extends('layouts.app', ['class' => 'bg-default'])
+@extends('layouts.app', ['class' => 'bg-white'])
 
 @section('content')
-    @include('layouts.headers.guest')
+    {{-- @include('layouts.headers.guest') --}}
+
+        <div class="user-login-5">
+            <div class="row" style="max-width:100%;">
+                <div class="col-md-6">
+                    <div class="container text-center mt-7">
+                    <img class="login-logo login-6" src="{{ asset('argon') }}/login/logo_arrahn_baru.png">
+                    <div class="container mt-5">
 
-    <div class="container mt--8 pb-5">
-        <!-- Table -->
-        <div class="row justify-content-center">
-            <div class="col-lg-6 col-md-8">
-                <div class="card bg-secondary shadow border-0">
-                    <div class="card-header bg-transparent pb-5">
-                        <div class="text-muted text-center mt-2 mb-4"><small>{{ __('Sign up with') }}</small></div>
-                        <div class="text-center">
-                            <a href="#" class="btn btn-neutral btn-icon mr-4">
-                                <span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/github.svg"></span>
-                                <span class="btn-inner--text">{{ __('Github') }}</span>
-                            </a>
-                            <a href="#" class="btn btn-neutral btn-icon">
-                                <span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/google.svg"></span>
-                                <span class="btn-inner--text">{{ __('Google') }}</span>
-                            </a>
-                        </div>
-                    </div>
-                    <div class="card-body px-lg-5 py-lg-5">
-                        <div class="text-center text-muted mb-4">
-                            <small>{{ __('Or sign up with credentials') }}</small>
-                        </div>
                         <form role="form" method="POST" action="{{ route('register') }}">
                             @csrf
 
-                            <div class="form-group{{ $errors->has('name') ? ' has-danger' : '' }}">
-                                <div class="input-group input-group-alternative mb-3">
-                                    <div class="input-group-prepend">
-                                        <span class="input-group-text"><i class="ni ni-hat-3"></i></span>
+                            <div class="row">
+                                <div class="col-6 form-group">
+                                    <div class="input-group mb-3">
+                                        <div class="input-group-prepend" >
+                                            <span class="input-group-text bg-secondary"><i class="ni ni-hat-3"></i></span>
+                                        </div>
+                                        <input class="form-control" placeholder="{{ __('Name') }}" type="text" name="name" value="{{ old('name') ? old('name') : $nama }}" readonly required autofocus>
                                     </div>
-                                    <input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" placeholder="{{ __('Name') }}" type="text" name="name" value="{{ old('name') }}" required autofocus>
+                                    @if ($errors->has('name'))
+                                        <span class="invalid-feedback" style="display: block;" role="alert">
+                                            <strong>{{ $errors->first('name') }}</strong>
+                                        </span>
+                                    @endif
                                 </div>
-                                @if ($errors->has('name'))
-                                    <span class="invalid-feedback" style="display: block;" role="alert">
-                                        <strong>{{ $errors->first('name') }}</strong>
-                                    </span>
-                                @endif
-                            </div>
-                            <div class="form-group{{ $errors->has('email') ? ' has-danger' : '' }}">
-                                <div class="input-group input-group-alternative mb-3">
-                                    <div class="input-group-prepend">
-                                        <span class="input-group-text"><i class="ni ni-email-83"></i></span>
+                                <div class="col-6 form-group{{ $errors->has('email') ? ' has-danger' : '' }}">
+                                    <div class="input-group mb-3">
+                                        <div class="input-group-prepend">
+                                            <span class="input-group-text"><i class="ni ni-email-83"></i></span>
+                                        </div>
+                                        <input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" required>
                                     </div>
-                                    <input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" required>
+                                    @if ($errors->has('email'))
+                                        <span class="invalid-feedback" style="display: block;" role="alert">
+                                            <strong>{{ $errors->first('email') }}</strong>
+                                        </span>
+                                    @endif
                                 </div>
-                                @if ($errors->has('email'))
-                                    <span class="invalid-feedback" style="display: block;" role="alert">
-                                        <strong>{{ $errors->first('email') }}</strong>
-                                    </span>
-                                @endif
                             </div>
-                            <div class="form-group{{ $errors->has('password') ? ' has-danger' : '' }}">
-                                <div class="input-group input-group-alternative">
-                                    <div class="input-group-prepend">
-                                        <span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
+
+                            <div class="row">
+                                <div class="col-6 form-group{{ $errors->has('password') ? ' has-danger' : '' }}">
+                                    <div class="input-group ">
+                                        <div class="input-group-prepend">
+                                            <span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
+                                        </div>
+                                        <input class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" placeholder="{{ __('Password') }}" type="password" name="password" required>
                                     </div>
-                                    <input class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" placeholder="{{ __('Password') }}" type="password" name="password" required>
+                                    @if ($errors->has('password'))
+                                        <span class="invalid-feedback" style="display: block;" role="alert">
+                                            <strong>{{ $errors->first('password') }}</strong>
+                                        </span>
+                                    @endif
                                 </div>
-                                @if ($errors->has('password'))
-                                    <span class="invalid-feedback" style="display: block;" role="alert">
-                                        <strong>{{ $errors->first('password') }}</strong>
-                                    </span>
-                                @endif
-                            </div>
-                            <div class="form-group">
-                                <div class="input-group input-group-alternative">
-                                    <div class="input-group-prepend">
-                                        <span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
+                                <div class="col-6 form-group">
+                                    <div class="input-group ">
+                                        <div class="input-group-prepend">
+                                            <span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
+                                        </div>
+                                        <input class="form-control" placeholder="{{ __('Confirm Password') }}" type="password" name="password_confirmation" required>
                                     </div>
-                                    <input class="form-control" placeholder="{{ __('Confirm Password') }}" type="password" name="password_confirmation" required>
                                 </div>
                             </div>
                             <div class="text-muted font-italic">
-                                <small>{{ __('password strength') }}: <span class="text-success font-weight-700">{{ __('strong') }}strong</span></small>
+                                <small>{{ __('password strength') }}: <span class="text-success font-weight-700">{{ __('strong') }}</span></small>
                             </div>
                             <div class="row my-4">
                                 <div class="col-12">
                                     <div class="custom-control custom-control-alternative custom-checkbox">
                                         <input class="custom-control-input" id="customCheckRegister" type="checkbox">
                                         <label class="custom-control-label" for="customCheckRegister">
-                                            <span class="text-muted">{{ __('I agree with the') }} <a href="#!">{{ __('Privacy Policy') }}</a></span>
+                                            <span class="text-muted">{{ __('Saya setuju dengan segala') }} <a href="#!">{{ __('Terma & Syarat') }}</a></span>
                                         </label>
                                     </div>
                                 </div>
                             </div>
                             <div class="text-center">
-                                <button type="submit" class="btn btn-primary mt-4">{{ __('Create account') }}</button>
+                                <button type="submit" class="btn btn-success mt-4">{{ __('Cipta Akaun') }}</button>
                             </div>
                         </form>
+
+                    </div>
+                    </div>
+
+
+                    <br>
+                </div>
+                <div class="col-md-6">
+                    <div>
+                         <div >
+                            <img class="login-bg" src="{{ asset('argon') }}/login/bg3.jpg">
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
+
+<div id="modal-loading" name="myModal" class="modalloading modal fade" role="dialog" style="display:none">
+
+	<div class="modal-dialog-loading">
+		<img src="{{ asset('argon') }}/login/curvebars.svg" style="height:150px;width:150px;">
     </div>
+</div>
+
+<script>
+	function loading_close(){
+		$('#modal-loading').modal('hide');
+	}
+	
+	function loading($timeout = false){
+		// $('#modal-loading').modal('hide');
+		// $('#modal-loading').modal('show');
+
+        // $modal = $('#modal-loading');
+        // $modal.modal({
+        //     backdrop: 'static',
+        //     keyboard: false
+        // })
+        // $modal.modal('hide');
+        // $modal.modal('show');
+
+        // var blength = $(".modal-backdrop").length;
+        // if(blength > 1){
+        //     $(".modal-backdrop:gt(0)").remove();//all el other than first will be removed
+        // }
+
+        // console.log('blength', $('.modal-backdrop').length);
+        $('.modal-backdrop').slice(1).remove();
+        $('#modal-loading').modal('show');
+	
+		if ($timeout) {
+			setTimeout ("loading_close()", $timeout);
+		}
+	}
+	// loading(500);
+	
+	// var loading = document.getElementsByClassName('loading');
+	// loading.onclick = function(){
+	// 	loading();
+	// };
+
+    document.body.onclick= function(e){
+        e=window.event? event.srcElement: e.target;
+        if(e.className && e.className.indexOf('loading')!=-1) loading();
+    }
+	
+	// $('body').on('click', '.loading', function() {
+	// 	loading();
+	// });
+
+    $(function () {
+            $('.login-form').submit(function () {
+                if($(this).valid()) {
+                    //
+                }
+                else {
+                    loading_close();
+                }
+            });
+        });
+</script>        
+        <!-- END : LOGIN PAGE 5-2 -->
+        <!--[if lt IE 9]>
+        <script src="assets/global/plugins/respond.min.js"></script>
+        <script src="assets/global/plugins/excanvas.min.js"></script>
+        <![endif]-->
+
+
 @endsection
diff --git a/resources/views/auth/registerbackup.blade.php b/resources/views/auth/registerbackup.blade.php
new file mode 100644
index 0000000..b4879e5
--- /dev/null
+++ b/resources/views/auth/registerbackup.blade.php
@@ -0,0 +1,100 @@
+@extends('layouts.app', ['class' => 'bg-default'])
+
+@section('content')
+    @include('layouts.headers.guest')
+
+    <div class="container mt--8 pb-5">
+        <!-- Table -->
+        <div class="row justify-content-center">
+            <div class="col-lg-6 col-md-8">
+                <div class="card bg-secondary shadow border-0">
+                    <div class="card-header bg-transparent pb-5">
+                        <div class="text-muted text-center mt-2 mb-4"><small>{{ __('Sign up with') }}</small></div>
+                        <div class="text-center">
+                            <a href="#" class="btn btn-neutral btn-icon mr-4">
+                                <span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/github.svg"></span>
+                                <span class="btn-inner--text">{{ __('Github') }}</span>
+                            </a>
+                            <a href="#" class="btn btn-neutral btn-icon">
+                                <span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/google.svg"></span>
+                                <span class="btn-inner--text">{{ __('Google') }}</span>
+                            </a>
+                        </div>
+                    </div>
+                    <div class="card-body px-lg-5 py-lg-5">
+                        <div class="text-center text-muted mb-4">
+                            <small>{{ __('Or sign up with credentials') }}</small>
+                        </div>
+                        <form role="form" method="POST" action="{{ route('register') }}">
+                            @csrf
+
+                            <div class="form-group{{ $errors->has('name') ? ' has-danger' : '' }}">
+                                <div class="input-group input-group-alternative mb-3">
+                                    <div class="input-group-prepend">
+                                        <span class="input-group-text"><i class="ni ni-hat-3"></i></span>
+                                    </div>
+                                    <input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" placeholder="{{ __('Name') }}" type="text" name="name" value="{{ old('name') }}" required autofocus>
+                                </div>
+                                @if ($errors->has('name'))
+                                    <span class="invalid-feedback" style="display: block;" role="alert">
+                                        <strong>{{ $errors->first('name') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                            <div class="form-group{{ $errors->has('email') ? ' has-danger' : '' }}">
+                                <div class="input-group input-group-alternative mb-3">
+                                    <div class="input-group-prepend">
+                                        <span class="input-group-text"><i class="ni ni-email-83"></i></span>
+                                    </div>
+                                    <input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" required>
+                                </div>
+                                @if ($errors->has('email'))
+                                    <span class="invalid-feedback" style="display: block;" role="alert">
+                                        <strong>{{ $errors->first('email') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                            <div class="form-group{{ $errors->has('password') ? ' has-danger' : '' }}">
+                                <div class="input-group input-group-alternative">
+                                    <div class="input-group-prepend">
+                                        <span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
+                                    </div>
+                                    <input class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" placeholder="{{ __('Password') }}" type="password" name="password" required>
+                                </div>
+                                @if ($errors->has('password'))
+                                    <span class="invalid-feedback" style="display: block;" role="alert">
+                                        <strong>{{ $errors->first('password') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                            <div class="form-group">
+                                <div class="input-group input-group-alternative">
+                                    <div class="input-group-prepend">
+                                        <span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
+                                    </div>
+                                    <input class="form-control" placeholder="{{ __('Confirm Password') }}" type="password" name="password_confirmation" required>
+                                </div>
+                            </div>
+                            <div class="text-muted font-italic">
+                                <small>{{ __('password strength') }}: <span class="text-success font-weight-700">{{ __('strong') }}strong</span></small>
+                            </div>
+                            <div class="row my-4">
+                                <div class="col-12">
+                                    <div class="custom-control custom-control-alternative custom-checkbox">
+                                        <input class="custom-control-input" id="customCheckRegister" type="checkbox">
+                                        <label class="custom-control-label" for="customCheckRegister">
+                                            <span class="text-muted">{{ __('I agree with the') }} <a href="#!">{{ __('Privacy Policy') }}</a></span>
+                                        </label>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="text-center">
+                                <button type="submit" class="btn btn-primary mt-4">{{ __('Create account') }}</button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+@endsection
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 9fa4976..7574cd9 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -35,6 +35,80 @@
       />
         <script src="{{ asset('argon') }}/js/bootstrap-notify.js"></script>
 
+    <style>
+
+<style>
+        div.checker span {
+            background-image: url("assets/global/plugins/uniform/images/sprite.png");
+        }
+
+        .user-login-5 .login-container>.login-footer .login-social {
+            padding-left: 0 !important;
+        }
+
+        .login-logo{
+            margin-top:50px;
+            width:200px;
+            height:200px;
+        }
+        
+        @media (max-width: 1023px) {
+            .user-login-5 .login-logo.login-6 {
+                margin: 0;
+            }
+            .user-login-5 .login-logo.login-6 {
+                left: 7%;
+            }
+            .user-login-5 .login-container>.login-content .login-form {
+                margin-top: 0 !important;
+            }
+        }
+
+        .btn-primary {
+            color: #fff !important;
+            background-color: #282460 !important;
+            border-color: #357ebd !important;
+        }
+
+        .btn-primary:hover,
+        .btn-primary:focus,
+        .btn-primary:active,
+        .btn-primary.active {
+            color: #385d8a !important;
+            background-color: #3598dc !important;
+            border-color: #3598dc !important;
+        }
+
+        /* body {
+            font-family: "Noto Sans", sans-serif !important;
+        } */
+
+        .modalloading {
+            border: none !important;
+        }
+        .modal-dialog-loading{
+            text-align: center;
+            position:fixed;
+            top:30%;
+            bottom:0;
+            left:0;
+            right:0;
+            margin:auto;
+        }
+
+        .login-bg{
+            background-position:center;
+            background-size:cover;
+            background-repeat:no-repeat;
+            min-height:100vh;
+            max-width: 100%;
+            
+        }
+
+        </style>
+
+    </style>
+
 
     </head>
     <body class="{{ $class ?? '' }}">
@@ -51,7 +125,7 @@
         </div>
 
         @guest()
-            @include('layouts.footers.guest')
+            {{-- @include('layouts.footers.guest') --}}
         @endguest
 
  
diff --git a/resources/views/layouts/navbars/navbar.blade.php b/resources/views/layouts/navbars/navbar.blade.php
index 7507569..c20a146 100644
--- a/resources/views/layouts/navbars/navbar.blade.php
+++ b/resources/views/layouts/navbars/navbar.blade.php
@@ -3,5 +3,5 @@
 @endauth
     
 @guest()
-    @include('layouts.navbars.navs.guest')
+    {{-- @include('layouts.navbars.navs.guest') --}}
 @endguest
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 3fbeea4..ce094c6 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -17,7 +17,6 @@ Route::get('/', function () {
     return view('welcome');
 });
 
-Auth::routes();
 
 Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');
 Auth::routes();
@@ -39,7 +38,12 @@ Auth::routes();
 
 Route::get('/home', 'App\Http\Controllers\HomeController@index')->name('home');
 
+
+Route::get('/authenticateregister', 'App\Http\Controllers\Auth\RegisterController@firsttimer')->name('auth.registerfirst');
+Route::post('/registering', 'App\Http\Controllers\Auth\RegisterController@tempatregister')->name('auth.tempatregister');
+
 Route::group(['middleware' => 'auth'], function () {
+
 	Route::get('/semaksag', 'App\Http\Controllers\SemakController@SemakSAG')->name('semaksag');
 	Route::post('/senaraisag', 'App\Http\Controllers\SemakController@SenaraiSAG')->name('senaraisag');
 	Route::get('/semakbayaran', 'App\Http\Controllers\BayaranController@SenaraiPembayaran')->name('pembayaransag');