From 1991ffd67debc06c8d7730351c3945d41548af2b Mon Sep 17 00:00:00 2001
From: Amir Hamzan <62345746+amirhamzan@users.noreply.github.com>
Date: Wed, 1 Dec 2021 14:46:50 +0800
Subject: [PATCH] update xsiap - daftar akaun + email verification

---
 .../Controllers/Auth/RegisterController.php   |   3 +-
 .../auth/pertama-kali/firsttime.blade.php     | 312 ++++++++++++++++++
 resources/views/email/test.blade.php          | 120 +++++++
 .../views/includes/analisaportal.blade.php    |   9 +-
 .../includes/bayaran/pembayaransag.blade.php  |   2 +-
 .../views/includes/login/firsttime.blade.php  |  30 --
 .../views/includes/login/index.blade.php      |   2 +
 resources/views/includes/main/head.blade.php  |   8 +-
 .../views/includes/main/navigation.blade.php  |   5 +-
 resources/views/layouts/indexfirst.blade.php  |   7 -
 routes/web.php                                |   3 +
 11 files changed, 451 insertions(+), 50 deletions(-)
 create mode 100644 resources/views/auth/pertama-kali/firsttime.blade.php
 create mode 100644 resources/views/email/test.blade.php
 delete mode 100644 resources/views/includes/login/firsttime.blade.php

diff --git a/app/Http/Controllers/Auth/RegisterController.php b/app/Http/Controllers/Auth/RegisterController.php
index f52fd1e..347bd9a 100644
--- a/app/Http/Controllers/Auth/RegisterController.php
+++ b/app/Http/Controllers/Auth/RegisterController.php
@@ -85,7 +85,8 @@ class RegisterController extends Controller
 
     protected function firsttimer()
     {
-        return view('auth.pertama-kali.pertamakalistep1');
+        // return view('auth.pertama-kali.pertamakalistep1');
+        return view('auth.pertama-kali.firsttime');
     }
 
     // protected function tempatregister(Request $request)
