From 0cdb5187a3adb48a012bee1c111fc01d809d16a1 Mon Sep 17 00:00:00 2001
From: Bartek PC-KADR <banaczyk@magico.pl>
Date: Thu, 14 Apr 2022 22:42:46 +0200
Subject: [PATCH] helpdesk.magico: Widok dashboard konsultanta

---
 src/.tmp/magico-helpdesk-dashboard.html | 593 +++++++++++++++++++++++-
 src/.tmp/users-add-user.html            |   6 +-
 src/magico-helpdesk-dashboard.html      | 340 +++++++++++++-
 src/partials/footer/container.html      |   2 +-
 src/partials/footer/main.html           |   6 +-
 5 files changed, 935 insertions(+), 12 deletions(-)

diff --git a/src/.tmp/magico-helpdesk-dashboard.html b/src/.tmp/magico-helpdesk-dashboard.html
index 7f6a1a8..8a5962e 100644
--- a/src/.tmp/magico-helpdesk-dashboard.html
+++ b/src/.tmp/magico-helpdesk-dashboard.html
@@ -290,7 +290,26 @@
 
     <!-- Content -->
     <div class="content container">
-      <a href="#" class="alert alert-soft-dark mb-4 mb-lg-5 d-block" role="alert">
+       <!-- Page Header -->
+      <div class="page-header">
+        <div class="row align-items-end">
+          <div class="col-sm mb-2 mb-sm-0">
+            <h1 class="page-header-title">Kokpit konsultanta</h1>
+          </div>
+          <!-- End Col -->
+
+          <div class="col-sm-auto">
+            <a class="btn btn-primary" href="javascript:;" data-bs-toggle="modal" data-bs-target="#qrModal">
+              <i class="bi-person-plus-fill me-1"></i> Połącz telefon
+            </a>
+          </div>
+          <!-- End Col -->
+        </div>
+        <!-- End Row -->
+      </div>
+      <!-- End Page Header -->
+
+      <a href="#" href="javascript:;" data-bs-toggle="modal" data-bs-target="#numberModal" class="alert alert-soft-dark mb-4 mb-lg-5 d-block" role="alert">
             <div class="d-flex align-items-center">
               <div class="flex-shrink-0 d-none d-sm-block">
                 <img class="avatar avatar-xl" src="./assets/svg/illustrations/oc-megaphone.svg" alt="Image Description" data-hs-theme-appearance="default">
@@ -544,6 +563,230 @@
                       </a>
                     </li>
                     <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
                   </ul>
                   <!-- End List Group -->
                 </div>
@@ -564,7 +807,7 @@
     <div class="footer">
       <div class="row justify-content-between align-items-center">
         <div class="col">
-          <p class="fs-6 mb-0">&copy; Front. <span class="d-none d-sm-inline-block">2022 Htmlstream.</span></p>
+          <p class="fs-6 mb-0">&copy; <span class="d-none d-sm-inline-block">2022 Magico</span></p>
         </div>
         <!-- End Col -->
 
@@ -573,11 +816,11 @@
             <!-- List Separator -->
             <ul class="list-inline list-separator">
               <li class="list-inline-item">
-                <a class="list-separator-link" href="#">FAQ</a>
+                <a class="list-separator-link" href="#">Pomoc</a>
               </li>
 
               <li class="list-inline-item">
-                <a class="list-separator-link" href="#">License</a>
+                <a class="list-separator-link" href="#">Magico.pl</a>
               </li>
 
               <li class="list-inline-item">
@@ -1301,8 +1544,350 @@
   </div>
 
   <!-- End Welcome Message -->
