Index: resources/views/layouts/app.blade.php
===================================================================
--- resources/views/layouts/app.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/views/layouts/app.blade.php	(revision 24a616f69ea5bcfc52f7d556c82a951a28dd130a)
@@ -7,5 +7,6 @@
     <title>@yield('title')</title>
 
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+{{--    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>--}}
+
     <!-- Favicon -->
     <link rel="shortcut icon" href="{{ url('assets/media/images/favicon.png') }}"/>
@@ -14,5 +15,7 @@
     <link rel="stylesheet" href="{{ url('vendors/bundle.css') }}" type="text/css">
 
-    <!-- App styles -->
+@yield('head')
+
+<!-- App styles -->
     <link rel="stylesheet" href="{{ url('assets/css/app.min.css') }}" type="text/css">
 </head>
@@ -80,53 +83,4 @@
     <!-- END: User Menu -->
 
-    <!-- BEGIN: Settings -->
-    <div class="sidebar" id="settings">
-        <div class="card">
-            <div class="card-body">
-                <h6 class="card-title">Settings</h6>
-                <ul class="list-group list-group-flush">
-                    <li class="list-group-item pl-0 pr-0">
-                        <div class="custom-control custom-switch">
-                            <input type="checkbox" class="custom-control-input" id="customSwitch1" checked>
-                            <label class="custom-control-label" for="customSwitch1">Allow notifications.</label>
-                        </div>
-                    </li>
-                    <li class="list-group-item pl-0 pr-0">
-                        <div class="custom-control custom-switch">
-                            <input type="checkbox" class="custom-control-input" id="customSwitch2">
-                            <label class="custom-control-label" for="customSwitch2">Hide user requests</label>
-                        </div>
-                    </li>
-                    <li class="list-group-item pl-0 pr-0">
-                        <div class="custom-control custom-switch">
-                            <input type="checkbox" class="custom-control-input" id="customSwitch3" checked>
-                            <label class="custom-control-label" for="customSwitch3">Speed up demands</label>
-                        </div>
-                    </li>
-                    <li class="list-group-item pl-0 pr-0">
-                        <div class="custom-control custom-switch">
-                            <input type="checkbox" class="custom-control-input" id="customSwitch4" checked>
-                            <label class="custom-control-label" for="customSwitch4">Hide menus</label>
-                        </div>
-                    </li>
-                    <li class="list-group-item pl-0 pr-0">
-                        <div class="custom-control custom-switch">
-                            <input type="checkbox" class="custom-control-input" id="customSwitch5">
-                            <label class="custom-control-label" for="customSwitch5">Remember next visits</label>
-                        </div>
-                    </li>
-                    <li class="list-group-item pl-0 pr-0">
-                        <div class="custom-control custom-switch">
-                            <input type="checkbox" class="custom-control-input" id="customSwitch6">
-                            <label class="custom-control-label" for="customSwitch6">Enable report
-                                generation.</label>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </div>
-    <!-- END: Settings -->
-
 </div>
 <!-- END: Sidebar Group -->
@@ -169,138 +123,11 @@
                     <!-- end::header fullscreen -->
 
-                    <!-- begin::header search -->
-                    <li class="nav-item">
-                        <a href="#" class="nav-link" title="Search" data-toggle="dropdown">
-                            <i data-feather="search"></i>
-                        </a>
-                        <div class="dropdown-menu p-2 dropdown-menu-right">
-                            <form>
-                                <div class="input-group">
-                                    <input type="text" class="form-control" placeholder="Search">
-                                    <div class="input-group-prepend">
-                                        <button class="btn" type="button">
-                                            <i data-feather="search"></i>
-                                        </button>
-                                    </div>
-                                </div>
-                            </form>
-                        </div>
-                    </li>
-                    <!-- end::header search -->
-
-                    <!-- begin::header notification dropdown -->
-                    <li class="nav-item dropdown">
-                        <a href="#" class="nav-link nav-link-notify" title="Notifications" data-toggle="dropdown">
-                            <i data-feather="bell"></i>
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-right dropdown-menu-big">
-                            <div class="bg-dark p-4 text-center d-flex justify-content-between align-items-center">
-                                <h5 class="mb-0">Notifications</h5>
-                                <small class="opacity-7">1 unread notifications</small>
-                            </div>
-                            <div>
-                                <ul class="list-group list-group-flush">
-                                    <li>
-                                        <a href="#" class="list-group-item d-flex align-items-center hide-show-toggler">
-                                            <div>
-                                                <figure class="avatar mr-2">
-                                                <span
-                                                    class="avatar-title bg-success-bright text-success rounded-circle">
-                                                    <i class="ti-user"></i>
-                                                </span>
-                                                </figure>
-                                            </div>
-                                            <div class="flex-grow-1">
-                                                <p class="mb-0 line-height-20 d-flex justify-content-between">
-                                                    New customer registered
-                                                    <i title="Mark as read" data-toggle="tooltip"
-                                                       class="hide-show-toggler-item fa fa-circle-o font-size-11"></i>
-                                                </p>
-                                                <span class="text-muted small">20 min ago</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li class="text-divider small pb-2 pl-3 pt-3">
-                                        <span>Old notifications</span>
-                                    </li>
-                                    <li>
-                                        <a href="#" class="list-group-item d-flex align-items-center hide-show-toggler">
-                                            <div>
-                                                <figure class="avatar mr-2">
-                                                <span
-                                                    class="avatar-title bg-warning-bright text-warning rounded-circle">
-                                                    <i class="ti-package"></i>
-                                                </span>
-                                                </figure>
-                                            </div>
-                                            <div class="flex-grow-1">
-                                                <p class="mb-0 line-height-20 d-flex justify-content-between">
-                                                    New Order Recieved
-                                                    <i title="Mark as unread" data-toggle="tooltip"
-                                                       class="hide-show-toggler-item fa fa-check font-size-11"></i>
-                                                </p>
-                                                <span class="text-muted small">45 sec ago</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="#"
-                                           class="list-group-item d-flex align-items-center hide-show-toggler">
-                                            <div>
-                                                <figure class="avatar mr-2">
-                                                <span class="avatar-title bg-danger-bright text-danger rounded-circle">
-                                                    <i class="ti-server"></i>
-                                                </span>
-                                                </figure>
-                                            </div>
-                                            <div class="flex-grow-1">
-                                                <p class="mb-0 line-height-20 d-flex justify-content-between">
-                                                    Server Limit Reached!
-                                                    <i title="Mark as unread" data-toggle="tooltip"
-                                                       class="hide-show-toggler-item fa fa-check font-size-11"></i>
-                                                </p>
-                                                <span class="text-muted small">55 sec ago</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="#"
-                                           class="list-group-item d-flex align-items-center hide-show-toggler">
-                                            <div>
-                                                <figure class="avatar mr-2">
-                                                <span class="avatar-title bg-info-bright text-info rounded-circle">
-                                                    <i class="ti-layers"></i>
-                                                </span>
-                                                </figure>
-                                            </div>
-                                            <div class="flex-grow-1">
-                                                <p class="mb-0 line-height-20 d-flex align-items-center justify-content-between">
-                                                    Apps are ready for update
-                                                    <i title="Mark as unread" data-toggle="tooltip"
-                                                       class="hide-show-toggler-item fa fa-check font-size-11"></i>
-                                                </p>
-                                                <span class="text-muted small">Yesterday</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </div>
-                            <div class="p-2 text-right border-top">
-                                <ul class="list-inline small">
-                                    <li class="list-inline-item mb-0">
-                                        <a href="#">Mark All Read</a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                    </li>
-                    <!-- end::header notification dropdown -->
-
                     <!-- begin::user menu -->
                     <li class="nav-item dropdown">
                         <a href="#" class="nav-link" title="User menu" data-sidebar-target="#user-menu">
                             <span class="mr-2 d-sm-inline d-none">{{auth()->user()->getFullName()}}</span>
