From 84b180fbcb31596c31aaaacc62fe68ea1828f31c Mon Sep 17 00:00:00 2001
From: Amir Hamzan <62345746+amirhamzan@users.noreply.github.com>
Date: Sun, 19 Dec 2021 16:41:55 +0800
Subject: [PATCH] daftar pelanggan ui

---
 .../Controllers/Auth/RegisterController.php   |   2 +-
 .../auth/pertama-kali/firsttime.blade.php     |  40 +-
 .../auth/pertama-kali/firsttime2.blade.php    | 409 ++++++++++++++++++
 resources/views/auth/verify.blade.php         |  77 ++--
 4 files changed, 472 insertions(+), 56 deletions(-)
 create mode 100644 resources/views/auth/pertama-kali/firsttime2.blade.php

diff --git a/app/Http/Controllers/Auth/RegisterController.php b/app/Http/Controllers/Auth/RegisterController.php
index 7f8d246..d71b011 100644
--- a/app/Http/Controllers/Auth/RegisterController.php
+++ b/app/Http/Controllers/Auth/RegisterController.php
@@ -86,7 +86,7 @@ class RegisterController extends Controller
     protected function firsttimer()
     {
         // return view('auth.pertama-kali.pertamakalistep1');
-        return view('auth.pertama-kali.firsttime');
+        return view('auth.pertama-kali.firsttime2');
     }
 
     // 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
index f7b36a6..c5f226f 100644
--- a/resources/views/auth/pertama-kali/firsttime.blade.php
+++ b/resources/views/auth/pertama-kali/firsttime.blade.php
@@ -39,7 +39,7 @@
 
     <div class="page-header align-items-start min-vh-100" style="background-image: url('/argon/login/backg4_x2.jpg');" loading="lazy">
         <span class="mask bg-gradient-dark opacity-6"></span>
-        <div class="container my-auto mx-auto ">
+        <div class="container my-auto mx-auto">
             <div class="row">
                 <div class="col-lg-10 col-md-12 col-12 mx-auto mt-5">
                     <div class="card z-index-0 fadeIn3 fadeInBottom">
@@ -61,14 +61,16 @@
                                     <h3 class="mt-2 mb-4" style="text-align: center;">Daftar Akaun</h3>
                                     <p>Sila isi nombor OTP yang telah di mesej ke nombor telefon bimbit anda.</p>
                                     <div class="input-group input-group-outline my-3 {{ $errors->has('email') ? ' has-danger' : '' }}">
-                                        <input placeholder="OTP" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" type="email" name="email" value="{{ old('email') }}" id="login-username">
+                                        <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 class="invalid-feedback" style="display: block;margin-top:-10px !important;" role="alert">
-                                    </span>
+                                    <span id="spanotp" class="text-danger" role="alert">
+                                        <small><strong id="errorotp"></strong></small>
+                                    </span> </span>
                                     <div class="input-group input-group-outline mb-3">
-                                        <input placeholder="E-mail" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" type="email" name="password" id="login-password">
+                                        <input placeholder="No. Kad Pengenalan" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" type="email" name="password" id="login-password">
                                     </div>
-                                    <span class="invalid-feedback" style="display: block;margin-top:-10px !important;" role="alert">
+                                    <span id="spanic" class="text-danger invisible" role="alert">
+                                        <small><strong id="erroricno">ss</strong></small>
                                     </span>
                                     <div class="text-center mt-6">
                                         <button type="submit" class="btn bg-gradient-dark w-100 my-4 mb-2" onclick="loadingbtn();this.disabled=true;this.form.submit();" style="background: #4A4E59;">SETERUSNYA</button>
@@ -84,11 +86,11 @@
                                 </div>
                                 <div class="col-lg-6 mt-lg-0 mt-5 ps-lg-0 ps-0 ms-auto">
                                     <div class="my-auto mx-auto">
-                                        <p>hajshhasfsfsfsfssffsfssfffffffffffffffffffffffffffffffffffffffffffffs</p>
-                                        <img src="('/argon/login/backg4_x2.jpg')" alt="">
+                                        <h5 class="mt-2 mb-4" style="text-align: center;">Maklumat Pelanggan</h5>
                                     </div>
-                                    <!-- <div class="card-body p-0 my-3 mt-5">
+                                    <div class="card-body p-0 my-3 mt-5">
                                         <div class="row">