+
+  <!-- Create a new user Modal -->
+  <div class="modal fade" id="inviteUserModal" tabindex="-1" aria-labelledby="inviteUserModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h4 class="modal-title" id="inviteUserModalLabel">Invite users</h4>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+
+        <!-- Body -->
+        <div class="modal-body">
+          <!-- Form -->
+          <div class="mb-4">
+            <div class="input-group mb-2 mb-sm-0">
+              <input type="text" class="form-control" name="fullName" placeholder="Search name or emails" aria-label="Search name or emails">
+
+              <div class="input-group-append input-group-append-last-sm-down-none">
+                <!-- Select -->
+                <div class="tom-select-custom tom-select-custom-end">
+                  <select class="js-select form-select" autocomplete="off"
+                          data-hs-tom-select-options='{
+                            "searchInDropdown": false,
+                            "hideSearch": true,
+                            "dropdownWidth": "11rem"
+                          }'>
+                    <option value="guest" selected>Guest</option>
+                    <option value="can edit">Can edit</option>
+                    <option value="can comment">Can comment</option>
+                    <option value="full access">Full access</option>
+                  </select>
+                </div>
+                <!-- End Select -->
+
+                <a class="btn btn-primary d-none d-sm-inline-block" href="javascript:;">Invite</a>
+              </div>
+            </div>
+
+            <a class="btn btn-primary w-100 d-sm-none" href="javascript:;">Invite</a>
+          </div>
+          <!-- End Form -->
+
+          <div class="row">
+            <h5 class="col modal-title">Invite users</h5>
+
+            <div class="col-auto">
+              <a class="d-flex align-items-center small text-body" href="#">
+                <img class="avatar avatar-xss avatar-4x3 me-2" src="./assets/svg/brands/gmail-icon.svg" alt="Image Description">
+                Import contacts
+              </a>
+            </div>
+          </div>
+
+          <hr class="mt-2">
+
+          <ul class="list-unstyled list-py-2 mb-0">
+            <!-- List Group Item -->
+            <li>
+              <div class="d-flex">
+                <div class="flex-shrink-0">
+                  <div class="avatar avatar-sm avatar-circle">
+                    <img class="avatar-img" src="./assets/img/160x160/img10.jpg" alt="Image Description">
+                  </div>
+                </div>
+
+                <div class="flex-grow-1 ms-3">
+                  <div class="row align-items-center">
+                    <div class="col-sm">
+                      <h5 class="mb-0">Amanda Harvey <i class="bi-patch-check-fill text-primary" data-toggle="tooltip" data-placement="top" title="Top endorsed"></i></h5>
+                      <span class="d-block small">amanda@site.com</span>
+                    </div>
+
+                    <div class="col-sm-auto">
+                      <!-- Select -->
+                      <div class="tom-select-custom tom-select-custom-sm-end">
+                        <select class="js-select form-select form-select-borderless tom-select-custom-form-select-invite-user tom-select-form-select-ps-0" autocomplete="off"
+                                data-hs-tom-select-options='{
+                                  "searchInDropdown": false,
+                                  "hideSearch": true,
+                                  "dropdownWidth": "11rem"
+                                }'>
+                          <option value="guest" selected>Guest</option>
+                          <option value="can edit">Can edit</option>
+                          <option value="can comment">Can comment</option>
+                          <option value="full access">Full access</option>
+                          <option value="remove" data-option-template='<div class="text-danger">Remove</div>'>Remove</option>
+                        </select>
+                      </div>
+                      <!-- End Select -->
+                    </div>
+                  </div>
+                  <!-- End Row -->
+                </div>
+              </div>
+            </li>
+            <!-- End List Group Item -->
+
+            <!-- List Group Item -->
+            <li>
+              <div class="d-flex">
+                <div class="flex-shrink-0">
+                  <div class="avatar avatar-sm avatar-circle">
+                    <img class="avatar-img" src="./assets/img/160x160/img3.jpg" alt="Image Description">
+                  </div>
+                </div>
+
+                <div class="flex-grow-1 ms-3">
+                  <div class="row align-items-center">
+                    <div class="col-sm">
+                      <h5 class="mb-0">David Harrison</h5>
+                      <span class="d-block small">david@site.com</span>
+                    </div>
+
+                    <div class="col-sm-auto">
+                      <!-- Select -->
+                      <div class="tom-select-custom tom-select-custom-sm-end">
+                        <select class="js-select form-select form-select-borderless tom-select-custom-form-select-invite-user tom-select-form-select-ps-0" autocomplete="off"
+                                data-hs-tom-select-options='{
+                                  "searchInDropdown": false,
+                                  "hideSearch": true,
+                                  "dropdownWidth": "11rem"
+                                }'>
+                          <option value="guest" selected>Guest</option>
+                          <option value="can edit">Can edit</option>
+                          <option value="can comment">Can comment</option>
+                          <option value="full access">Full access</option>
+                          <option value="remove" data-option-template='<div class="text-danger">Remove</div>'>Remove</option>
+                        </select>
+                      </div>
+                      <!-- End Select -->
+                    </div>
+                  </div>
+                  <!-- End Row -->
+                </div>
+              </div>
+            </li>
+            <!-- End List Group Item -->
+
+            <!-- List Group Item -->
+            <li>
+              <div class="d-flex">
+                <div class="flex-shrink-0">
+                  <div class="avatar avatar-sm avatar-circle">
+                    <img class="avatar-img" src="./assets/img/160x160/img9.jpg" alt="Image Description">
+                  </div>
+                </div>
+
+                <div class="flex-grow-1 ms-3">
+                  <div class="row align-items-center">
+                    <div class="col-sm">
+                      <h5 class="mb-0">Ella Lauda <i class="bi-patch-check-fill text-primary" data-toggle="tooltip" data-placement="top" title="Top endorsed"></i></h5>
+                      <span class="d-block small">Markvt@site.com</span>
+                    </div>
+
+                    <div class="col-sm-auto">
+                      <!-- Select -->
+                      <div class="tom-select-custom tom-select-custom-sm-end">
+                        <select class="js-select form-select form-select-borderless tom-select-custom-form-select-invite-user tom-select-form-select-ps-0" autocomplete="off"
+                                data-hs-tom-select-options='{
+                                  "searchInDropdown": false,
+                                  "hideSearch": true,
+                                  "dropdownWidth": "11rem"
+                                }'>
+                          <option value="guest" selected>Guest</option>
+                          <option value="can edit">Can edit</option>
+                          <option value="can comment">Can comment</option>
+                          <option value="full access">Full access</option>
+                          <option value="remove" data-option-template='<div class="text-danger">Remove</div>'>Remove</option>
+                        </select>
+                      </div>
+                      <!-- End Select -->
+                    </div>
+                  </div>
+                  <!-- End Row -->
+                </div>
+              </div>
+            </li>
+            <!-- End List Group Item -->
+
+            <!-- List Group Item -->
+            <li>
+              <div class="d-flex">
+                <div class="flex-shrink-0">
+                  <div class="avatar avatar-sm avatar-soft-dark avatar-circle">
+                    <span class="avatar-initials">B</span>
+                  </div>
+                </div>
+
+                <div class="flex-grow-1 ms-3">
+                  <div class="row align-items-center">
+                    <div class="col-sm">
+                      <h5 class="mb-0">Bob Dean</h5>
+                      <span class="d-block small">bob@site.com</span>
+                    </div>
+
+                    <div class="col-sm-auto">
+                      <!-- Select -->
+                      <div class="tom-select-custom tom-select-custom-sm-end">
+                        <select class="js-select form-select form-select-borderless tom-select-custom-form-select-invite-user tom-select-form-select-ps-0" autocomplete="off"
+                                data-hs-tom-select-options='{
+                                  "searchInDropdown": false,
+                                  "hideSearch": true,
+                                  "dropdownWidth": "11rem"
+                                }'>
+                          <option value="guest" selected>Guest</option>
+                          <option value="can edit">Can edit</option>
+                          <option value="can comment">Can comment</option>
+                          <option value="full access">Full access</option>
+                          <option value="remove" data-option-template='<div class="text-danger">Remove</div>'>Remove</option>
+                        </select>
+                      </div>
+                      <!-- End Select -->
+                    </div>
+                  </div>
+                  <!-- End Row -->
+                </div>
+              </div>
+            </li>
+            <!-- End List Group Item -->
+          </ul>
+        </div>
+        <!-- End Body -->
+
+        <!-- Footer -->
+        <div class="modal-footer">
+          <div class="row align-items-center flex-grow-1 mx-n2">
+            <div class="col-sm-9 mb-2 mb-sm-0">
+              <input type="hidden" id="inviteUserPublicClipboard" value="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/">
+
+              <p class="modal-footer-text">The public share <a href="#">link settings</a>
+                <i class="bi-question-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="The public share link allows people to view the project without giving access to full collaboration features."></i>
+              </p>
+            </div>
+
+            <div class="col-sm-3 text-sm-end">
+              <a class="js-clipboard btn btn-white btn-sm text-nowrap" href="javascript:;" data-bs-toggle="tooltip" data-bs-placement="top" title="Copy to clipboard!"
+                 data-hs-clipboard-options='{
+                  "type": "tooltip",
+                  "successText": "Copied!",
+                  "contentTarget": "#inviteUserPublicClipboard",
+                  "container": "#inviteUserModal"
+                 }'>
+              <i class="bi-link-45deg me-1"></i> Copy link</a>
+            </div>
+          </div>
+        </div>
+        <!-- End Footer -->
+      </div>
+    </div>
+  </div>
+  <!-- End Create a new user Modal -->
   <!-- ========== END SECONDARY CONTENTS ========== -->
 