-                        </a>
-                        </li>
+                            @include('dashboard.partials.avatar')
+                        </a>
+                    </li>
                     <!-- end::user menu -->
 
@@ -334,27 +161,34 @@
                         </a>
                     </li>
-                    @if(auth()->user()->hasPermission("access_all_users"))
-                    <li>
-                        <a href="{{ route("dashboard.users.index") }}" class="nav-link {{ request()->is(['dashboard/users', 'dashboard/users/*']) ? 'active' : '' }}" data-toggle="tooltip"
-                           data-placement="right" title="Users">
-                            <i data-feather="users"></i>
-                        </a>
-                    </li>
+                    @if(auth()->user()->hasPermission("manage_all_users"))
+                        <li>
+                            <a href="{{ route("dashboard.users.index") }}" class="nav-link {{ request()->is(['dashboard/users', 'dashboard/users/*']) ? 'active' : '' }}" data-toggle="tooltip"
+                               data-placement="right" title="Users">
+                                <i data-feather="users"></i>
+                            </a>
+                        </li>
+                    @endif
+                    @if(auth()->user()->hasPermission("manage_all_departments"))
+                        <li>
+                            <a href="{{route("dashboard.departments.index")}}" data-toggle="tooltip"
+                               data-placement="right" title="Departments">
+                                <i data-feather="layers"></i>
+                            </a>
+                        </li>
+                    @endif
+                    @if(auth()->user()->hasPermission("manage_all_documents"))
+                        <li>
+                            <a href="{{route("dashboard.documents.index")}}" data-toggle="tooltip"
+                               data-placement="right" title="Documents">
+                                <i data-feather="file-text"></i>
+                            </a>
+                        </li>
                     @endif
                     <li>
-                        <a href="#" data-toggle="tooltip"
-                           data-placement="right" title="Files"
-                           data-nav-target="#components">
-                            <i data-feather="layers"></i>
-                        </a>
-                    </li>
-                    @if(auth()->user()->hasPermission("access_all_departments"))
-                    <li>
-                        <a href="{{route("dashboard.departments.index")}}" data-toggle="tooltip"
-                           data-placement="right" title="Departments">
-                            <i data-feather="layers"></i>
-                        </a>
-                    </li>
-                    @endif
+                        <a href="#" data-toggle="tooltip" data-placement="right" title="Ecommerce"
+                           data-nav-target="#ecommerce">
+                            <i data-feather="shopping-cart"></i>
+                        </a>
+                    </li>
                 </ul>
             </div>
@@ -374,9 +208,7 @@
                 <div>© {{ date('Y') }}<a href="{{route("dashboard.index")}}" target="_blank"> SaveSpace</a></div>
                 <div>
-
                 </div>
             </footer>
             <!-- end::footer -->
-
         </div>
 
@@ -391,6 +223,14 @@
 <!-- App scripts -->
 <script src="{{ url('assets/js/app.js') }}"></script>
-<script src="{{url('assets/js/Toast.js')}}"></script>
+<!-- 3. Instantiate clipboard by passing a string selector -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>
+<script>
+    var clipboard = new ClipboardJS('.btn');
+</script>
+@yield('script')
+
 @include("layouts.alert")
+
+
 </body>
 </html>