+
                                             <div class="col-md-12">
                                                 <div class="input-group input-group-static mb-4">
                                                     <label>Nama</label>
@@ -97,13 +99,13 @@
                                             </div>
                                             <div class="col-md-6">
                                                 <div class="input-group input-group-static mb-4">
-                                                    <label>IC</label>
+                                                    <label>No. Kad Pengenalan</label>
                                                     <input type="email" class="form-control" placeholder="8989989-89-0555" readonly>
                                                 </div>
                                             </div>
                                             <div class="col-md-6 ps-md-2">
                                                 <div class="input-group input-group-static mb-4">
-                                                    <label>No Telefon</label>
+                                                    <label>No. Telefon</label>
                                                     <input type="email" class="form-control" placeholder="0128989500" readonly>
                                                 </div>
                                             </div>
@@ -115,16 +117,22 @@
                                             </div>
                                         </div>
                                         <div class="row">
-                                            <div class="col-md-6">
+                                            <div class="col-md-4">
                                                 <div class="input-group input-group-static mb-4">
                                                     <label>Poskod</label>
                                                     <input type="email" class="form-control" placeholder="121" readonly>
                                                 </div>
                                             </div>
-                                            <div class="col-md-6">
+                                            <div class="col-md-8">
+                                                <div class="input-group input-group-static mb-4">
+                                                    <label>Daerah</label>
+                                                    <input type="email" class="form-control" placeholder="Kota Bharu" readonly>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-12">
                                                 <div class="input-group input-group-static mb-4">
                                                     <label>Negeri</label>
-                                                    <input type="email" class="form-control" placeholder="Kelantamm" readonly>
+                                                    <input type="email" class="form-control" placeholder="Kelantammm" readonly>
                                                 </div>
                                             </div>
                                             <span class="text-danger text-xl-center font-weight-bold" style="text-align: center;"><small>*Diminta untuk semak maklumat pelanggan terlebih dahulu!</small></span><br>
@@ -138,7 +146,7 @@
                                                 </div>
                                             </div>
                                         </div>
-                                    </div> -->
+                                    </div>
                                 </div>
                             </div>
                         </div>
@@ -322,7 +330,7 @@
                 setTimeout(showSlides, 10000); // Change image every 2 seconds
             }
         </script>
