From 50bf544e2d0827da07eed963c7e6fc1223f7268b Mon Sep 17 00:00:00 2001
From: Amir Hamzan <62345746+amirhamzan@users.noreply.github.com>
Date: Wed, 17 Nov 2021 17:01:34 +0800
Subject: [PATCH] add skeleton profile

---
 resources/views/includes/home.blade.php       | 44 +++-------
 .../includes/login/forgetpassword.blade.php   |  2 +-
 .../views/includes/main/header.blade.php      |  8 +-
 resources/views/includes/profile.blade.php    | 83 +++++++++++++++++++
 .../includes/rekod/caripelanggan.blade.php    |  0
 .../main => layouts}/index.blade.php          |  5 +-
 resources/views/semak/semaksag.blade.php      |  2 +-
 routes/web.php                                |  3 +
 8 files changed, 109 insertions(+), 38 deletions(-)
 create mode 100644 resources/views/includes/profile.blade.php
 create mode 100644 resources/views/includes/rekod/caripelanggan.blade.php
 rename resources/views/{includes/main => layouts}/index.blade.php (77%)

diff --git a/resources/views/includes/home.blade.php b/resources/views/includes/home.blade.php
index f6785cd..4fe2733 100644
--- a/resources/views/includes/home.blade.php
+++ b/resources/views/includes/home.blade.php
@@ -1,12 +1,12 @@
-@extends ('includes.main.index')
+@extends ('layouts..index')
 
 @section('content')
 
 <title>Home | Customer Portal</title>
 
 
-<div class="col-lg-4 ms-auto mt-lg-0 mt-8">
-    <div class="card">
+<div class="col-lg-4 col-md-6">
+    <div class="card mt-8">
         <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
             <a class="d-block blur-shadow-image">
                 <img src="{{ asset('assets/img/material-kit/internal/record.jpg') }}" alt="img-colored-shadow" class="img-fluid border-radius-lg">
@@ -24,8 +24,8 @@
         </div>
     </div>
 </div>
-<div class="col-lg-4 ms-auto mt-lg-0 mt-8">
-    <div class="card">
+<div class="col-lg-4 col-md-6">
+    <div class="card mt-8">
         <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
             <a class="d-block blur-shadow-image">
                 <img src="{{ asset('assets/img/material-kit/internal/paymentbg1.jpg') }}" alt="img-colored-shadow" class="img-fluid border-radius-lg">
@@ -43,8 +43,8 @@
         </div>
     </div>
 </div>
-<div class="col-lg-4 ms-auto mt-lg-0 mt-8">
-    <div class="card">
+<div class="col-lg-4 col-md-6">
+    <div class="card mt-8">
         <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
             <a class="d-block blur-shadow-image">
                 <img src="{{ asset('assets/img/material-kit/internal/stackgold.jpg') }}" alt="img-colored-shadow" class="img-fluid border-radius-lg">
@@ -62,8 +62,8 @@
         </div>
     </div>
 </div>
-<div class="col-lg-4 ms-auto mt-lg-8 mt-8">
-    <div class="card">
+<div class="col-lg-4 col-md-6">
+    <div class="card mt-8">
         <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
             <a class="d-block blur-shadow-image">
                 <img src="{{ asset('assets/img/material-kit/internal/analisa.jpg') }}" alt="img-colored-shadow" class="img-fluid border-radius-lg">
@@ -81,30 +81,11 @@
         </div>
     </div>
 </div>
-<div class="col-lg-4 ms-auto mt-lg-8 mt-8">
-    <div class="card">
+<div class="col-lg-4 col-md-6">
+    <div class="card mt-8">
         <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
             <a class="d-block blur-shadow-image">
-                <img src="{{ asset('assets/img/material-kit/internal/discussCopy.jpg') }}" alt="img-colored-shadow" class="img-fluid border-radius-lg">
-            </a>
-        </div>
-        <div class="card-body text-center">
-            <h5 class="font-weight-normal">
-                <a href="javascript:;">Next Function</a>
-            </h5>
-            <p class="mb-0">
-                Website visitors today demand a frictionless user expericence — especially when using search. Because
-                of the hight standards.
-            </p>
-            <button type="button" class="btn bg-gradient-info btn-sm mb-0 mt-3">Next Function</button>
-        </div>
-    </div>
-</div>
-<div class="col-lg-4 ms-auto mt-lg-8 mt-8">
-    <div class="card">
-        <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
-            <a class="d-block blur-shadow-image">
-                <img src="https://images.unsplash.com/photo-1544717302-de2939b7ef71?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80" alt="img-colored-shadow" class="img-fluid border-radius-lg">
+                <img src="{{ asset('assets/img/material-kit/internal/discuss.jpg') }}" alt="img-colored-shadow" class="img-fluid border-radius-lg">
             </a>
         </div>
         <div class="card-body text-center">
@@ -120,4 +101,5 @@
     </div>
 </div>
 
+
 @endsection
\ No newline at end of file
diff --git a/resources/views/includes/login/forgetpassword.blade.php b/resources/views/includes/login/forgetpassword.blade.php
index e571ca1..5fd79c8 100644
--- a/resources/views/includes/login/forgetpassword.blade.php
+++ b/resources/views/includes/login/forgetpassword.blade.php
@@ -1,4 +1,4 @@
-@extends('includes.login.index')
+@extends('layouts.index')
 
 @section('content')
 