+<div class="modal fade" id="qrModal" tabindex="-1" aria-labelledby="inviteUserModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title" id="inviteUserModalLabel">Zeskanuj kod QR</h4>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+
+      <!-- Body -->
+      <div class="modal-body">
+
+        <div class="text-center mb-3">
+          Uruchom aplikację Magico Call na Twoim telefonie i zeskanuj wyświetlony kod QR      
+        </div>
+
+        <hr class="mt-2">
+
+        <div class="text-center">
+          <img width="300" src="https://www.qr-online.pl/bin/qr/976f637559dcebd7040a7ceb143cfb7c.png">
+        </div>
+          
+      </div>
+      <!-- End Body -->
+
+      <!-- Footer -->
+      <div class="modal-footer">
+        <div class="row align-items-center flex-grow-1 mx-n2">
+          <div class="col-sm-8 mb-2 mb-sm-0">
+            <input type="hidden" id="inviteUserPublicClipboard" value="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/">
+
+            <p class="modal-footer-text">Lub wprowadź kod ręcznie: <strong>547 542</strong></a>
+              <i class="bi-question-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="Masz 60 sekund na wprowadzenie kodu parowania"></i>
+            </p>
+          </div>
+
+          <div class="col-sm-4 text-sm-end">
+            <a class="js-clipboard btn btn-white btn-sm text-nowrap" href="javascript:;" title="">
+            <i class="bi-link-45deg me-1"></i> Generuj nowy kod</a>
+          </div>
+        </div>
+      </div>
+      <!-- End Footer -->
+    </div>
+  </div>
+</div>
+
+<div class="modal fade" id="numberModal" tabindex="-1" aria-labelledby="inviteUserModalLabel" aria-hidden="true">
+  <div class="modal-dialog  modal-xl modal-dialog-centered">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title" id="inviteUserModalLabel">+48 456 789 123</h4>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+
+      <!-- Body -->
+      <div class="modal-body">
+
+        <div class="row">
+          <div class="col-8">
+            123
+          </div>
+          <div class="col-4">
+            456
+          </div>
+        </div>
+        
+      </div>
+      <!-- End Body -->
+
+      <!-- Footer -->
+      <div class="modal-footer">
+        <div class="row align-items-center flex-grow-1 mx-n2">
+          <div class="col-sm-8 mb-2 mb-sm-0">
+            <input type="hidden" id="inviteUserPublicClipboard" value="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/">
+
+            <p class="modal-footer-text">Lub wprowadź kod ręcznie: <strong>547 542</strong></a>
+              <i class="bi-question-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="Masz 60 sekund na wprowadzenie kodu parowania"></i>
+            </p>
+          </div>
+
+          <div class="col-sm-4 text-sm-end">
+            <a class="js-clipboard btn btn-white btn-sm text-nowrap" href="javascript:;" title="">
+            <i class="bi-link-45deg me-1"></i> Generuj nowy kod</a>
+          </div>
+        </div>
+      </div>
+      <!-- End Footer -->
+    </div>
+  </div>
+</div>
+
   <!-- JS Global Compulsory hs-builder:build-delete -->
   <script src="./node_modules/jquery/dist/jquery.min.js"></script>
   <script src="./node_modules/jquery-migrate/dist/jquery-migrate.min.js"></script>
