<?php require_once "head.php";?>

<?php require_once "header.php";?>

<main class="layout bg-gray-15">
    <div class="ss-section">
        <div class="ss-section-inner ss-um with-padding">
            <div class="ss-um-head">
                <div class="ss-um-container">
                    <div class="ss-bp-head">
                        <div class="ss-bp-head-left">
                            <ul class="ss-breadcrumb p2">
                                <li>
                                    <a href="#">Settings</a>
                                </li>
                                <li>
                                    <i class="ss-icon-chevron-right"><svg><use xlink:href="#ss-icon-chevron-right"></use></svg></i>
                                </li>
                                <li>
                                    <span>User Management</span>
                                </li>
                            </ul>
                            <h1 class="h1">User Management</h1>
                        </div>
                        <div class="ss-bp-head-right">
                        <a class="btn btn-primary" href="#ss-new-group-modal" data-bs-toggle="modal">Create Group</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ss-um-body">
                <div class="ss-um-container">
                    <div class="ss-bp-body">
                        <ul class="nav ss-um-nav">
                            <li class="nav-item" role="presentation">
                                <a href="user-management-user.php" class="nav-link">Users</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="user-management-groups.php" class="nav-link active">Groups</a>
                            </li>
                        </ul>
                        <div class="tab-content">

                            <!-- Start [ Group Tab ] -->
                            <div class="tab-pane fade show active">

                                <div class="ss-um-sg-head">
                                    <div class="ss-um-sg-head-p">
                                        <ul class="ss-breadcrumb p2">
                                            <li>
                                                <a href="#">Groups</a>
                                            </li>
                                            <li>
                                                <i class="ss-icon-chevron-right"><svg><use xlink:href="#ss-icon-chevron-right"></use></svg></i>
                                            </li>
                                            <li>
                                                <span>Human Resources</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="ss-um-sg-head-s">
                                        <div class="ss-um-sg-head-s-l">
                                            <span class="ss-badge-icon lg bg-hot-pink">Hu</span>
                                            <div class="ss-um-sg-head-s-l-desc">
                                                <h2 class="h1">Human Resources</h2>
                                                <div class="p2">
                                                    <p>Provide a brief description of the group here Provide a brief description of the group here Provide a brief description of the group here</p>
                                                </div>
                                                <h5 class="h5 text-uppercase">9 Users</h5>
                                            </div>
                                        </div>
                                        <div class="ss-um-sg-head-s-r">
                                            <div class="ss-dropdown dropdown js-multi-select">
                                                <a class="btn btn-dark with-icon" role="button" data-bs-offset="0,8" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
                                                    <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                                    <span>Invite Users</span>
                                                </a>
                                                <div class="dropdown-menu dropdown-menu-end ss-dropdown-iu">
                                                    <span class="form-control-wrapper with-icon-left ss-dropdown-search">
                                                        <input type="search" value="" name="input-name" class="form-control" placeholder="Add Person by Name">
                                                        <i class="ss-icon-search"><svg><use xlink:href="#ss-icon-search"></use></svg></i>
                                                    </span>
                                                    <ul class="search-overflow-scroll">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-person">
                                                                <span class="ss-dpitem-person-img">
                                                                    <i class="ss-icon-user-fill"><svg><use xlink:href="#ss-icon-user-fill"></use></svg></i>
                                                                    <!-- <span class="lazy-loader">
                                                                        <span class="lazyload" data-original="images/avtar.png" data-preload="true"></span>
                                                                    </span> -->
                                                                </span>
                                                                <span class="ss-dpitem-person-info">
                                                                    <span class="dropdown-item-text">Adam Black</span>
                                                                    <span class="ss-dpitem-person-email">adam_black@email.com</span>
                                                                </span>
                                                                <span class="ss-dpitem-person-pm">
                                                                    <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                                                    <i class="ss-icon-minus"><svg><use xlink:href="#ss-icon-minus"></use></svg></i>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-person">
                                                                <span class="ss-dpitem-person-img">
                                                                    <i class="ss-icon-user-fill"><svg><use xlink:href="#ss-icon-user-fill"></use></svg></i>
                                                                    <!-- <span class="lazy-loader">
                                                                        <span class="lazyload" data-original="images/avtar.png" data-preload="true"></span>
                                                                    </span> -->
                                                                </span>
                                                                <span class="ss-dpitem-person-info">
                                                                    <span class="dropdown-item-text">John Doe</span>
                                                                    <span class="ss-dpitem-person-email">jdoe@email.com</span>
                                                                </span>
                                                                <span class="ss-dpitem-person-pm">
                                                                    <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                                                    <i class="ss-icon-minus"><svg><use xlink:href="#ss-icon-minus"></use></svg></i>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-person">
                                                                <span class="ss-dpitem-person-img">
                                                                    <i class="ss-icon-user-fill"><svg><use xlink:href="#ss-icon-user-fill"></use></svg></i>
                                                                    <!-- <span class="lazy-loader">
                                                                        <span class="lazyload" data-original="images/avtar.png" data-preload="true"></span>
                                                                    </span> -->
                                                                </span>
                                                                <span class="ss-dpitem-person-info">
                                                                    <span class="dropdown-item-text">Eve Jackson</span>
                                                                    <span class="ss-dpitem-person-email">eve.jackson@email.com</span>
                                                                </span>
                                                                <span class="ss-dpitem-person-pm">
                                                                    <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                                                    <i class="ss-icon-minus"><svg><use xlink:href="#ss-icon-minus"></use></svg></i>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-person">
                                                                <span class="ss-dpitem-person-img">
                                                                    <i class="ss-icon-user-fill"><svg><use xlink:href="#ss-icon-user-fill"></use></svg></i>
                                                                    <!-- <span class="lazy-loader">
                                                                        <span class="lazyload" data-original="images/avtar.png" data-preload="true"></span>
                                                                    </span> -->
                                                                </span>
                                                                <span class="ss-dpitem-person-info">
                                                                    <span class="dropdown-item-text">Eva Smith</span>
                                                                    <span class="ss-dpitem-person-email">esmith@email.com</span>
                                                                </span>
                                                                <span class="ss-dpitem-person-pm">
                                                                    <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                                                    <i class="ss-icon-minus"><svg><use xlink:href="#ss-icon-minus"></use></svg></i>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-person">
                                                                <span class="ss-dpitem-person-img">
                                                                    <i class="ss-icon-user-fill"><svg><use xlink:href="#ss-icon-user-fill"></use></svg></i>
                                                                    <!-- <span class="lazy-loader">
                                                                        <span class="lazyload" data-original="images/avtar.png" data-preload="true"></span>
                                                                    </span> -->
                                                                </span>
                                                                <span class="ss-dpitem-person-info">
                                                                    <span class="dropdown-item-text">Hailey Caret</span>
                                                                    <span class="ss-dpitem-person-email">hcaret@email.com</span>
                                                                </span>
                                                                <span class="ss-dpitem-person-pm">
                                                                    <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                                                    <i class="ss-icon-minus"><svg><use xlink:href="#ss-icon-minus"></use></svg></i>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-person">
                                                                <span class="ss-dpitem-person-img">
                                                                    <i class="ss-icon-user-fill"><svg><use xlink:href="#ss-icon-user-fill"></use></svg></i>
                                                                    <!-- <span class="lazy-loader">
                                                                        <span class="lazyload" data-original="images/avtar.png" data-preload="true"></span>
                                                                    </span> -->
                                                                </span>
                                                                <span class="ss-dpitem-person-info">
                                                                    <span class="dropdown-item-text">Adam Black</span>
                                                                    <span class="ss-dpitem-person-email">adam_black@email.com</span>
                                                                </span>
                                                                <span class="ss-dpitem-person-pm">
                                                                    <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                                                    <i class="ss-icon-minus"><svg><use xlink:href="#ss-icon-minus"></use></svg></i>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-person">
                                                                <span class="ss-dpitem-person-img">
                                                                    <i class="ss-icon-user-fill"><svg><use xlink:href="#ss-icon-user-fill"></use></svg></i>
                                                                    <!-- <span class="lazy-loader">
                                                                        <span class="lazyload" data-original="images/avtar.png" data-preload="true"></span>
                                                                    </span> -->
                                                                </span>
                                                                <span class="ss-dpitem-person-info">
                                                                    <span class="dropdown-item-text">John Doe</span>
                                                                    <span class="ss-dpitem-person-email">jdoe@email.com</span>
                                                                </span>
                                                                <span class="ss-dpitem-person-pm">
                                                                    <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                                                    <i class="ss-icon-minus"><svg><use xlink:href="#ss-icon-minus"></use></svg></i>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-person">
                                                                <span class="ss-dpitem-person-img">
                                                                    <i class="ss-icon-user-fill"><svg><use xlink:href="#ss-icon-user-fill"></use></svg></i>
                                                                    <!-- <span class="lazy-loader">
                                                                        <span class="lazyload" data-original="images/avtar.png" data-preload="true"></span>
                                                                    </span> -->
                                                                </span>
                                                                <span class="ss-dpitem-person-info">
                                                                    <span class="dropdown-item-text">Eve Jackson</span>
                                                                    <span class="ss-dpitem-person-email">eve.jackson@email.com</span>
                                                                </span>
                                                                <span class="ss-dpitem-person-pm">
                                                                    <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                                                    <i class="ss-icon-minus"><svg><use xlink:href="#ss-icon-minus"></use></svg></i>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-person">
                                                                <span class="ss-dpitem-person-img">
                                                                    <i class="ss-icon-user-fill"><svg><use xlink:href="#ss-icon-user-fill"></use></svg></i>
                                                                    <!-- <span class="lazy-loader">
                                                                        <span class="lazyload" data-original="images/avtar.png" data-preload="true"></span>
                                                                    </span> -->
                                                                </span>
                                                                <span class="ss-dpitem-person-info">
                                                                    <span class="dropdown-item-text">Eva Smith</span>
                                                                    <span class="ss-dpitem-person-email">esmith@email.com</span>
                                                                </span>
                                                                <span class="ss-dpitem-person-pm">
                                                                    <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                                                    <i class="ss-icon-minus"><svg><use xlink:href="#ss-icon-minus"></use></svg></i>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-person">
                                                                <span class="ss-dpitem-person-img">
                                                                    <i class="ss-icon-user-fill"><svg><use xlink:href="#ss-icon-user-fill"></use></svg></i>
                                                                    <!-- <span class="lazy-loader">
                                                                        <span class="lazyload" data-original="images/avtar.png" data-preload="true"></span>
                                                                    </span> -->
                                                                </span>
                                                                <span class="ss-dpitem-person-info">
                                                                    <span class="dropdown-item-text">Hailey Caret</span>
                                                                    <span class="ss-dpitem-person-email">hcaret@email.com</span>
                                                                </span>
                                                                <span class="ss-dpitem-person-pm">
                                                                    <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                                                    <i class="ss-icon-minus"><svg><use xlink:href="#ss-icon-minus"></use></svg></i>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li class="no-result-msg d-none">
                                                            <span class="p1">No result found</span>
                                                        </li>
                                                    </ul>
                                                    <div class="ss-dropdown-iu-footer">
                                                        <a class="btn btn-primary btn-block">Invite to Group</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="ss-bp-filter-row">
                                    <div class="ss-bp-filter-left">
                                        <div class="form-group mb-0">
                                            <span class="form-control-wrapper with-icon-left">
                                                <input type="search" value="" name="project-search" class="form-control" placeholder="Search Users">
                                                <i class="ss-icon-search"><svg><use xlink:href="#ss-icon-search"></use></svg></i>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="ss-bp-filter-right">
                                        <div class="ss-dropdown dropdown js-single-select">
                                            <a href="javascript:;" role="button" class="ss-dropdown-toggle-inline fw-normal" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                <span>NAME:&nbsp;</span>
                                                <span class="ss-dropdown-toggle-txt">A to Z</span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <ul class="dropdown-menu dropdown-menu-end">
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item active">
                                                        <span class="dropdown-item-text">A to Z</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item">
                                                        <span class="dropdown-item-text">Z to A</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                                <table class="ss-table ss-table-theme-b">
                                    <thead>
                                        <tr>
                                            <th>Person</th>
                                            <th class="text-end">USER ROLE</th>
                                            <th class="text-end">Survey Projects</th>
                                            <th class="text-end">Latest Activity</th>
                                            <th class="text-end">&nbsp;</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="ss-person-row">
                                                    <span class="ss-person-img">
                                                        <span class="lazy-loader">
                                                            <span class="lazyload" data-original="images/avtar.png"></span>
                                                        </span>
                                                        <span class="ss-favorite-badge"><i class="ss-icon-star"><svg><use xlink:href="#ss-icon-star"></use></svg></i></span>
                                                    </span>
                                                    <span class="ss-person-info">
                                                        <strong class="ss-person-name">Jane Doe</strong>
                                                        <span class="ss-person-email">jdoe@email.com</span>
                                                    </span>
                                                </div>
                                            </td>
                                            <td class="text-end">
                                                <div class="ss-dropdown dropdown js-single-select">
                                                    <a href="javascript:;" role="button" class="ss-dropdown-toggle-inline" data-bs-offset="0,8" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
                                                        <span class="ss-dropdown-toggle-txt">Group Admin</span>
                                                        <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                                    </a>
                                                    <ul class="dropdown-menu ss-dropdown-table dropdown-menu-bottom-center">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Super Admin</strong>
                                                                    <small>Create, edit add users, add groups, sell</small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b active">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Group Admin</strong>
                                                                    <small>Create, edit add users, add groups, </small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Admin</strong>
                                                                    <small>Create, edit add users, add groups, </small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Contributor</strong>
                                                                    <small>Create, edit survey projects</small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                            <td class="text-end">20 Projects</td>
                                            <td class="text-end">5/10/2020</td>
                                            <td class="text-end">
                                                <div class="ss-dropdown dropdown sm">
                                                    <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                    </button>
                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                                <i class="ss-icon-edit-square-two"><svg><use xlink:href="#ss-icon-edit-square-two"></use></svg></i>
                                                                <span class="dropdown-item-text">Edit</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                                <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                                <span class="dropdown-item-text">Delete</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="ss-person-row">
                                                    <span class="ss-person-img">
                                                        <span class="lazy-loader">
                                                            <span class="lazyload" data-original="images/avtar.png"></span>
                                                        </span>
                                                    </span>
                                                    <span class="ss-person-info">
                                                        <strong class="ss-person-name">Jane Doe</strong>
                                                        <span class="ss-person-email">jdoe@email.com</span>
                                                    </span>
                                                </div>
                                            </td>
                                            <td class="text-end">
                                                <div class="ss-dropdown dropdown js-single-select">
                                                    <a href="javascript:;" role="button" class="ss-dropdown-toggle-inline" data-bs-offset="0,8" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
                                                        <span class="ss-dropdown-toggle-txt">Group Admin</span>
                                                        <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                                    </a>
                                                    <ul class="dropdown-menu ss-dropdown-table dropdown-menu-bottom-center">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Super Admin</strong>
                                                                    <small>Create, edit add users, add groups, sell</small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b active">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Group Admin</strong>
                                                                    <small>Create, edit add users, add groups, </small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Admin</strong>
                                                                    <small>Create, edit add users, add groups, </small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Contributor</strong>
                                                                    <small>Create, edit survey projects</small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                            <td class="text-end">20 Projects</td>
                                            <td class="text-end">5/10/2020</td>
                                            <td class="text-end">
                                                <div class="ss-dropdown dropdown sm">
                                                    <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                    </button>
                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                                <i class="ss-icon-edit-square-two"><svg><use xlink:href="#ss-icon-edit-square-two"></use></svg></i>
                                                                <span class="dropdown-item-text">Edit</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                                <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                                <span class="dropdown-item-text">Delete</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="ss-person-row">
                                                    <span class="ss-person-img">
                                                        <span class="lazy-loader">
                                                            <span class="lazyload" data-original="images/avtar.png"></span>
                                                        </span>
                                                        <span class="ss-favorite-badge"><i class="ss-icon-star"><svg><use xlink:href="#ss-icon-star"></use></svg></i></span>
                                                    </span>
                                                    <span class="ss-person-info">
                                                        <strong class="ss-person-name">Jane Doe</strong>
                                                        <span class="ss-person-email">jdoe@email.com</span>
                                                    </span>
                                                </div>
                                            </td>
                                            <td class="text-end">
                                                <div class="ss-dropdown dropdown js-single-select">
                                                    <a href="javascript:;" role="button" class="ss-dropdown-toggle-inline" data-bs-offset="0,8" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
                                                        <span class="ss-dropdown-toggle-txt">Group Admin</span>
                                                        <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                                    </a>
                                                    <ul class="dropdown-menu ss-dropdown-table dropdown-menu-bottom-center">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Super Admin</strong>
                                                                    <small>Create, edit add users, add groups, sell</small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b active">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Group Admin</strong>
                                                                    <small>Create, edit add users, add groups, </small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Admin</strong>
                                                                    <small>Create, edit add users, add groups, </small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Contributor</strong>
                                                                    <small>Create, edit survey projects</small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                            <td class="text-end">20 Projects</td>
                                            <td class="text-end">5/10/2020</td>
                                            <td class="text-end">
                                                <div class="ss-dropdown dropdown sm">
                                                    <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                    </button>
                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                                <i class="ss-icon-edit-square-two"><svg><use xlink:href="#ss-icon-edit-square-two"></use></svg></i>
                                                                <span class="dropdown-item-text">Edit</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                                <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                                <span class="dropdown-item-text">Delete</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="ss-person-row">
                                                    <span class="ss-person-img">
                                                        <span class="lazy-loader">
                                                            <span class="lazyload" data-original="images/avtar.png"></span>
                                                        </span>
                                                    </span>
                                                    <span class="ss-person-info">
                                                        <strong class="ss-person-name">Jane Doe</strong>
                                                        <span class="ss-person-email">jdoe@email.com</span>
                                                    </span>
                                                </div>
                                            </td>
                                            <td class="text-end">
                                                <div class="ss-dropdown dropdown js-single-select">
                                                    <a href="javascript:;" role="button" class="ss-dropdown-toggle-inline" data-bs-offset="0,8" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
                                                        <span class="ss-dropdown-toggle-txt">Group Admin</span>
                                                        <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                                    </a>
                                                    <ul class="dropdown-menu ss-dropdown-table dropdown-menu-bottom-center">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Super Admin</strong>
                                                                    <small>Create, edit add users, add groups, sell</small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b active">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Group Admin</strong>
                                                                    <small>Create, edit add users, add groups, </small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Admin</strong>
                                                                    <small>Create, edit add users, add groups, </small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Contributor</strong>
                                                                    <small>Create, edit survey projects</small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                            <td class="text-end">20 Projects</td>
                                            <td class="text-end">5/10/2020</td>
                                            <td class="text-end">
                                                <div class="ss-dropdown dropdown sm">
                                                    <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                    </button>
                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                                <i class="ss-icon-edit-square-two"><svg><use xlink:href="#ss-icon-edit-square-two"></use></svg></i>
                                                                <span class="dropdown-item-text">Edit</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                                <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                                <span class="dropdown-item-text">Delete</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="ss-person-row">
                                                    <span class="ss-person-img">
                                                        <span class="lazy-loader">
                                                            <span class="lazyload" data-original="images/avtar.png"></span>
                                                        </span>
                                                        <span class="ss-favorite-badge"><i class="ss-icon-star"><svg><use xlink:href="#ss-icon-star"></use></svg></i></span>
                                                    </span>
                                                    <span class="ss-person-info">
                                                        <strong class="ss-person-name">Jane Doe</strong>
                                                        <span class="ss-person-email">jdoe@email.com</span>
                                                    </span>
                                                </div>
                                            </td>
                                            <td class="text-end">
                                                <div class="ss-dropdown dropdown js-single-select">
                                                    <a href="javascript:;" role="button" class="ss-dropdown-toggle-inline" data-bs-offset="0,8" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
                                                        <span class="ss-dropdown-toggle-txt">Group Admin</span>
                                                        <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                                    </a>
                                                    <ul class="dropdown-menu ss-dropdown-table dropdown-menu-bottom-center">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Super Admin</strong>
                                                                    <small>Create, edit add users, add groups, sell</small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b active">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Group Admin</strong>
                                                                    <small>Create, edit add users, add groups, </small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Admin</strong>
                                                                    <small>Create, edit add users, add groups, </small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio-b">
                                                                <span class="ss-dropdown-radio-b-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                                <span class="dropdown-item-text">
                                                                    <strong>Contributor</strong>
                                                                    <small>Create, edit survey projects</small>
                                                                </span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                            <td class="text-end">20 Projects</td>
                                            <td class="text-end">
                                                <a class="btn btn-outline-light btn-sm">Resend Invite</a>
                                            </td>
                                            <td class="text-end">
                                                <div class="ss-dropdown dropdown sm">
                                                    <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                    </button>
                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                                <i class="ss-icon-edit-square-two"><svg><use xlink:href="#ss-icon-edit-square-two"></use></svg></i>
                                                                <span class="dropdown-item-text">Edit</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                                <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                                <span class="dropdown-item-text">Delete</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- End   [ Group Tab ] -->

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

<?php require_once "modal-new-group.php";?>

<?php require_once "footer.php";?>