-
+    </div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/resources/views/auth/pertama-kali/firsttime2.blade.php b/resources/views/auth/pertama-kali/firsttime2.blade.php
new file mode 100644
index 0000000..72d6ed6
--- /dev/null
+++ b/resources/views/auth/pertama-kali/firsttime2.blade.php
@@ -0,0 +1,409 @@
+<!DOCTYPE html>
+<html lang="en" itemscope itemtype="http://schema.org/WebPage">
+
+<style>
+    .background {
+        max-width: -webkit-fill-available;
+        padding: 15%;
+    }
+
+    .shadow-primary {
+        box-shadow: #4A4E59 !important;
+    }
+
+    .text-primary {
+        color: #4A4E59 !important;
+    }
+</style>
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!--     Fonts and icons     -->
+    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Slab:400,700" />
+    <!-- Nucleo Icons -->
+    <link href="{{ asset('css/nucleo-icons.css') }}" rel="stylesheet">
+    <link href="{{ asset('css/nucleo-svg.css') }}" rel="stylesheet">
+    <link href="{{ asset('argon') }}/img/brand/ARRAHN1.png" rel="icon" type="image/png">
+
+    <!-- Material Icons -->
+    <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">
+
+    <div class="page-header align-items-start min-vh-100" style="background-image: url('/argon/login/backg4_x2.jpg');" loading="lazy">
+        <span class="mask bg-gradient-dark opacity-6"></span>
+
+        <div class="container my-auto mx-auto">
+            <div class="row">
+                <div class="col-lg-10 col-md-12 col-12 mx-auto mt-5">
+                    <div class="card z-index-0 fadeIn3 fadeInBottom">
+
+                        <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
+                            <div class="bg-gradient-primary border-radius-lg py-3 pe-1" style="background: #4A4E59;">
+                                <h4 class="text-white font-weight-bolder text-center mt-2 mb-0">Customer Portal</h4>
+                            </div>
+                        </div>
+                        <div class="card-body">
+                            <div class="row">
+                                <div class="col-lg-5">
+
+                                    <h3 class="mt-2 mb-4" style="text-align: center;">Daftar Akaun</h3>
+                                    <p>Sila isi nombor OTP yang telah di hantar ke nombor telefon bimbit anda.</p>
+                                    {{-- <form action="#" method="post" enctype="multipart/form-data" class="login-form" novalidate="novalidate"> --}}
+                                    @csrf
+                                    <div class="input-group input-group-outline my-3 {{ $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 class="input-group input-group-outline mb-3 {{ $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 class="row">
+
+                                        <div class="text-center mt-3">
+                                            <button id="seterusbtn" class="btn btn-secondary login pull-right" type="button" onclick="checkpelanggan();" style="background: #4A4E59;">Seterusnya</button>
+                                        </div>
+
+                                    </div>
+                                    <br>
+                                    <div class="row" style="text-align: center;">
+                                        <div class="col-sm-12 col-xs-12 forgetpassword">
+                                            <div class="forgot-password">
+                                                <a href="{{ route('login') }}">Log-Masuk</a>
+                                                </a> |@if (Route::has('password.request')) <a href="{{ route('password.request') }}">
+                                                    Lupa Katalaluan
+                                                </a>@endif
+                                            </div>
+                                        </div>
+
+                                        <div class="col-xl-12 mt-xl-10 col-sm-12 mt-sm-0">
+                                            <div style="font-size: 10px; margin-top: 5%;"><br><br>Paparan terbaik menggunakan Mozilla Firefox, Google Chrome & Internet Explorer 9.0 ke atas dengan resolusi 1920 x 1080</div>
+                                        </div>
+
+                                    </div>
+                                    {{-- </form> --}}
+
+
+
+                                    <br>
+                                </div>
+                                <div class="col-lg-6 mt-lg-0 mt-5 ps-lg-0 ps-0 ms-auto">
+
+                                    <!-- <div id="logobg" class="visible" style="text-align: center;">
+                                        <img src="{{ asset('argon') }}/login/logo_arrahn_baru.png" style="width: 100px; height: 100px;">
+
+                                    </div> -->
+
+                                    <div id="makpel" class="invisible">
+                                        <div class="my-auto mx-auto">
+                                            <h3 class="mt-2 mb-4" style="text-align: center;">Maklumat Pelanggan</h3>
+                                        </div>
+                                        @if (Session::has('custdetail'))
+                                        <?php $customerdetails = Session::get('custdetail'); ?>
+                                        @endif
+                                        <form method="GET" action="{{ route('register') }}">
+                                            {{-- @csrf --}}
+                                            <div class="card-body p-0 my-3">
+                                                <div class="row">
+                                                    <div class="col-md-12">
+                                                        <div class="input-group input-group-static mb-4">
+                                                            <label for="name">{{ __('Nama') }}</label>
+                                                            <input autocomplete="off" type="text" name="name" class="input-group-outline 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="col-md-6">
+                                                        <div class="input-group input-group-static mb-4">
+                                                            <label for="icno">{{ __('No IC') }}</label>
+                                                            <input autocomplete="off" type="text" name="icno" class="input-group-outline 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>
+                                                    </div>
+
+                                                    <div class="col-md-6 ps-md-2">
+                                                        <div class="input-group input-group-static mb-4">
+                                                            <label for="notel">{{ __('No. Tel') }}</label>
+                                                            <input autocomplete="off" type="text" name="notel" class="input-group-outline form-control" value="{{ Session::has('custdetail') ? $customerdetails[0]['telefon'] : old('notel') }}" disabled>
+                                                        </div>
+                                                    </div>
+                                                    <div class="form-group mb-0 mt-md-0">
+                                                        <div class="input-group input-group-static mb-4">
+
+                                                            <label for="alamat">{{ __('Alamat') }}</label>
+                                                            @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 input-group-outline" rows="2" disabled>{{ Session::has('custdetail') ? $customerdetails[0]['alamat1'] . ' ' . $customerdetails[0]['alamat2'] : old('alamat') }}
+                                                            </textarea>
+                                                        </div>
+                                                    </div>
+
+                                                    <div class="col-md-4">
+                                                        <div class="input-group input-group-static mb-4">
+                                                            <label for="poskod">{{ __('Poskod') }}</label>
+
+                                                            <input autocomplete="off" type="text" name="poskod" class="input-group-outline 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>
+                                                    </div>
+
+                                                    <div class="col-md-8">
+                                                        <div class="input-group input-group-static mb-4">
+
+                                                            <label for="namadaerah">{{ __('Daerah') }}</label>
+                                                            <input autocomplete="off" type="text" name="namadaerah" class=" input-group-outline form-control" value="{{ Session::has('custdetail') ? $koddaerah['namadaerah'] : old('namadaerah') }}" disabled>
+                                                        </div>
+                                                    </div>
+
+                                                    <div class="col-md-12">
+                                                        <div class="input-group input-group-static mb-4">
+                                                            <label for="negeri">{{ __('Negeri') }}</label>
+
+                                                            <input autocomplete="off" type="text" name="negeri" class="input-group-outline 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>
+
+                                                    <div class="row">
+                                                        <div class="col-6" style="text-align: center;">
+                                                            <button id="betulbtn" type="submit" class="btn btn-success mt-2">Betul</button>
+
+                                                        </div>
+                                                        <div class="col-6" style="text-align: center;">
+                                                            <button type="button" class="btn btn-danger mt-2" onclick="backfunc()">Salah</button>
+                                                        </div>
+
+                                                    </div>
+                                                </div>
+                                        </form>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <footer class="footer bottom-0 py-2 w-100">
+                <div class="container">
+                    <div class="row align-items-center">
+                        <div class="col-12 my-auto">
+                            <div class="text-sm text-white text-lg-start" style="text-align: center !important;">
+                                @2021, Copyright Koperasi Permodalan Kelantan Berhad
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+            </footer>
+        </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>
+            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 Isi Nombor OTP!');
+                    $('#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 Isi No Kad Pengenalan 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);
+
+                                        $('#logobg').addClass('invisible');
+                                        $('#logobg').removeClass('visible');
+                                        $('#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');
+                $('#logobg').addClass('visible');
+                $('#logobg').removeClass('invisible');
+                $("#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>
+        <!-- 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]-->
+
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/resources/views/auth/verify.blade.php b/resources/views/auth/verify.blade.php
index f83ec27..dedddfc 100644
--- a/resources/views/auth/verify.blade.php
+++ b/resources/views/auth/verify.blade.php
@@ -1,10 +1,9 @@
-<!DOCTYPE html>
+<!-- <!DOCTYPE html>
 <html>
 
 <head>
     <title>Ar-Rahn</title>
-            <!-- Favicon-->
-            <link rel="icon" type="image/x-icon" href="{{ asset('img/arrahnlogo.png') }}" />
+    <link rel="icon" type="image/x-icon" href="{{ asset('img/arrahnlogo.png') }}" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -39,7 +38,6 @@
             }
         }
 
-        /* CLIENT-SPECIFIC STYLES */
         body,
         table,
         td,
@@ -58,7 +56,6 @@
             -ms-interpolation-mode: bicubic;
         }
 