diff --git a/src/.tmp/users-add-user.html b/src/.tmp/users-add-user.html
index 17f5c97..9cc8bb9 100644
--- a/src/.tmp/users-add-user.html
+++ b/src/.tmp/users-add-user.html
@@ -2124,7 +2124,7 @@
       <div class="footer">
         <div class="row justify-content-between align-items-center">
           <div class="col">
-            <p class="fs-6 mb-0">&copy; Front. <span class="d-none d-sm-inline-block">2022 Htmlstream.</span></p>
+            <p class="fs-6 mb-0">&copy; <span class="d-none d-sm-inline-block">2022 Magico</span></p>
           </div>
           <!-- End Col -->
 
@@ -2133,11 +2133,11 @@
               <!-- List Separator -->
               <ul class="list-inline list-separator">
                 <li class="list-inline-item">
-                  <a class="list-separator-link" href="#">FAQ</a>
+                  <a class="list-separator-link" href="#">Pomoc</a>
                 </li>
 
                 <li class="list-inline-item">
-                  <a class="list-separator-link" href="#">License</a>
+                  <a class="list-separator-link" href="#">Magico.pl</a>
                 </li>
 
                 <li class="list-inline-item">
diff --git a/src/magico-helpdesk-dashboard.html b/src/magico-helpdesk-dashboard.html
index fe13f9c..8f6e961 100644
--- a/src/magico-helpdesk-dashboard.html
+++ b/src/magico-helpdesk-dashboard.html
@@ -83,7 +83,26 @@
 
     <!-- Content -->
     <div class="content container">