diff --git a/resources/views/includes/main/header.blade.php b/resources/views/includes/main/header.blade.php
index 74a5708..2ac5ba5 100644
--- a/resources/views/includes/main/header.blade.php
+++ b/resources/views/includes/main/header.blade.php
@@ -37,7 +37,13 @@
                     </a>
                 </li>
                 <li class="nav-item ms-lg-auto">
-                    <a class="nav-link nav-link-icon me-2" href="#profil">
+                    <a class="nav-link nav-link-icon me-2" href="#analisa">
+                        <i class="fa fa-microchip me-1"></i>
+                        <p class="d-inline text-sm z-index-1 font-weight-bold" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Function Seterusnya">Next</p>
+                    </a>
+                </li>
+                <li class="nav-item ms-lg-auto">
+                    <a class="nav-link nav-link-icon me-2" href="portalprofile">
                         <i class="fa fa-user me-1"></i>
                         <p class="d-inline text-sm z-index-1 font-weight-bold" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tetapan Profile">Profil</p>
                     </a>
diff --git a/resources/views/includes/profile.blade.php b/resources/views/includes/profile.blade.php
new file mode 100644
index 0000000..cc9ad8f
--- /dev/null
+++ b/resources/views/includes/profile.blade.php
@@ -0,0 +1,83 @@
+@extends('layouts.index')
+
+@section('content')
+
+<div class="col-xl-5 col-lg-6 col-md-7 d-flex flex-column ms-auto me-auto ms-lg-auto me-lg-5">
+    <div class="card d-flex blur justify-content-center shadow-lg my-sm-0 my-sm-6 mt-8 mb-5">
+        <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2 bg-transparent">
+            <div class="bg-gradient-primary shadow-primary border-radius-lg p-3">
+                <h3 class="text-white text-primary mb-0">Profil</h3>
+            </div>
+        </div>
+        <div class="card-body">
+            <p class="pb-3">
+                For further questions, including partnership opportunities, please email hello@creative-tim.com
+                or contact using our contact form.
+            </p>
+            <form id="contact-form" method="post" autocomplete="off">
+                <div class="card-body p-0 my-3">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="input-group input-group-static mb-4">
+                                <label>Nama</label>
+                                <input type="email" class="form-control" placeholder="Full Name">
+                            </div>
+                        </div>
+                        <div class="col-md-6 ps-md-2">
+                            <div class="input-group input-group-static mb-4">
+                                <label>Email</label>
+                                <input type="email" class="form-control" placeholder="hello@creative-tim.com">
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="input-group input-group-static mb-4">
+                                <label>IC</label>
+                                <input type="email" class="form-control" placeholder="Full Name">
+                            </div>
+                        </div>
+                        <div class="col-md-6 ps-md-2">
+                            <div class="input-group input-group-static mb-4">
+                                <label>No Telefon</label>
+                                <input type="email" class="form-control" placeholder="hello@creative-tim.com">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group mb-0 mt-md-0 mt-4">
+                        <div class="input-group input-group-static mb-4">
+                            <label>Alamat</label>
+                            <textarea name="message" class="form-control" id="message" rows="6" placeholder="Describe your problem in at least 250 characters"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="row">
+                        <div class="col-md-4">
+                            <div class="input-group input-group-static mb-4">
+                                <label>Poskod</label>
+                                <input type="email" class="form-control" placeholder="Full Name">
+                            </div>
+                        </div>
+                        <div class="col-md-4 ps-md-2">
+                            <div class="input-group input-group-static mb-4">
+                                <label>Daerah</label>
+                                <input type="email" class="form-control" placeholder="hello@creative-tim.com">
+                            </div>
+                        </div>
+                        <div class="col-md-4 ps-md-2">
+                            <div class="input-group input-group-static mb-4">
+                                <label>Negeri</label>
+                                <input type="email" class="form-control" placeholder="hello@creative-tim.com">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-12 text-center">
+                            <button type="submit" class="btn bg-gradient-primary mt-3 mb-0">Send Message</button>
+                        </div>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/includes/rekod/caripelanggan.blade.php b/resources/views/includes/rekod/caripelanggan.blade.php
new file mode 100644
index 0000000..e69de29
diff --git a/resources/views/includes/main/index.blade.php b/resources/views/layouts/index.blade.php
similarity index 77%
rename from resources/views/includes/main/index.blade.php
rename to resources/views/layouts/index.blade.php
index eb29096..69a33e3 100644
--- a/resources/views/includes/main/index.blade.php
+++ b/resources/views/layouts/index.blade.php
@@ -6,14 +6,11 @@
 </head>
 
 <body class="about-us bg-gray-200">
-
     @include('includes.main.header')
-
     <div class="card card-body shadow-xl mx-3 mx-md-4 mt-n6">
-        <!-- Section with four info areas left & one card right with image and waves -->
         <section class="py-7">
             <div class="container">
-                <div class="row align-items-center">
+                <div class="row justify-content-center">
                     @yield('content')
                 </div>
             </div>
diff --git a/resources/views/semak/semaksag.blade.php b/resources/views/semak/semaksag.blade.php
index a04ba72..41968ec 100644
--- a/resources/views/semak/semaksag.blade.php
+++ b/resources/views/semak/semaksag.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.app')
+@extends('includes.main.index')
 
 @section('content')
     @include('layouts.headers.cards')
diff --git a/routes/web.php b/routes/web.php
index e940ee1..6245f5f 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -28,6 +28,9 @@ Route::get('/firsttime', function () {
 Route::get('/portalhome', function () {
     return view('/includes/home');
 });
+Route::get('/portalprofile', function () {
+    return view('/includes/profile');
+});
 
 
 Route::get('/', function () {