From ab747b34036ea242982deee4386a41dfbee53b39 Mon Sep 17 00:00:00 2001
From: omair saleh <uldvstar@gmail.com>
Date: Wed, 18 Aug 2021 15:54:38 +0800
Subject: [PATCH] large commit

---
 .../assets/sass/modules/_typography.scss      |  1 +
 .../CustomerProfileSectionComponent.vue       |  4 +-
 .../sections/OnBoardingSectionComponent.vue   |  2 +-
 .../orders/elements/QuickOrderComponent.vue   |  2 +-
 resources/views/layouts/base_portal.blade.php | 72 +++++++++++++++-
 resources/views/partials/menu.blade.php       | 84 +------------------
 6 files changed, 78 insertions(+), 87 deletions(-)

diff --git a/resources/assets/sass/modules/_typography.scss b/resources/assets/sass/modules/_typography.scss
index 8fa063fe..f72c91ce 100644
--- a/resources/assets/sass/modules/_typography.scss
+++ b/resources/assets/sass/modules/_typography.scss
@@ -297,6 +297,7 @@ hr{
 .bg-info-primary-gradient {
     background: linear-gradient($color-info, $color-primary);
 }
+
 /* Primary
 ------------------------------------
 */
diff --git a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
index a57f5353..749e7ef8 100644
--- a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
@@ -31,11 +31,11 @@
                                                     <div class="row">
                                                         <div class="col">
                                                             <div class="row m-l-0 m-r-0 m-b-10 align-items-center hint-text">
-                                                                <div class="col-auto b-b b-white p-t-5 p-l-30 hint-text"></div>
+                                                                <div class="col-auto b-b b-white p-t-5 p-l-30 hint-text d-none d-md-inline"></div>
                                                                 <div class="auto m-r-10 m-l-10">
                                                                     <small class="fs-10 small all-caps">Or Select a different warehouse & delivery address</small>
                                                                 </div>
-                                                                <div class="col-auto b-b b-white p-t-5 p-l-30 hint-text"></div>
+                                                                <div class="col-auto b-b b-white p-t-5 p-l-30 hint-text d-none d-md-inline"></div>
                                                             </div>
                                                             <div class="row">
                                                                 <div class="col">
diff --git a/resources/assets/vue/components/companies/sections/OnBoardingSectionComponent.vue b/resources/assets/vue/components/companies/sections/OnBoardingSectionComponent.vue
index 5f59a13d..c7b5b154 100644
--- a/resources/assets/vue/components/companies/sections/OnBoardingSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/OnBoardingSectionComponent.vue
@@ -91,7 +91,7 @@
                     </div>
                     <div class="row align-items-center justify-content-center">
                         <div class="col-10 text-center">
-                            <button type="button" class="btn btn-lg fs-12 btn-outline-complete b-rad-none m-r-15">Ask us a Question</button>
+                            <button type="button" class="btn btn-lg fs-12 btn-outline-complete b-rad-none m-r-15 requestModal" data-type="contactUs">Ask us a Question</button>
                             <button type="button" class="btn btn-lg fs-12 btn-primary b-rad-none" @click="$store.dispatch('toggleSection', {name: 'createOrderForm', status: true})">Lets create a new order <i class="fa fa-angle-right m-l-10"></i></button>
                         </div>
                     </div>
diff --git a/resources/assets/vue/components/orders/elements/QuickOrderComponent.vue b/resources/assets/vue/components/orders/elements/QuickOrderComponent.vue
index c6d9158d..e6b1d167 100644
--- a/resources/assets/vue/components/orders/elements/QuickOrderComponent.vue
+++ b/resources/assets/vue/components/orders/elements/QuickOrderComponent.vue
@@ -42,7 +42,7 @@
                 </div>
             </div>
         </div>
-        <div class="col-sm-12 col-md">
+        <div class="col-sm-12 col-md mt-3 mt-md-0">
             <div class="btn btn-sm btn-primary bg-primary-darker no-padding btn-rounded fs-12 no-border">
                 <div class="row align-items-center no-margin" @click="createOrder()">
                     <div class="col-auto" v-show="$store.getters.isLoading('quickOrderSection')" style="width: 172px; height: 20px;">
diff --git a/resources/views/layouts/base_portal.blade.php b/resources/views/layouts/base_portal.blade.php
index 00d7e316..452d1560 100644
--- a/resources/views/layouts/base_portal.blade.php
+++ b/resources/views/layouts/base_portal.blade.php
@@ -7,7 +7,7 @@
                 <div class="col no-padding">
                     <div class="content no-padding overflow-hidden h-100">
                         <div class="container-fluid no-padding h-100">
-                            <div class="row h-100 no-margin">
+                            <div class="row h-100 no-margin parentContainer">
                                 <div class="col-8 bg-master-lightest d-md-none position-fixed h-100" v-if="$store.getters.isShowing('sideMenu')" style="z-index: 9999" >
                                     @include('partials.menu')
                                 </div>
@@ -23,6 +23,76 @@
                                         </div>
                                     </div>
                                 </div>
+                                <div class="modal modalContainer fade fill-in" data-type="contactUs">
+                                    <div class="modal-dialog modal-lg">
+                                        <div class="modal-content">
+                                            <div class="modal-body">
+                                                <div class="row text-center ">
+                                                    <div class="col">
+                                                        <div class="row">
+                                                            <div class="col bg-info">
+                                                                <div class="row m-t-10">
+                                                                    <div class="col"></div>
+                                                                    <div class="col-auto">
+                                                                        <i class="fa fa-times pointer fs-16 text-white" data-dismiss="modal"></i>
+                                                                    </div>
+                                                                </div>
+                                                                <div class="row">
+                                                                    <div class="col p-l-25 p-r-25 p-b-25 p-t-0">
+                                                                        <h3 class="m-t-0 text-center bold text-white">Contact Us</h3>
+                                                                        <h6 class="text-white text-center no-margin fs-14">Want to get in touch? We'd love to hear from you. Here's how you can reach us...</h6>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="row d-none d-md-flex">
+                                                            <div class="col bg-info">
+                                                                <div class="row justify-content-center">
+                                                                    <div class="col-11">
+                                                                        <div class="row">
+                                                                            <div class="col bg-white p-t-25 p-l-25 p-r-25 p-b-10 m-r-15" style="border-radius: 10px 10px 0 0;">
+                                                                                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+                                                                                     width="50" height="50"
+                                                                                     viewBox="0 0 172 172"
+                                                                                     style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#000000"><path d="M152.865,123.63844l-8.16463,22.47556c-2.03444,5.59806 -8.21031,8.44413 -13.81106,6.42044c-14.06906,-5.08206 -40.57588,-17.3505 -67.32456,-44.09919c-26.74869,-26.74869 -39.01981,-53.25281 -44.10188,-67.32188c-2.02369,-5.60075 0.82238,-11.77931 6.42044,-13.81106l22.47556,-8.16463c2.22525,-0.80894 4.71388,-0.06719 6.13556,1.8275l19.21025,25.61187c1.51037,2.01563 1.42169,4.81062 -0.21769,6.72144l-13.31925,15.53912c0,0 5.56581,11.3735 18.59481,24.4025c13.029,13.029 24.4025,18.59481 24.4025,18.59481l15.53912,-13.31925c1.9135,-1.63938 4.7085,-1.73075 6.72144,-0.21769l25.61188,19.21025c1.892,1.41631 2.63375,3.90763 1.8275,6.13019z"></path></g></g></svg>
+                                                                            </div>
+                                                                            <div class="col bg-white  p-t-25 p-l-25 p-r-25 p-b-10" style="border-radius: 10px 10px 0 0;">
+                                                                                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+                                                                                     width="50" height="50"
+                                                                                     viewBox="0 0 172 172"
+                                                                                     style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#000000"><path d="M86,6.88c-43.68531,0 -79.12,33.02938 -79.12,73.96c0,21.67469 9.97063,41.96531 27.52,56.07469v30.27469l29.58938,-15.48c7.21594,2.05594 14.44531,2.74125 22.01062,2.74125c43.68531,0 79.12,-33.01594 79.12,-73.96c0,-40.58125 -35.43469,-73.61063 -79.12,-73.61063zM93.91469,105.26938l-19.95469,-21.33875l-37.15469,20.98937l41.28,-43.68531l20.30406,20.29063l36.12,-20.29063z"></path></g></g></svg>
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="row">
+                                                            <div class="col bg-white">
+                                                                <div class="row justify-content-center">
+                                                                    <div class="col-11">
+                                                                        <div class="row">
+                                                                            <div class="col-12 col-md p-l-25 p-r-25 p-b-25 m-r-15" style="border-radius: 10px 10px 0 0;">
+                                                                                <h4 class="text-center">Talk To us</h4>
+                                                                                <p>Just pick up the phone to chat with us.</p>
+                                                                                <h6 class="text-center text-primary bold">+60 18 290 9252</h6>
+                                                                            </div>
+                                                                            <div class="col-12 col-md p-l-25 p-r-25 p-b-25" style="border-radius: 10px 10px 0 0;">
+                                                                                <h4 class="text-center">Contact Customer Service</h4>
+                                                                                <p>Just click the Messenger button at the bottom right corner to chat with us.</p>
+                                                                                <h6 class="text-center">Don't worry, we are here for you.</h6>
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
                             </div>
                         </div>
                     </div>
diff --git a/resources/views/partials/menu.blade.php b/resources/views/partials/menu.blade.php
index 958fa52b..90d7d4d2 100644
--- a/resources/views/partials/menu.blade.php
+++ b/resources/views/partials/menu.blade.php
@@ -1,4 +1,4 @@
-<div class="row">
+<div class="row" >
     <div class="col">
         <div class="row justify-content-center pt-2 pt-md-0">
             <div class="col p-t-10 p-b-10 p-l-25 p-r-25">
@@ -104,7 +104,7 @@
                         </div>
                         <div class="row">
                             <div class="col">
-                                <div class="btn btn-sm btn-block bg-white text-info b-rad-sm pointer">Contact Us</div>
+                                <div class="btn btn-sm btn-block bg-white text-info b-rad-sm pointer requestModal" data-type="contactUs" >Contact Us</div>
                             </div>
                         </div>
                     </div>
@@ -113,83 +113,3 @@
         </div>
     </div>
 </div>
-<div id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block sidebar hide" 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="#">
-
-                        </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>