-      <a href="#" class="alert alert-soft-dark mb-4 mb-lg-5 d-block" role="alert">
+       <!-- Page Header -->
+      <div class="page-header">
+        <div class="row align-items-end">
+          <div class="col-sm mb-2 mb-sm-0">
+            <h1 class="page-header-title">Kokpit konsultanta</h1>
+          </div>
+          <!-- End Col -->
+
+          <div class="col-sm-auto">
+            <a class="btn btn-primary" href="javascript:;" data-bs-toggle="modal" data-bs-target="#qrModal">
+              <i class="bi-person-plus-fill me-1"></i> Połącz telefon
+            </a>
+          </div>
+          <!-- End Col -->
+        </div>
+        <!-- End Row -->
+      </div>
+      <!-- End Page Header -->
+
+      <a href="#" href="javascript:;" data-bs-toggle="modal" data-bs-target="#numberModal" class="alert alert-soft-dark mb-4 mb-lg-5 d-block" role="alert">
             <div class="d-flex align-items-center">
               <div class="flex-shrink-0 d-none d-sm-block">
                 <img class="avatar avatar-xl" src="./assets/svg/illustrations/oc-megaphone.svg" alt="Image Description" data-hs-theme-appearance="default">
@@ -337,6 +356,230 @@
                       </a>
                     </li>
                     <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
+
+                    <!-- Item -->
+                    <li class="list-group-item">
+                      <a class="list-group-item-action" href="#">
+                        <div class="row">
+                          <div class="col-sm mb-2 mb-sm-0">
+                            <h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
+                            <h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
+                          </div>
+                        </div>
+                        <!-- End Row -->
+                      </a>
+                    </li>
+                    <!-- End Item -->
                   </ul>
                   <!-- End List Group -->
                 </div>
@@ -371,8 +614,103 @@
   <!-- Welcome Message -->
   @@include("@@autopath/partials/modals/welcome-message.html")
   <!-- End Welcome Message -->
+
+  <!-- Create a new user Modal -->
+  @@include("@@autopath/partials/modals/invite-users.html")
+  <!-- End Create a new user Modal -->
   <!-- ========== END SECONDARY CONTENTS ========== -->
 
