From dd51cf4f4c8a144660db939fd6a6e037da997946 Mon Sep 17 00:00:00 2001
From: Amirul Amin <amirul@tuxuri.com>
Date: Thu, 29 Jul 2021 00:15:41 +0800
Subject: [PATCH] add side menu and header skeleton

---
 resources/views/pages/dashboard.blade.php | 206 ++++++++++++++++++++++
 routes/web.php                            |   2 +-
 2 files changed, 207 insertions(+), 1 deletion(-)
 create mode 100644 resources/views/pages/dashboard.blade.php
diff --git a/resources/views/pages/dashboard.blade.php b/resources/views/pages/dashboard.blade.php
new file mode 100644
index 00000000..ca3b8dc7
--- /dev/null
+++ b/resources/views/pages/dashboard.blade.php
@@ -0,0 +1,206 @@
+<!doctype html>
+<html lang="en">
+<head>
+    @include('vendor/head')
+    <style>
+        @page {
+            header: page-header;
+            footer: page-footer;
+        }
+
+        body {
+            font-family: sun-extA;
+        }
+
+        .header {
+            margin-top: 5em;
+        }
+
+        .sidebar {
+            width: 285px;
+            position: fixed;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            z-index: 100;
+            padding: 0 15px 0 15px; /* Height of navbar */
+            /* box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); */
+        }
+        
+        .sidebar-sticky {
+            position: relative;
+            top: 0;
+            height: calc(100vh - 48px);
+            padding-top: .5rem;
+            overflow-x: hidden;
+            overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
+        }
+
+        @supports ((position: -webkit-sticky) or (position: sticky)) {
+        .sidebar-sticky {
+            position: -webkit-sticky;
+            position: sticky;
+            }
+        }
+
+        .sidebar .nav-link {
+            font-weight: 500;
+            color: #333;
+        }
+
+        .sidebar .nav-link .feather {
+            margin-right: 4px;
+            color: #999;
+        }
+
+        .sidebar .nav-link.active {
+            color: #007bff;
+        }
+
+        .sidebar .nav-link:hover .feather,
+        .sidebar .nav-link.active .feather {
+            color: inherit;
+        }
+
+        .sidebar-heading {
+            font-size: .75rem;
+            text-transform: uppercase;
+        }
+
+        .navbar-brand {
+            padding-top: .75rem;
+            padding-bottom: .75rem;
+            font-size: 1rem;
+            background-color: rgba(0, 0, 0, .25);
+            box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
+        }
+
+        .navbar .navbar-toggler {
+            top: .25rem;
+            right: 1rem;
+        }
+
+        .navbar .form-control {
+            padding: .75rem 1rem;
+            border-width: 0;
+            border-radius: 0;
+        }
+
+        .form-control-dark {
+            color: #fff;
+            background-color: rgba(255, 255, 255, .1);
+            border-color: rgba(255, 255, 255, .1);
+        }
+
+        .form-control-dark:focus {
+            border-color: transparent;
+            box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
+        }
+
+        .text-menu {
+            color: #a6a6a6;
+            font-size: 16px;
+        }
+
+        .board {
+            width: 100%;
+            height: 180px;
+            background: -webkit-linear-gradient(#503C93, #912873);
+            background: linear-gradient(#503C93, #912873);
+        }
+
+        .text-small {
+            font-size: 12px;
+        }
+
+        .btn-white {
+            background-color: #ffffff !important;
+        }
+    </style>
+</head>
+
+    <div class="d-flex flex-column align-items-end navbar navbar-dark bg-light flex-md-nowrap p-0 shadow">
+        <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-toggle="collapse" data-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <ul class="navbar-nav px-3">
+            <li class="nav-item text-nowrap">
+                <a class="no-margin fs-12 light" style="color: #3c3c3c;" href="#">Sign Out</a>
+            </li>
+        </ul>
+    </div>
+
+    <div id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block sidebar" style="background-color: #f6f6f6">
+        <div class="py-sm-3">
+            <a href="#">
+                <img class="" src="https://www.izyim.com/images/logo.png" alt="" height="24">
+            </a>
+        </div>
+        <div class="sidebar-sticky pt-3 pb-4">
+            <div class="d-flex flex-column justify-content-between" style="height: 100%">
+                <div>
+                    <div class="py-sm-3">
+                        <span class="fs-14 all-caps">Main Menu</span>
+                    </div>
+                    <ul class="nav flex-column justify-content-between" style="height: 250px">
+                        <li class="nav-item">
+                            <a class="text-menu font-weight-normal" href="#">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door" viewBox="0 0 16 16">
+                                    <path d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4H2.5z"/>
+                                </svg>
+                                Dashboard
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="text-menu font-weight-normal" href="#">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-text" viewBox="0 0 16 16">
+                                    <path d="M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
+                                    <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+                                    <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+                                </svg>
+                                My Addresses
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="text-menu font-weight-normal" href="#">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-text" viewBox="0 0 16 16">
+                                    <path d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
+                                    <path d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/>
+                                </svg>
+                                My Orders
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="text-menu font-weight-normal" href="#">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box" viewBox="0 0 16 16">
+                                    <path d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5 8 5.961 14.154 3.5 8.186 1.113zM15 4.239l-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z"/>
+                                </svg>
+                                My Packages
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="text-menu font-weight-normal" href="#">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-truck" viewBox="0 0 16 16">
+                                    <path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5v-7zm1.294 7.456A1.999 1.999 0 0 1 4.732 11h5.536a2.01 2.01 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456zM12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
+                                </svg>
+                                Tracking
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="container d-flex flex-column justify-content-between py-3 col-sx-12 rounded board">
+                    <div class="inline v-align-middle">
+                        <div class="text-white bold">Got Problems?</div>
+                        <span class="text-white text-small normal">If you have any problems regarding your order, contact us now.</span>
+                    </div>
+                    <div class="absolute hint-text dotted-grid" style="width: 83px; height: 74px; margin-top: 80px; margin-left: 85px;"></div>
+                    <div class="row m-t-15">
+                        <div class="col text-center">
+                            <div class="col btn btn-sm p-l-30 p-r-30 btn-white text-primary normal v-align-middle b-rad-1">Contact Us</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</html>
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index a4397592..3c26200a 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -39,5 +39,5 @@ Route::get('/account/password/reset/{token}', function ($token) {
 })->name('account.password.reset');
 
 Route::get('/dashboard', function () {
-    return view('pages.dashboards.index');
+    return view('pages.dashboard');
 })->name('dashboard');