-        /* RESET STYLES */
         img {
             border: 0;
             height: auto;
@@ -78,7 +75,6 @@
             width: 100% !important;
         }
 
-        /* iOS BLUE LINKS */
         a[x-apple-data-detectors] {
             color: inherit !important;
             text-decoration: none !important;
@@ -88,7 +84,6 @@
             line-height: inherit !important;
         }
 
-        /* MOBILE STYLES */
         @media screen and (max-width:600px) {
             h1 {
                 font-size: 32px !important;
@@ -96,31 +91,34 @@
             }
         }
 
-        /* ANDROID CENTER FIX */
         div[style*="margin: 16px 0;"] {
             margin: 0 !important;
         }
 
-        .buttonstyle{
-            background-color:#10ac84;
-            color:white;
-            padding:15px 15px 15px 15px;
+        .buttonstyle {
+            background-color: #10ac84;
+            color: white;
+            padding: 15px 15px 15px 15px;
             text-decoration: none;
-            border-radius:5px;
-        
-        }
-        
-    </style>
-</head>
+            border-radius: 5px;
 
-<body style="background-color: #f4f4f4; margin: 0 !important; padding: 0 !important;">
+        }
+    </style>
+</head> -->
+
+
+@extends('layouts.indexfifth')
+
+@section('content')
+
+<body style="background-color: #ffff; margin: 0 !important; padding: 0 !important;">
     <!-- HIDDEN PREHEADER TEXT -->
     <div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: 'Lato', Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;"> We're thrilled to have you here! Get ready to dive into your new account. </div>
     <table border="0" cellpadding="0" cellspacing="0" width="100%">
         <!-- LOGO -->
         <tr>