+<div class="modal fade" id="qrModal" tabindex="-1" aria-labelledby="inviteUserModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title" id="inviteUserModalLabel">Zeskanuj kod QR</h4>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+
+      <!-- Body -->
+      <div class="modal-body">
+
+        <div class="text-center mb-3">
+          Uruchom aplikację Magico Call na Twoim telefonie i zeskanuj wyświetlony kod QR      
+        </div>
+
+        <hr class="mt-2">
+
+        <div class="text-center">
+          <img width="300" src="https://www.qr-online.pl/bin/qr/976f637559dcebd7040a7ceb143cfb7c.png">
+        </div>
+          
+      </div>
+      <!-- End Body -->
+
+      <!-- Footer -->
+      <div class="modal-footer">
+        <div class="row align-items-center flex-grow-1 mx-n2">
+          <div class="col-sm-8 mb-2 mb-sm-0">
+            <input type="hidden" id="inviteUserPublicClipboard" value="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/">
+
+            <p class="modal-footer-text">Lub wprowadź kod ręcznie: <strong>547 542</strong></a>
+              <i class="bi-question-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="Masz 60 sekund na wprowadzenie kodu parowania"></i>
+            </p>
+          </div>
+
+          <div class="col-sm-4 text-sm-end">
+            <a class="js-clipboard btn btn-white btn-sm text-nowrap" href="javascript:;" title="">
+            <i class="bi-link-45deg me-1"></i> Generuj nowy kod</a>
+          </div>
+        </div>
+      </div>
+      <!-- End Footer -->
+    </div>
+  </div>
+</div>
+
+<div class="modal fade" id="numberModal" tabindex="-1" aria-labelledby="inviteUserModalLabel" aria-hidden="true">
+  <div class="modal-dialog  modal-xl modal-dialog-centered">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title" id="inviteUserModalLabel">+48 456 789 123</h4>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+
+      <!-- Body -->
+      <div class="modal-body">
+
+        <div class="row">
+          <div class="col-8">
+            123
+          </div>
+          <div class="col-4">
+            456
+          </div>
+        </div>
+        
+      </div>
+      <!-- End Body -->
+
+      <!-- Footer -->
+      <div class="modal-footer">
+        <div class="row align-items-center flex-grow-1 mx-n2">
+          <div class="col-sm-8 mb-2 mb-sm-0">
+            <input type="hidden" id="inviteUserPublicClipboard" value="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/">
+
+            <p class="modal-footer-text">Lub wprowadź kod ręcznie: <strong>547 542</strong></a>
+              <i class="bi-question-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="Masz 60 sekund na wprowadzenie kodu parowania"></i>
+            </p>
+          </div>
+
+          <div class="col-sm-4 text-sm-end">
+            <a class="js-clipboard btn btn-white btn-sm text-nowrap" href="javascript:;" title="">
+            <i class="bi-link-45deg me-1"></i> Generuj nowy kod</a>
+          </div>
+        </div>
+      </div>
+      <!-- End Footer -->
+    </div>
+  </div>
+</div>
+
   <!-- JS Global Compulsory @@deleteLine:build -->
   <script src="@@autopath/node_modules/jquery/dist/jquery.min.js"></script>
   <script src="@@autopath/node_modules/jquery-migrate/dist/jquery-migrate.min.js"></script>
diff --git a/src/partials/footer/container.html b/src/partials/footer/container.html
index 6fad336..bef0781 100644
--- a/src/partials/footer/container.html
+++ b/src/partials/footer/container.html
@@ -2,7 +2,7 @@
   <div class="container">
     <div class="row justify-content-between align-items-center">
       <div class="col">
-        <p class="fs-6 mb-0">&copy; Front. <span class="d-none d-sm-inline-block">2022 Htmlstream.</span></p>
+        <p class="fs-6 mb-0">&copy; <span class="d-none d-sm-inline-block">2022 Magico.</span></p>
       </div>
       <!-- End Col -->
 
diff --git a/src/partials/footer/main.html b/src/partials/footer/main.html
index cdf1d7f..853c94f 100644
--- a/src/partials/footer/main.html
+++ b/src/partials/footer/main.html
@@ -1,7 +1,7 @@
 <div class="footer">
   <div class="row justify-content-between align-items-center">
     <div class="col">
-      <p class="fs-6 mb-0">&copy; Front. <span class="d-none d-sm-inline-block">2022 Htmlstream.</span></p>
+      <p class="fs-6 mb-0">&copy; <span class="d-none d-sm-inline-block">2022 Magico</span></p>
     </div>
     <!-- End Col -->
 
@@ -10,11 +10,11 @@
         <!-- List Separator -->
         <ul class="list-inline list-separator">
           <li class="list-inline-item">
-            <a class="list-separator-link" href="#">FAQ</a>
+            <a class="list-separator-link" href="#">Pomoc</a>
           </li>
 
           <li class="list-inline-item">
-            <a class="list-separator-link" href="#">License</a>
+            <a class="list-separator-link" href="#">Magico.pl</a>
           </li>
 
           <li class="list-inline-item">