<!DOCTYPE html>
<html lang="en">
  

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

   

    <!-- Facebook -->
    
    <meta property="og:title" content="WhispersApp | The Ultimate Consultancy Portal">
    <meta property="og:description" content="Button, link and a portal to sell remote consultative services. Specifically designed for lawyers, doctors, accountants, business consultants, architects, IT specialists, engineers and insurance specialists">


<meta name="description" content="Button, link and a portal to sell remote consultative services. Specifically designed for lawyers, doctors, accountants, business consultants, architects, IT specialists, engineers and insurance specialists">

<meta property="og:image" content="https://www.whispersapp.com/landing/assets/images/whis/og.jpg">
<link rel="icon" type="image/png" href="/../landing/assets/images/whis/fav.png">
    
    
    <meta name="author" content="Techmetic">

    <title>WhispersApp | The Ultimate Consultant-Client Portal</title>

    <!-- vendor css -->
    <link href="/../lib/%40fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
    <link href="/../lib/ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="/../lib/highlightjs/styles/github.css" rel="stylesheet">
    <link href="/../lib/select2/css/select2.min.css" rel="stylesheet">
    <link href="/../lib/timepicker/jquery.timepicker.css" rel="stylesheet">
    <link href="/../lib/spectrum-colorpicker/spectrum.css" rel="stylesheet">
    <link href="/../lib/bootstrap-tagsinput/bootstrap-tagsinput.css" rel="stylesheet">
    <link href="/../lib/ion-rangeslider/css/ion.rangeSlider.css" rel="stylesheet">
    <link href="/../lib/ion-rangeslider/css/ion.rangeSlider.skinFlat.css" rel="stylesheet">
    <!-- <link href="../lib/%40fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"> -->
    <link href="/../lib/mfonts/fontawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
    <link href="/../lib/ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="/../lib/rickshaw/rickshaw.min.css" rel="stylesheet">
       <link href="/../lib/select2/css/select2.min.css" rel="stylesheet">
    <link href="/../lib/datatables.net-dt/css/jquery.dataTables.min.css" rel="stylesheet">
    <link href="/../lib/datatables.net-responsive-dt/css/responsive.dataTables.min.css" rel="stylesheet">

    <!-- Bracket CSS -->
    <link rel="stylesheet" href="/../css/bracket.css">
  </head>

  <body>

    <!-- ########## START: LEFT PANEL ########## -->
    <div class="br-logo"><a href="#"><span>[</span>The <i>WhispersApp</i><span>]</span></a></div>
    <div class="br-sideleft sideleft-scrollbar">
      <label class="sidebar-label pd-x-10 mg-t-20 op-3">Navigation</label>
      <ul class="br-sideleft-menu">
        <li class="br-menu-item">
          <a href="/dashboard" class="br-menu-link active">
            <i class="menu-item-icon icon ion-ios-home-outline tx-24"></i>
            <span class="menu-item-label">Dashboard</span>
          </a><!-- br-menu-link -->
        </li><!-- br-menu-item -->
        



       <li class="br-menu-item">
          <a href="#" class="br-menu-link with-sub">
            <i class="menu-item-icon icon fas fa-envelope-open-text tx-20"></i>
            <% if(unRead.length >= 1){ %>
            <span class="square-8 bg-success t-15 r-5 rounded-circle"></span>
            <% } %>
            <span class="menu-item-label">Consultations  </span>
            
          </a><!-- br-menu-link -->
          <ul class="br-menu-sub">
            <li class="sub-item"><a href="/consultations" class="sub-link">All</a></li>
            <li class="sub-item"><a href="/consultations/read" class="sub-link">Read</a></li>
            <li class="sub-item"><a href="/consultations/unread" class="sub-link">Unread</a></li>
            <li class="sub-item"><a href="/consultations/unpaid" class="sub-link">Unpaid For</a></li>
          
          </ul>
        </li>



          


        <li class="br-menu-item">
          <a href="#" class="br-menu-link with-sub">
            <i class="menu-item-icon icon fas fa-address-book tx-20"></i>
            <span class="menu-item-label">Clients</span>
          </a><!-- br-menu-link -->
          <ul class="br-menu-sub">
            <li class="sub-item"><a href="/clients" class="sub-link">All Clients</a></li>
            <li class="sub-item"><a href="/clients/clientCreate" class="sub-link">Add Client</a></li>
            
          </ul>
        </li>

      

            <li class="br-menu-item">
          <a href="/companies/create" class="br-menu-link">
            <i class="menu-item-icon icon fas fa-briefcase tx-22"></i>
           
            <span class="menu-item-label">Add A Company</span>
          </a><!-- br-menu-link -->
        </li><!-- br-menu-item -->

      <% company.forEach(function(company){ %>
        <li class="br-menu-item">
          <a href="#" class="br-menu-link with-sub">
             <i class="menu-item-icon icon ion-gear-b tx-22"></i>
            <span class="menu-item-label">Manage <%= company.name %> </span>
          </a><!-- br-menu-link -->
          <ul class="br-menu-sub">
            <li class="sub-item"><a href="/manage/<%= company.accountNumber %>/users" class="sub-link">All Users</a></li>
            <% if (user.companiesOwning.indexOf(company.accountNumber) != -1){%>
            <li class="sub-item"><a href="/manage/<%= company.accountNumber %>/addUser" class="sub-link">Add User</a></li>
            <li class="sub-item"><a href="/manage/<%= company.accountNumber %>/settings" class="sub-link">Settings</a></li>
            <%} %>
            <% if (user.companiesManaging.indexOf(company.acountNumber) != -1){%>
            <li class="sub-item"><a href="/manage/<%= company.accountNumber %>/userLeave" class="sub-link">Leave Company</a></li>
            <%} %>

           
          </ul>
        </li>

        <% }) %>


       
      </ul><!-- br-sideleft-menu -->

     

      <br>
    </div><!-- br-sideleft -->
    <!-- ########## END: LEFT PANEL ########## -->

    <!-- ########## START: HEAD PANEL ########## -->
    <div class="br-header">
      <div class="br-header-left">
        <div class="navicon-left hidden-md-down"><a id="btnLeftMenu" href="#"><i class="icon ion-navicon-round"></i></a></div>
        <div class="navicon-left hidden-lg-up"><a id="btnLeftMenuMobile" href="#"><i class="icon ion-navicon-round"></i></a></div>
       
      </div><!-- br-header-left -->
      <div class="br-header-right">
        <nav class="nav">
          
          <div class="dropdown">
            <a href="#" class="nav-link pd-x-7 pos-relative" data-toggle="dropdown">
              <i class="icon ion-ios-bell-outline tx-24"></i>
              <!-- start: if statement -->
              <span class="square-8 bg-danger pos-absolute t-15 r-5 rounded-circle"></span>
              <!-- end: if statement -->
            </a>
            <div class="dropdown-menu dropdown-menu-header">
              <div class="dropdown-menu-label">
                <label>Notifications</label>
                
              </div><!-- d-flex -->

              <div class="media-list">
                <!-- loop starts here -->
                <a href="#" class="media-list-link read">
                  <div class="media">
                    <img src="../img/img8.jpg" alt="">
                    <div class="media-body">
                      <p class="noti-text"><strong>Suzzeth Bungaos</strong> tagged you and 18 others in a post.</p>
                      <span>October 03, 2017 8:45am</span>
                    </div>
                  </div><!-- media -->
                </a>
                <!-- loop ends here -->
                <a href="#" class="media-list-link read">
                  <div class="media">
                    <img src="../img/img9.jpg" alt="">
                    <div class="media-body">
                      <p class="noti-text"><strong>Mellisa Brown</strong> appreciated your work <strong>The Social Network</strong></p>
                      <span>October 02, 2017 12:44am</span>
                    </div>
                  </div><!-- media -->
                </a>
                <a href="#" class="media-list-link read">
                  <div class="media">
                    <img src="../img/img10.jpg" alt="">
                    <div class="media-body">
                      <p class="noti-text">20+ new items added are for sale in your <strong>Sale Group</strong></p>
                      <span>October 01, 2017 10:20pm</span>
                    </div>
                  </div><!-- media -->
                </a>
                <a href="#" class="media-list-link read">
                  <div class="media">
                    <img src="../img/img5.jpg" alt="">
                    <div class="media-body">
                      <p class="noti-text"><strong>Julius Erving</strong> wants to connect with you on your conversation with <strong>Ronnie Mara</strong></p>
                      <span>October 01, 2017 6:08pm</span>
                    </div>
                  </div><!-- media -->
                </a>
                <div class="dropdown-footer">
                  <a href="#"><i class="fa fa-angle-down"></i> Show All Notifications</a>
                </div>
              </div><!-- media-list -->
            </div><!-- dropdown-menu -->
          </div><!-- dropdown -->

          <div class="dropdown">
            <a href="#" class="nav-link nav-link-profile" data-toggle="dropdown">
              <span class="logged-name hidden-md-down"><%= user.fullName %></span>
              <img src="../img/img1.jpg" class="wd-32 rounded-circle" alt="">
              <span class="square-10 bg-success"></span>
            </a>
            <div class="dropdown-menu dropdown-menu-header wd-250">
              <div class="tx-center">
                <a href="#"><img src="../img/img1.jpg" class="wd-80 rounded-circle" alt=""></a>
                <h6 class="logged-fullname"><%= user.fullName %></h6>
                <p><%= user.phone %></p>
                <p><%= user.email %></p>
              </div>
              
              <hr>
              <ul class="list-unstyled user-profile-nav">
               <!--  <li><a href="#"><i class="icon ion-ios-person"></i> Edit Profile</a></li> -->
                <li><a href="/users/passwordreset"><i class="icon ion-ios-gear"></i> Change Password</a></li>
               
                <li><a href="/users/logout"><i class="icon ion-power"></i> Sign Out</a></li>
              </ul>
            </div><!-- dropdown-menu -->
          </div><!-- dropdown -->
        </nav>
       
      </div><!-- br-header-right -->
    </div><!-- br-header -->
    <!-- ########## END: HEAD PANEL ########## -->

  




  <!-- ########## START: MAIN PANEL ########## -->
   <!-- ########## START: MAIN PANEL ########## -->
    <div class="br-mainpanel pd-x-20 pd-sm-x-30" style="margin-left: 1px; margin-top: 1px; background-image: url(../img/bg2.jpg); background-size:100% 100%;">
      




      <div class="br-pagetitle">
        
        <div class="col-12" style="text-align: center;">
          <h4>Whispers App</h4>
          <p class="mg-b-0">The Ultimate Consultant-Client Portal</p>
        </div>
      </div><!-- d-flex -->



      <div class="br-pagebody pd-x-20 pd-sm-x-30" style="padding-top: 1px; margin-top: 2px;">



     
       

     

          

           <div class="d-flex align-items-center justify-content-center bg-gray-300 ht-600 pd-x-20 pd-xs-x-0"   style="background-image: url(../img/bg.jpg); background-size:100% ; border-radius:15px">
            <div class="card wd-450 shadow-base">
              <div class="card-body pd-x-20 pd-xs-40">
                <h5 class="tx-xs-24 tx-normal tx-gray-900 mg-b-15 text-center">Step 2/5</h5>
                
               
                <br>
                                
                                <div class="col-xl-12" style="padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px;">
              <div class="alert alert-success alert-solid pd-20" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
                <div class="d-sm-flex align-items-center justify-content-start">
                  <i class="icon ion-ios-checkmark-outline lh-0 tx-52"></i>
                  <div class="mg-sm-l-15 mg-t-15 mg-sm-t-0">
                    <h5 class="mg-b-2 pd-t-2">Success!</h5>
                    <p class="mg-b-0 tx-xs op-8">You have successfully left <%= leftCompany.name %></p>
                  </div>
                </div><!-- d-flex -->
              </div><!-- alert -->
            </div><!-- col-xl-6 -->

            <h5 class="tx-xs-24 tx-normal tx-gray-900 mg-b-5" style="font-size: 16px">Was it a mistake?</h5>
            
            <p class="mg-b-0 tx-xs op-8 mg-b-15">To become an admin of <%= leftCompany.name %> again you need to be added afresh by the super admin</p>


                               
<a  class="btn btn-primary pd-y-12 btn-block" href="/dashboard">Go To The Dashboard</a>
  






              </div><!-- card-body -->
            </div><!-- card -->
          </div><!-- d-flex -->
          </div>
        
       

   

      </div><!-- br-pagebody -->

<%- include('partials/footer'); -%>