diff --git a/resources/views/auth/pertama-kali/firsttime.blade.php b/resources/views/auth/pertama-kali/firsttime.blade.php
new file mode 100644
index 0000000..362356e
--- /dev/null
+++ b/resources/views/auth/pertama-kali/firsttime.blade.php
@@ -0,0 +1,312 @@
+@extends('layouts.app')
+
+@section('content')
+
+<title>Pertama Kali | Customer Portal</title>
+
+<h6 style="text-align: center; margin-bottom: 10%;">Pertama Kali</h6>
+
+<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>
+                    <span id="spanotp" class="text-danger" role="alert">
+                        <small><strong id="errorotp"></strong></small>
+                    </span>
+
+                </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>
+
+                    <span id="spanic" class="text-danger invisible" role="alert">
+                        <small><strong id="erroricno">ss</strong></small>
+                    </span>
+
+                </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 id="seterusbtn" 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 col-xl-6 py-0 px-0">
+    <div>
+        <div style="position: relative;text-align:center;color:white;">
+
+            <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="GET" action="{{ route('register') }}">
+                    {{-- @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') }}" disabled>
+                        </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" disabled>{{ 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') }}" disabled>
+                            @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') }}" disabled>
+                        </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') }}" disabled>
+
+                            @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"><small>*Diminta untuk semak maklumat pelanggan terlebih dahulu!</small></span><br>
+                    <button id="betulbtn" type="submit" class="btn btn-success mt-2">Betul</button>
+                    <button type="button" class="btn btn-danger mt-2" onclick="backfunc()">Salah</button>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    let api_url = "{{ config('api.url') }}";
+
+
+    function checkpelanggan() {
+        var otp_verify = $('#login-otp').val();
+        var otp_icno = $('#login-icno').val();
+        var boolotp = false;
+        var boolicno = false;
+
+        if (otp_verify == null || otp_verify == '') {
+            $('#errorotp').text('sila isikan otp anda!');
+            $('#spanotp').addClass('visible');
+            $('#spanotp').removeClass('invisible');
+            boolotp = true;
+        } else {
+            $('#errorotp').text('');
+            $('#spanotp').addClass('invisible');
+            $('#spanotp').removeClass('visible');
+            boolotp = false;
+        }
+
+        if (otp_icno == null || otp_icno == '') {
+            $('#erroricno').text('sila isikan icno anda!');
+            $('#spanic').addClass('visible');
+            $('#spanic').removeClass('invisible');
+            boolicno = true;
+        } else {
+            $('#erroricno').text('');
+            $('#spanic').addClass('invisible');
+            $('#spanic').removeClass('visible');
+            boolicno = false;
+        }
+
+        if (boolotp === false && boolicno === false) {
+            $.ajax({
+                url: api_url + '/api/otp/check/' + otp_verify,
+                method: 'GET',
+                success: function(data) {
+
+                    if (data.length > 0) {
+                        console.log(data[0].nokp);
+                        $.ajax({
+                            url: api_url + '/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: api_url + '/api/daerah/' + data.koddaerah,
+                                    method: 'GET',
+                                    success: function(data) {
+                                        console.log(data);
+                                        $('input[name="namadaerah"]').val(data.namadaerah);
+                                    }
+                                });
+                                $.ajax({
+                                    url: api_url + '/api/negeri/' + data.kodnegeri,
+                                    method: 'GET',
+                                    success: function(data) {
+                                        console.log(data);
+                                        $('input[name="negeri"]').val(data.negeri);
+                                    }
+                                });
+
+
+                                $('#spanic').addClass('invisible');
+                                $('#spanic').removeClass('visible');
+                                $('#spanic').addClass('invisible');
+                                $('#spanic').removeClass('visible');
+                                $("#seterusbtn").prop("disabled", true);
+
+                                $('#makpel').addClass('visible');
+                                $('#makpel').removeClass('invisible');
+
+                            }
+                        });
+                    } else {
+                        $.notify({
+                            icon: 'fas fa-exclamation-triangle fa-2x',
+                            newest_on_top: true,
+                            message: "<strong style='font-size:15px;text-align:center;margin-left:100px;'>Pelanggan tidak membuat sebarang login!</strong>"
+                        }, {
+                            type: 'danger',
+                            allow_dismiss: false,
+                            placement: {
+                                align: 'center',
+                                from: 'bottom'
+                            },
+                            animate: {
+                                enter: 'animate__animated animate__bounce',
+
+                                exit: 'animate__animated animate__bounceOutDown'
+                            }
+                        });
+                    }
+
+                }
+            });
+
+        }
+
+    }
+
+    function backfunc() {
+        $('#makpel').addClass('invisible');
+        $('#makpel').removeClass('visible');
+        $("#seterusbtn").prop("disabled", false);
+    }
+
+    // $('body').on('click', '.loading', function() {
+    // 	loading();
+    // });
+
+    $(function() {
+        $('.login-form').submit(function() {
+            if ($(this).valid()) {
+                //
+            } else {
+                loading_close();
+            }
+        });
+    });
+
+    var slideIndex = 0;
+    showSlides();
+
+    function showSlides() {
+        var i;
+        var slides = document.getElementsByClassName("mySlides");
+        for (i = 0; i < slides.length; i++) {
+            slides[i].style.display = "none";
+        }
+        slideIndex++;
+        if (slideIndex > slides.length) {
+            slideIndex = 1
+        }
+        slides[slideIndex - 1].style.display = "block";
+        setTimeout(showSlides, 10000); // Change image every 2 seconds
+    }
+</script>
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/email/test.blade.php b/resources/views/email/test.blade.php
new file mode 100644
index 0000000..8665148
--- /dev/null
+++ b/resources/views/email/test.blade.php
@@ -0,0 +1,120 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="color-scheme" content="light">
+    <meta name="supported-color-schemes" content="light">
+    <style>
+        @media only screen and (max-width: 600px) {
+            .inner-body {
+                width: 100% !important;
+            }
+
+            .footer {
+                width: 100% !important;
+            }
+        }
+
+        @media only screen and (max-width: 500px) {
+            .button {
+                width: 100% !important;
+            }
+        }
+
+        .header {
+            position: relative;
+        }
+    </style>
+</head>
+
+<body style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -webkit-text-size-adjust: none; background-color: #ffffff; color: #718096; height: 100%; line-height: 1.4; margin: 0; padding: 0; width: 100% !important;">
+
+    <table class="wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%; background-color: #edf2f7; margin: 0; padding: 0; width: 100%;">
+        <tr>
+            <td align="center" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative;">
+                <table class="content" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%; margin: 0; padding: 0; width: 100%;">
+                    <tr>
+                        <td class="header" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; padding: 25px 0; text-align: center;">
+                            <a href="http://arrahn-portal.test:83/" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; color: #3d4852; font-size: 19px; font-weight: bold; text-decoration: none; display: inline-block;">
+                            </a>
+                        </td>
+                    </tr>
+
+                    <!-- Email Body -->
+                    <tr>
+                        <td class="body" width="100%" cellpadding="0" cellspacing="0" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%; background-color: #edf2f7; border-bottom: 1px solid #edf2f7; border-top: 1px solid #edf2f7; margin: 0; padding: 0; width: 100%;">
+                            <table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 570px; background-color: #ffffff; border-color: #e8e5ef; border-radius: 2px; border-width: 1px; box-shadow: 0 2px 0 rgba(0, 0, 150, 0.025), 2px 4px 0 rgba(0, 0, 150, 0.015); margin: 0 auto; padding: 0; width: 570px;">
+                                <!-- Body content -->
+                                <tr>
+
+                                    <td class="content-cell" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; max-width: 100vw; padding: 32px;">
+
+                                        <div class="header2">
+                                            <img src="{{ asset('/argon/img/brand/arrahnlogo.png') }}" alt="#" style="height: 35px; max-height: 75px; width: 55px; justify-content: flex-start;">
+                                            <p style="justify-content: flex-end;">KOPERASI PERMODALAN KELANTAN BERHAD</p>
+                                        </div>
+                                        <hr style="border-top: 2px solid #005CA7;">
+                                        <h1 style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; font-size: 24px; font-weight: bold; margin-top: 9%; text-align: left;">Mengesahkan alamat e-mel untuk mendaftar
+                                            akaun Customer Portal</h1>
+                                        <p style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; font-size: 16px; line-height: 1.5em; margin-top: 0; text-align: left;">Selamat datang Wan Nurul Hamidah Binti Aziz.</p>
+                                        <p style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; font-size: 16px; line-height: 1.5em; margin-top: 0; text-align: left;">Sila klik butang dibawah untuk pengesahan alamat e-mel anda.</p>
+                                        <table class="action" align="center" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%; margin: 30px auto; padding: 0; text-align: center; width: 100%;">
+                                            <tr>
+                                                <td align="center" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative;">
+                                                    <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative;">
+                                                        <tr>
+                                                            <td align="center" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative;">
+                                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative;">
+                                                                    <tr>
+                                                                        <td style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative;">
+                                                                            <a href="http://arrahn-portal.test:83/email/verify/74/b1e8fd36ca4f239c76e248a203ccec6cdef79626?expires=1638325844&amp;signature=e13072ccf131f400e9fe807c0238314e8bcf6a8d2a022f67f1fd8930a8a5f2bd" class="button button-primary" target="_blank" rel="noopener" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -webkit-text-size-adjust: none; color: #fff; display: inline-block; overflow: hidden; text-decoration: none; background-color: #005CA7; border-bottom: 8px solid #005CA7; border-left: 18px solid #005CA7; border-right: 18px solid #005CA7; border-top: 8px solid #005CA7;">Mengesahkan</a>
+                                                                        </td>
+                                                                    </tr>
+                                                                </table>
+                                                            </td>
+                                                        </tr>
+                                                    </table>
+                                                </td>
+                                            </tr>
+                                        </table>
+                                        <p style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; font-size: 16px; line-height: 1.5em; margin-top: 0; text-align: left;">Abaikan e-mel ini sekiranya anda tidak mohon untuk mendaftar akaun Customer Portal.</p>
+                                        <p style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; font-size: 16px; line-height: 1.5em; margin-top: 0; text-align: left;">Terima kasih.</p>
+
+
+                                        <table class="subcopy" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; border-top: 2px solid #005CA7; margin-top: 25px; padding-top: 25px;">
+                                            <tr>
+                                                <td style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative;">
+                                                    <p style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; line-height: 1.5em; margin-top: 0; text-align: left; font-size: 14px;">Jika anda menghadapi masalah untuk menekan butang "Mengesahkan Alamat E-mel", sila 'copy'
+                                                        dan 'paste' pautan di bawah ke pelayar anda
+                                                        <span class="break-all" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; word-break: break-all;"><a href="http://arrahn-portal.test:83/email/verify/74/b1e8fd36ca4f239c76e248a203ccec6cdef79626?expires=1638325844&amp;signature=e13072ccf131f400e9fe807c0238314e8bcf6a8d2a022f67f1fd8930a8a5f2bd" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; color: #3869d4;">http://arrahn-portal.test:83/email/verify/74/b1e8fd36ca4f239c76e248a203ccec6cdef79626?expires=1638325844&amp;signature=e13072ccf131f400e9fe807c0238314e8bcf6a8d2a022f67f1fd8930a8a5f2bd</a></span>
+                                                    </p>
+
+                                                </td>
+                                            </tr>
+                                        </table>
+                                    </td>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative;">
+                            <table class="footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 570px; margin: 0 auto; padding: 0; text-align: center; width: 570px;">
+                                <tr>
+                                    <td class="content-cell" align="center" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; max-width: 100vw; padding: 32px;">
+                                        <p style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; line-height: 1.5em; margin-top: 0; color: #b0adc5; font-size: 12px; text-align: center;">© 2021 Koperasi Permodalan Kelantan Berhad.</p>
+                                    </td>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+    </table>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/resources/views/includes/analisaportal.blade.php b/resources/views/includes/analisaportal.blade.php
index 39ad65f..6fc506e 100644
--- a/resources/views/includes/analisaportal.blade.php
+++ b/resources/views/includes/analisaportal.blade.php
@@ -273,14 +273,9 @@
     var hargaemastable = $('#harga_emas').DataTable({
         "bLengthChange": false,
         "bFilter": false,
-        "pageLength": 5,
         "bInfo": false,
-        language: {
-            'paginate': {
-                'previous': '<span class="fas fa-backward"></span>',
-                'next': '<span class="fas fa-forward"></span>'
-            }
-        }
+        "pageLength": 5,
+
     });
 
     var sagaktiftable = $('#sag_aktif').DataTable({
diff --git a/resources/views/includes/bayaran/pembayaransag.blade.php b/resources/views/includes/bayaran/pembayaransag.blade.php
index 03e088d..89487b9 100644
--- a/resources/views/includes/bayaran/pembayaransag.blade.php
+++ b/resources/views/includes/bayaran/pembayaransag.blade.php
@@ -249,7 +249,7 @@
 
                         <div class="row pb-4 font-weight-light">
                             <div class="col-7">
-                                <label class="text-dark ml-4"><strong>Jumlah Keseluruhan</strong></label>
+                                <label class="text-dark ml-4" style="text-transform: uppercase;"><strong>Jumlah Keseluruhan</strong></label>
                             </div>
 
                             <div class="col-5 text-right pr-5">
diff --git a/resources/views/includes/login/firsttime.blade.php b/resources/views/includes/login/firsttime.blade.php
deleted file mode 100644
index 4a93a37..0000000
--- a/resources/views/includes/login/firsttime.blade.php
+++ /dev/null
@@ -1,30 +0,0 @@
-@extends('includes.login.index')
-
-@section('content')
-
-<title>Pertama Kali | Customer Portal</title>
-
-<h6 style="text-align: center; margin-bottom: 10%;">Pertama Kali</h6>
-
-<form role="form" class="text-start">
-    <div class="input-group input-group-outline my-3">
-        <!-- <label class="form-label">Email</label> -->
-        <input placeholder="Email"  type="email" class="form-control">
-    </div>
-    <div class="input-group input-group-outline mb-3">
-        <!-- <label class="form-label">One-Time-Password</label> -->
-        <input placeholder="One-Time-Password"  type="password" class="form-control">
-    </div>
-    
-    <div class="text-center">
-        <button type="button" class="btn bg-gradient-dark w-100 my-4 mb-2" style="background: #4A4E59;">Daftar Masuk</button>
-    </div>
-    <p class="mt-6 text-sm text-center">
-
-        <a href="/loginportal">Log Masuk</a>
-        <a href="#" class="text-dark text-gradient font-weight-bold"> | </a>
-        <a href="/forgetpassword">Lupa Kata Laluan</a>
-    </p>
-</form>
-
-@endsection
\ No newline at end of file
diff --git a/resources/views/includes/login/index.blade.php b/resources/views/includes/login/index.blade.php
index d48c264..eea5341 100644
--- a/resources/views/includes/login/index.blade.php
+++ b/resources/views/includes/login/index.blade.php
@@ -31,6 +31,8 @@
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
     <!-- CSS Files -->
     <link href="{{ asset('css/material-kit-login.css') }}" rel="stylesheet">
+    <script src="{{ asset('argon') }}/vendor/jquery/dist/jquery.min.js"></script>
+
 </head>
 
 <body class="sign-in-basic">
diff --git a/resources/views/includes/main/head.blade.php b/resources/views/includes/main/head.blade.php
index 15d0f25..98bd1be 100644
--- a/resources/views/includes/main/head.blade.php
+++ b/resources/views/includes/main/head.blade.php
@@ -25,4 +25,10 @@
 
 <script src="{{ asset('argon') }}/vendor/jquery/dist/jquery.min.js"></script>
 <script type="text/javascript" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
-<script src="{{ asset('argon') }}/js/bootstrap-notify.js"></script>
\ No newline at end of file
+<script src="{{ asset('argon') }}/js/bootstrap-notify.js"></script>
+
+@if(Auth::user()->hasVerifiedEmail())
+<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
+    @csrf
+</form>
+@endif
\ No newline at end of file
diff --git a/resources/views/includes/main/navigation.blade.php b/resources/views/includes/main/navigation.blade.php
index 059715a..e5e0325 100644
--- a/resources/views/includes/main/navigation.blade.php
+++ b/resources/views/includes/main/navigation.blade.php
@@ -64,9 +64,9 @@
 <div class="container position-sticky z-index-sticky top-0">
     <div class="row">
         <div class="col-12">
-            <nav class="navbar navbar-expand-lg  blur border-radius-xl top-0 z-index-fixed shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
+            <nav class="navbar navbar-expand-lg blur border-radius-xl top-0 z-index-fixed shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
                 <div class="container-fluid px-0">
-                    <a class="navbar-brand font-weight-bolder ms-sm-3" href="/" rel="tooltip" title="Designed and Coded by Creative Tim" data-placement="bottom">
+                    <a class="navbar-brand font-weight-bolder ms-sm-3" href="/" rel="tooltip" title="e-Rahn" data-placement="bottom">
                         CUSTOMER PORTAL
                     </a>
                     <button class="navbar-toggler shadow-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
@@ -104,7 +104,6 @@
                             </li>
                             <li class="nav-item my-auto ms-3 ms-lg-0">
                                 <a href="{{ route('logout') }}" class="btn btn-sm  bg-white  mb-0 me-1 mt-2 mt-md-0" onclick="event.preventDefault();document.getElementById('logout-form').submit();">
-                                    <i class="fas fa-sign-out-alt"></i>
                                     <span>{{ __('Logout') }}</span>
                                 </a>
                     </div>
diff --git a/resources/views/layouts/indexfirst.blade.php b/resources/views/layouts/indexfirst.blade.php
index 15ccfc7..b1b2b07 100644
--- a/resources/views/layouts/indexfirst.blade.php
+++ b/resources/views/layouts/indexfirst.blade.php
@@ -7,13 +7,6 @@
 </head>
 
 <body class="about-us bg-gray-200">
-
-    @if(Auth::user()->hasVerifiedEmail())
-    <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
-        @csrf
-    </form>
-    @endif
-
     @include('includes.main.navigation')
     @include('includes.main.header')
     <div class="card card-body shadow-xl mx-3 mx-md-4 mt-n6">
diff --git a/routes/web.php b/routes/web.php
index 1102542..cfd2ae7 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -16,6 +16,9 @@ use Illuminate\Support\Facades\Route;
 // Route::get('/', function () {
 //     return view('welcome');
 // });
+Route::get('/email', function () {
+    return view('/email/test');
+});
 Route::get('/loginportal', function () {
     return view('/includes/login/loginportal');
 });