-            <td bgcolor="#10ac84" align="center">
-                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
+            <td bgcolor="#005CA7" align="center">
+                <table cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
                     <tr>
                         <td align="center" valign="top" style="padding: 40px 10px 40px 10px;"> </td>
                     </tr>
@@ -128,29 +126,31 @@
             </td>
         </tr>
         <tr>
-            <td bgcolor="#10ac84" align="center" style="padding: 0px 10px 0px 10px;">
+            <td bgcolor="#005CA7" align="center" style="padding: 0px 10px 0px 10px;">
                 <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
                     <tr>
                         <td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #111111; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; letter-spacing: 4px; line-height: 48px;">
-                            <h1 style="font-size: 48px; font-weight: 400; margin: 2;">Selamat Datang!</h1> <img src="{{ asset('argon') }}/img/brand/logo_arrahn_baru.png" width="155" height="120" style="display: block; border: 0px;" />
+                            <h3 style="font-size: 48px; font-weight: 400; margin: 2;">SELAMAT DATANG!</h3>
+                            <img src="{{ asset('argon') }}/img/brand/logo_arrahn_baru.png" width="155" height="120" style="display: block; border: 0px;" />
                         </td>
                     </tr>
                 </table>
             </td>
         </tr>
         <tr>
-            <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">
+            <td bgcolor="#005CA7" align="center" style="padding: 0px 10px 0px 10px;">
                 <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
                     <tr>
                         <td bgcolor="#ffffff" align="left" style="padding: 10px 30px 40px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;">
                             @if (session('resent'))
-                            <div class="alert alert-success" role="alert"><p style="color:#27ae60;text-align: center;">Pautan pengesahan baru telah dihantar ke
-                                alamat e-mel : {{ Auth::user()->email }}</p>
+                            <div class="alert alert-success" role="alert">
+                                <p style="color:#27ae60;text-align: center;">Pautan pengesahan baru telah dihantar ke
+                                    alamat e-mel : {{ Auth::user()->email }}</p>
                             </div>
                             @endif
                         </td>
                     </tr>
-                   
+
                     <tr>
                         <td bgcolor="#ffffff" align="left" style="padding: 0px 30px 0px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;">
                             <p style="margin: 0;text-align:justify;">Sebelum meneruskan, sila periksa e-mel anda untuk mendapatkan pautan pengesahan. Sekiranya anda tidak menerima sebarang
@@ -164,12 +164,12 @@
                                     <td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;">
                                         <table border="0" cellspacing="0" cellpadding="0">
                                             <tr>
-                                                <td align="center" style="border-radius: 3px;" bgcolor="#10ac84">
+                                                <td align="center" style="border-radius: 3px; background-color:#005CA7;">
                                                     <a href="#" target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #10ac84; display: inline-block;" onclick="event.preventDefault(); document.getElementById('email-form').submit();">Hantar Semula</a>
                                                 </td>
                                             </tr>
                                         </table>
-                                        
+
                                         <form id="email-form" action="{{ route('verification.resend') }}" method="POST" style="display: none;">
                                             @csrf
                                         </form>
@@ -190,21 +190,20 @@
             <td bgcolor="#f4f4f4" align="center" style="padding: 30px 10px 0px 10px;">
                 <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
                     <tr>
-                        <td bgcolor="#78e08f" align="center" style="padding: 30px 30px 30px 30px; border-radius: 4px 4px 4px 4px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;">
-                        {{-- <p style="margin: 0;"><a href="{{ url('/') }}" style="color: #10ac84;">Menu Utama</a></p> --}}
-                        <p style="margin: 0;"><a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();" class="buttonstyle">Menu Utama</a></p>
-                        
-                        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
-                            @csrf
-                        </form>
-                    
+                        <td bgcolor="#005CA7" align="center" style="padding: 30px 30px 30px 30px; border-radius: 4px 4px 4px 4px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;">
+                            <p style="margin: 0;"><a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();" class="buttonstyle btn-primary">Menu Utama</a></p>
+
+                            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
+                                @csrf
+                            </form>
+
                         </td>
                     </tr>
                 </table>
             </td>
         </tr>
-    
+
     </table>
 </body>
 
-</html>
\ No newline at end of file
+@endsection
\ No newline at end of file