User Management

        
<!--user management-->
  <div class="storefront-rightbar user-management mt-3">
     <div class="row">
        <div class="col-md-12">
           <h3>User Management</h3>
        </div>
     </div>
     <div class="cust-summary-section">
        <div class="row">
           <div class="col-md-9">
              <div class="cust-summary-details">
                 <h5>Abstergo LTD.<br><span>Customer Number: 1003139</span></h5>
              </div>
           </div>
           <div class="col-md-3">
              <div class="float-right">
                 <a href="javascript:void(0);"><i class="icon-operation mr-2"></i> Change Logs</a>
              </div>
           </div>
        </div>
     </div>
     <div class="row mt-4">
        <div class="col-md-3">
           <div class="products-search">
              <div class="search-input-col w-100 mr-0">
                 <i class="icon-cross" style="display: none;"></i>
                 <i class="icon-search"></i>
                 <input type="text" class="form-control form-control-padding search-category ui-autocomplete-input" placeholder="Search by name or ID" autocomplete="off">
                 <ul id="ui-id-2" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
              </div>
           </div>
        </div>
        <div class="col-md-9">
           <div class="float-right">
              <span class="col-auto dropdown sort-filter ml-auto">
                 <span class="mx-2">Sort by: <i class="icon-sort-arrow" data-toggle="tooltip"  ><span class="path1"></span><span class="path2"></span></i></span>
                 <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class=""> <span class="link-text" >All Users</span> <i class="icon-arrow-bottom ml-2"></i> </a>
                 <div class="dropdown-menu">
                    <ul class="sub-dropdown-menu pl-0">
                       <li><a href="#" class="dropdown-item"><span>All Users</span></a></li>
                       <li><a href="#" class="dropdown-item"><span>Licensed Users</span></a></li>
                       <li><a href="#" class="dropdown-item"><span>Unlicensed Users</span></a></li>
                    </ul>
                 </div>
              </span>
           </div>
        </div>
     </div>
     <div class="row">
        <div class="col-md-12 gateway-accordion">
           <div class="accordion custom-accordion ">
              <div class="card active">
                 <div class="card-header p-0 d-inline-block" >
                    <div class="row">
                       <div class="col-auto">
                          <div class="user-detail-part">
                             <i class="icon-subscription-globe"></i>
                             <div>
                                <label>Google Tenant Domain</label><br>
                                <span>
                                <a href="javascript:void(0);">googtest.hiramh10088.uat.reseller.synnex.com.synnex.business</a></span>
                             </div>
                          </div>
                       </div>
                       <div class="col-auto">
                          <div class="user-detail-part">
                             <i class="icon-google-id"></i>
                             <div>
                                <label>Google Tenant ID</label>
                                <span>
                                C027svz3t</span>
                             </div>
                          </div>
                       </div>
                       <div class="col-auto">
                          <div class="user-detail-part">
                             <i class="icon-license"></i>
                             <div class="license-assigned">
                                <label>Licenses Assigned</label><br>
                                <ul class="pl-0">
                                   <li>Google Workspace Business Plus Flex (1/5),</li>
                                   <li>Chrome Enterprise (0/1)</li>
                                   <li class="showAll" style="display: none;">G Suite (1/5)</li>
                                   <li class="showAll" style="display: none;">Chrome Enterprise License (1/5)</li>
                                   <li class="showAll" style="display: none;">G Suite (Arrears Billing) (1/5)</li>
                                </ul>
                                <a href="javascript:void(0);" class="view-more-link more">View More (3)</a>
                                <a href="javascript:void(0);" class="view-more-link less" style="display: none;">View Less </a>
                             </div>
                          </div>
                       </div>
                       <div class="col-auto">
                          <div class="user-icon-list">
                             <a href="javascript:void(0);" data-toggle="modal" data-target="#uploadModal"><i class="icon-upload-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Upload User"><span class="path1"></span><span class="path2"></span></i></a>
                             <a href="javascript:void(0);" ><i class="icon-export-w-circle"  data-toggle="tooltip" data-placement="top" title="Export"><span class="path1"></span><span class="path2"></span></i></a>
                             <a href="javascript:void(0);"><i class="icon-download1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Download"><span class="path1"></span><span class="path2"></span></i></a>
                             <a href="javascript:void(0);" data-toggle="modal" data-target="#addUserModal"><i class="icon-add-user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add a User"><span class="path1"></span><span class="path2"></span></i></a>
                             <i class="icon-arrow-bottom ml-5" type="button" data-toggle="collapse" data-target="#checkout" aria-expanded="true" aria-controls="checkout" data-original-title="Collapse"></i>
                          </div>
                       </div>
                    </div>
                 </div>
                 <div id="checkout" class="body collapse show" aria-labelledby="checkout" >
                    <div class="row table1">
                       <div class="col-md-12">
                          <div class="logs-table all">
                             <table class="table custom-table">
                                <thead class="">
                                   <tr>
                                      <th scope="col" width="20%">Display Name </th>
                                      <th scope="col" width="55%">Username/Email</th>
                                      <th scope="col" width="15%">Sign-in Status</th>
                                      <th scope="col" width="10%">Actions</th>
                                   </tr>
                                </thead>
                                <tbody tabindex="4" style="overflow-y: hidden; outline: none;">
                                   <tr>
                                      <td><span class="text-blue">Hiram Huang</span></td>
                                      <td><a href="mailto:john.appleseed@abstergo.com">admin@googtest.hiramh10088.uat.resseller.synnex.com.synnex.buiness</a></td>
                                      <td><span class="status-bar active">Active</span></td>
                                      <td>
                                         <div class="userbar-action-links"><a href="javascript:void(0)" class=""><i class="icon-exchange" data-toggle="tooltip" data-placement="top" title="Manage Licenses"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0)" class="" data-toggle="modal" data-target="#resetPasswordModal"><i class="icon-security1"  data-toggle="tooltip" data-placement="top" title="Reset Password"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0)" class=""  data-toggle="modal" data-target="#alertModal"><i class="icon-circle-del" data-toggle="tooltip" data-placement="top" title="Delete"><span class="path1"></span><span class="path2"></span></i></a></div>
                                      </td>
                                   </tr>
                                   <tr>
                                      <td><span class="text-blue">Tom</span></td>
                                      <td><a href="mailto:john.appleseed@abstergo.com">admin@googtest.hiramh10088.uat.resseller.synnex.com.synnex.buiness</a></td>
                                      <td><span class="status-bar active">Active</span></td>
                                      <td>
                                         <div class="userbar-action-links"><a href="javascript:void(0)" class=""><i class="icon-exchange" data-toggle="tooltip" data-placement="top" title="Manage Licenses" ><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0)" class="" data-toggle="modal" data-target="#resetPasswordModal"><i class="icon-security1"  data-toggle="tooltip" data-placement="top" title="Reset Password"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0)" class=""  data-toggle="modal" data-target="#alertModal"><i class="icon-circle-del" data-toggle="tooltip" data-placement="top" title="Delete"><span class="path1"></span><span class="path2"></span></i></a></div>
                                      </td>
                                   </tr>
                                   <tr>
                                      <td><span class="text-blue">SRF Black</span></td>
                                      <td><a href="mailto:john.appleseed@abstergo.com">admin@googtest.hiramh10088.uat.resseller.synnex.com.synnex.buiness</a></td>
                                      <td><span class="status-bar active">Active</span></td>
                                      <td>
                                         <div class="userbar-action-links"><a href="javascript:void(0)" class=""><i class="icon-exchange" data-toggle="tooltip" data-placement="top" title="Manage Licenses"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0)" class="" data-toggle="modal" data-target="#resetPasswordModal"><i class="icon-security1" data-toggle="tooltip" data-placement="top" title="Reset Password"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0)" class=""  data-toggle="modal" data-target="#alertModal"><i class="icon-circle-del" data-toggle="tooltip" data-placement="top" title="Delete"><span class="path1"></span><span class="path2"></span></i></a></div>
                                      </td>
                                   </tr>
                                </tbody>
                             </table>
                          </div>
                       </div>
                    </div>
                    <nav aria-label="navigation" class="pagination-col pagination-disabled user-table">
                       <span class="item-dropdown-col">
                          View
                          <div class="items-dropdown">
                             <i class="icon-arrow-bottom"></i>
                             <select>
                                <option>6</option>
                                <option>12</option>
                                <option>18</option>
                             </select>
                          </div>
                          <span class="view-text">Items Per Page</span>
                       </span>
                       <ul class="table-count-list m-auto">
                          <li class="left-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
                          <li class="active"><a href="javascript:void(0);"><span>1</span></a></li>
                          <li class="right-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
                       </ul>
                       <ul class="next-prev-page">
                          <li><a href="javascript:void(0);"><i class="icon-left-arrow-double mr-1"></i>First</a></li>
                          <li><a href="javascript:void(0);"><i class="icon-left-arrow mr-1"></i>Previous</a></li>
                          <li><span class="page-count">1 of 12</span></li>
                          <li><a href="javascript:void(0);">Next<i class="icon-right-arrow-b ml-1"></i></a></li>
                          <li class="last-page"><a href="javascript:void(0);">Last <i class="icon-left-arrow-double pr-1"></i></a></li>
                       </ul>
                    </nav>
                 </div>
              </div>
           </div>
           <div class="accordion custom-accordion">
              <div class="card ">
                 <div class="card-header p-0 d-inline-block">
                    <div class="row">
                       <div class="col-md-3">
                          <div class="user-detail-part">
                             <i class="icon-subscription-globe"></i>
                             <div>
                                <label>Microsoft Tenant Domain</label><br>
                                <span>
                                <a href="javascript:void(0);">sdf234dfg.onmicrosoft.com</a></span>
                             </div>
                          </div>
                       </div>
                       <div class="col-md-3">
                          <div class="user-detail-part">
                             <i class="icon-google-id"></i>
                             <div>
                                <label>Microsoft Tenant ID</label>
                                <span>
                                964f6101</span>
                             </div>
                          </div>
                       </div>
                       <div class="col-md-4">
                          <div class="user-detail-part">
                             <i class="icon-license"></i>
                             <div class="license-assigned">
                                <label>Licenses Assigned</label><br>
                                <ul class="pl-0">
                                   <li>Azure Active Directory Premium P1</li>
                                   <li class="showAll" style="display: none;">Microsoft CSP Subscription Transfer</li>
                                   <li class="showAll" style="display: none;">Microsoft Reserved Instance</li>
                                </ul>
                                <a href="javascript:void(0);" class="view-more-link more" >View More (3)</a><a href="javascript:void(0);" class="view-more-link less" style="display: none;">View Less</a>
                             </div>
                          </div>
                       </div>
                       <div class="col-md-2">
                          <div class="user-icon-list">
                             <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Upload User"><i class="icon-upload-circle"><span class="path1"></span><span class="path2"></span></i></a>
                             <a href="javascript:void(0);"><i class="icon-download1" data-toggle="tooltip" data-placement="top" title="Download"><span class="path1"></span><span class="path2"></span></i></a>
                             <a href="javascript:void(0);" data-toggle="modal" data-target="#addUserModal"><i class="icon-add-user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add a User"><span class="path1"></span><span class="path2"></span></i></a>
                             <i class="icon-arrow-bottom ml-5  collapsed" type="button"  ></i>
                          </div>
                       </div>
                    </div>
                 </div>
              </div>
           </div>
        </div>
     </div>
  </div>
  <!--user management-->