<h2>Invitations</h2>
<div class="h3-wrapper">
<h3>Pending Invitations</h3>
</div>
<div class="subheading">View and manage invites you’ve sent that haven’t been accepted yet.</div>
<form id="pending-invitations-form" name="pending-invitations-form" data-name="pending-invitations-form" method="get">
<div class="table-outline">
<div class="table-scroll-container">
<table class="table">
<thead class="table-head">
<tr class="table-header-row">
<th class="table-checkbox-column">
<label for="select-all-pending" class="w-checkbox table-checkbox-field">
<input type="checkbox" id="select-all-pending" name="select-all-pending" class="w-checkbox-input" aria-label="Select all pending invitations">
<span class="custom-checkbox"></span>
</label>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Email Address</div>
<button type="button" class="table-sort-button w-embed" aria-label="Sort by Email Address" aria-pressed="false">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28">
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
<rect class="cls-1"></rect>
</polygon>
</polygon>
</svg>
</button>
</div>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Invited</div>
<button type="button" class="table-sort-button w-embed" aria-label="Sort by Invited Date" aria-pressed="false">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<title>Sort by Invited</title>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28">
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
<rect class="cls-1"></rect>
</polygon>
</polygon>
</svg>
</button>
</div>
</th>
<th class="action-column">
<div class="table-header-icon-container">
<a data-tippy-content="Invite a New User" href="#" class="table-header-button w-inline-block" aria-label="Invite a New User">
<div class="table-button-icon w-embed">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus" aria-hidden="true">
<line x1="12" y1="5" x2="12" y2="19"></line>
<line x1="5" y1="12" x2="19" y2="12"></line>
</svg>
</div>
</a>
<div data-delay="0" data-hover="false" class="table-menu-container w-dropdown">
<button type="button" class="table-menu-button w-dropdown-toggle" aria-haspopup="true" aria-expanded="false" aria-label="Table Options">
<div class="table-header-button">
<div class="table-button-icon w-embed">
<svg version="1.1" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 32 32" aria-hidden="true">
<circle cx="16" cy="8" r="2"></circle>
<circle cx="16" cy="16" r="2"></circle>
<circle cx="16" cy="24" r="2"></circle>
</svg>
</div>
</div>
</button>
<nav class="table-menu w-dropdown-list" id="table-menu-list" role="menu" aria-label="Table Options Menu">
<button class="table-menu-item w-inline-block" aria-label="Delete Selected Invitations">
<span class="table-menu-item-icon w-embed">
<!-- Cancel Icon SVG -->
<svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 -960 960 960" width="40px" fill="currentColor" aria-hidden="true">
<path d="m332-285.33 148-148 148 148L674.67-332l-148-148 148-148L628-674.67l-148 148-148-148L285.33-628l148 148-148 148L332-285.33ZM480-80q-82.33 0-155.33-31.5-73-31.5-127.34-85.83Q143-251.67 111.5-324.67T80-480q0-83 31.5-156t85.83-127q54.34-54 127.34-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82.33-31.5 155.33-31.5 73-85.5 127.34Q709-143 636-111.5T480-80Zm0-66.67q139.33 0 236.33-97.33t97-236q0-139.33-97-236.33t-236.33-97q-138.67 0-236 97-97.33 97-97.33 236.33 0 138.67 97.33 236 97.33 97.33 236 97.33ZM480-480Z"></path>
</svg>
</span>
<span class="table-menu-item-text">Cancel Selected</span>
</button>
<button class="table-menu-item w-inline-block" aria-label="Export Pending Invitations to CSV">
<span class="table-menu-item-icon w-embed">
<!-- Export Icon SVG -->
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true">
<polygon points="5 18 5 20 10.586 20 3 27.586 4.414 29 12 21.414 12 27 14 27 14 18 5 18"></polygon>
<path d="M27,3H5A2,2,0,0,0,3,5V15H5V11H15v4h2V11H27v7H17v2H27v7H17v2H27a2,2,0,0,0,2-2V5A2,2,0,0,0,27,3Zm0,6H5V5H27Z"></path>
</svg>
</span>
<span class="table-menu-item-text">Export to CSV</span>
</button>
</nav>
</div>
</div>
</th>
</tr>
<tr class="table-filter-row">
<th class="table-checkbox-column"> </th>
<th>
<div class="table-filter-cell-content">
<label for="PendingInvitationsEmailFilter" class="visually-hidden">Filter by Email Address</label>
<input class="input-filter w-input" maxlength="256" name="PendingInvitationsEmailFilter" data-name="PendingInvitationsEmailFilter" placeholder="Filter" type="text" id="PendingInvitationsEmailFilter" aria-label="Filter by Email Address">
</div>
</th>
<th>
<div class="table-filter-cell-content">
<div class="date-filter">
<label for="PendingInvitationsDateFilter" class="visually-hidden">Filter by Invited Date</label>
<input class="input-filter date-picker w-input" maxlength="256" name="PendingInvitationsDateFilter" data-name="PendingInvitationsDateFilter" placeholder="Filter" type="text" id="PendingInvitationsDateFilter" data-datepicker="daterange" aria-label="Filter by Invited Date">
<button id="pending-date-filter-button" class="date-filter-icon-container" aria-label="Toggle Date Filter">
<div class="date-filter-icon w-embed">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true">
<path d="M26,4H22V2H20V4H12V2H10V4H6A2.0025,2.0025,0,0,0,4,6V26a2.0025,2.0025,0,0,0,2,2H26a2.0025,2.0025,0,0,0,2-2V6A2.0025,2.0025,0,0,0,26,4ZM6,6h4V8h2V6h8V8h2V6h4l0,4H6Zm0,6h5v6H6ZM19,26H13V20h6Zm0-8H13V12h6Zm2,8V20h5l.0012,6Z"></path>
</svg>
</div>
</button>
</div>
</div>
</th>
<th class="action-column"> </th>
</tr>
</thead>
<tbody class="table-body">
<tr class="table-row">
<td class="table-checkbox-column">
<label for="select-pending-1" class="w-checkbox table-checkbox-field">
<input type="checkbox" id="select-pending-1" name="select-pending[]" class="w-checkbox-input" aria-label="Select invitation [email protected]">
<span class="custom-checkbox"></span>
</label>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">[email protected]</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Nov 25, 2024</div>
</div>
</div>
</td>
<td class="action-column">
<div class="table-row-action-button-container">
<button type="button" data-tippy-content="Resend Invitation" class="table-row-action-button" aria-label="Resend invitation to [email protected]">
<div class="table-row-action-button-icon w-embed">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" height="32" width="32" aria-hidden="true">
<path d="M480-462 140-685v465h390v60H140q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v310h-60v-255L480-462Zm0-60 340-218H140l340 218ZM774-44l-42-42 73-74H590v-60h215l-74-74 43-42 146 146L774-44ZM140-685v499-244 4-314 55Z"></path>
</svg>
</div>
</button>
<button type="button" data-tippy-content="Cancel Invitation" class="table-row-action-button danger" aria-label="Cancel invitation to [email protected]">
<div class="table-row-action-button-icon w-embed">
<svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 -960 960 960" width="40px" fill="currentColor" aria-hidden="true">
<path d="m332-285.33 148-148 148 148L674.67-332l-148-148 148-148L628-674.67l-148 148-148-148L285.33-628l148 148-148 148L332-285.33ZM480-80q-82.33 0-155.33-31.5-73-31.5-127.34-85.83Q143-251.67 111.5-324.67T80-480q0-83 31.5-156t85.83-127q54.34-54 127.34-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82.33-31.5 155.33-31.5 73-85.5 127.34Q709-143 636-111.5T480-80Zm0-66.67q139.33 0 236.33-97.33t97-236q0-139.33-97-236.33t-236.33-97q-138.67 0-236 97-97.33 97-97.33 236.33 0 138.67 97.33 236 97.33 97.33 236 97.33ZM480-480Z"></path>
</svg>
</div>
</button>
</div>
</td>
</tr>
<tr class="table-row last-row">
<td class="table-checkbox-column">
<label for="select-pending-2" class="w-checkbox table-checkbox-field">
<input type="checkbox" id="select-pending-2" name="select-pending[]" class="w-checkbox-input" aria-label="Select invitation [email protected]">
<span class="custom-checkbox"></span>
</label>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data overflow">[email protected]</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Nov 25, 2024</div>
</div>
</div>
</td>
<td class="action-column">
<div class="table-row-action-button-container">
<button type="button" data-tippy-content="Resend Invitation" class="table-row-action-button" aria-label="Resend invitation to [email protected]">
<div class="table-row-action-button-icon w-embed">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" height="32" width="32" aria-hidden="true">
<path d="M480-462 140-685v465h390v60H140q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v310h-60v-255L480-462Zm0-60 340-218H140l340 218ZM774-44l-42-42 73-74H590v-60h215l-74-74 43-42 146 146L774-44ZM140-685v499-244 4-314 55Z"></path>
</svg>
</div>
</button>
<button type="button" data-tippy-content="Cancel Invitation" class="table-row-action-button danger" aria-label="Cancel invitation to [email protected]">
<div class="table-row-action-button-icon w-embed">
<svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 -960 960 960" width="40px" fill="currentColor" aria-hidden="true">
<path d="m332-285.33 148-148 148 148L674.67-332l-148-148 148-148L628-674.67l-148 148-148-148L285.33-628l148 148-148 148L332-285.33ZM480-80q-82.33 0-155.33-31.5-73-31.5-127.34-85.83Q143-251.67 111.5-324.67T80-480q0-83 31.5-156t85.83-127q54.34-54 127.34-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82.33-31.5 155.33-31.5 73-85.5 127.34Q709-143 636-111.5T480-80Zm0-66.67q139.33 0 236.33-97.33t97-236q0-139.33-97-236.33t-236.33-97q-138.67 0-236 97-97.33 97-97.33 236.33 0 138.67 97.33 236 97.33 97.33 236 97.33ZM480-480Z"></path>
</svg>
</div>
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="table-pagination">
<div class="pagination-left">
<div class="items-per-page-container">
<label for="items-per-page-pending" class="visually-hidden">Items per page</label>
<span>Items per page:</span>
<select id="items-per-page-pending" name="items-per-page-pending" class="dropdown w-dropdown" aria-label="Items per page">
<option value="10" selected>10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
</div>
<div class="paginaton-total-items">
<span>1–10 of 103 items</span>
</div>
</div>
<div class="pagination-right">
<div class="pagination-pages-dropdown">
<label for="pagination-pages-pending" class="visually-hidden">Select page number</label>
<select id="pagination-pages-pending" name="pagination-pages-pending" class="dropdown w-dropdown" aria-label="Select page number">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<span>of 11 pages</span>
</div>
<div class="pagination-button-group">
<button type="button" class="pagination-button" aria-label="Previous page">
<div class="pagination-icon w-embed">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true">
<polygon points="20,24 10,16 20,8"></polygon>
</svg>
</div>
</button>
<button type="button" class="pagination-button" aria-label="Next page">
<div class="pagination-icon w-embed">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true">
<polygon points="12,8 22,16 12,24"></polygon>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>
<div class="space-1rem"></div>
<div class="h3-wrapper">
<h3>Declined Invitations</h3>
</div>
<div class="subheading">View and manage invites you’ve sent that have been declined.</div>
<form id="declined-invitations-form" name="declined-invitations-form" data-name="declined-invitations-form" method="get">
<div class="table-outline">
<div class="table-scroll-container">
<table class="table">
<thead class="table-head">
<tr class="table-header-row">
<th class="table-checkbox-column">
<label for="select-all-declined" class="w-checkbox table-checkbox-field">
<input type="checkbox" id="select-all-declined" name="select-all-declined" class="w-checkbox-input" aria-label="Select all declined invitations">
<span class="custom-checkbox"></span>
</label>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Email Address</div>
<button type="button" class="table-sort-button w-embed" aria-label="Sort by Email Address" aria-pressed="false">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28">
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
<rect class="cls-1"></rect>
</polygon>
</polygon>
</svg>
</button>
</div>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Reason for Decline</div>
<button type="button" class="table-sort-button w-embed" aria-label="Sort by Reason for Decline" aria-pressed="false">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28">
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
<rect class="cls-1"></rect>
</polygon>
</polygon>
</svg>
</button>
</div>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Declined</div>
<button type="button" class="table-sort-button w-embed" aria-label="Sort by Declined Date" aria-pressed="false">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<title>Sort by Declined</title>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28">
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
<rect class="cls-1"></rect>
</polygon>
</polygon>
</svg>
</button>
</div>
</th>
<th class="action-column">
<div class="table-header-icon-container">
<div data-delay="0" data-hover="false" class="table-menu-container w-dropdown">
<button type="button" class="table-menu-button w-dropdown-toggle" aria-haspopup="true" aria-expanded="false" aria-label="Table Options">
<div class="table-header-button">
<div class="table-button-icon w-embed">
<svg version="1.1" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 32 32" aria-hidden="true">
<circle cx="16" cy="8" r="2"></circle>
<circle cx="16" cy="16" r="2"></circle>
<circle cx="16" cy="24" r="2"></circle>
</svg>
</div>
</div>
</button>
<nav class="table-menu w-dropdown-list" id="table-menu-list" role="menu" aria-label="Table Options Menu">
<button class="table-menu-item w-inline-block" aria-label="Delete Selected Declined Invitations">
<span class="table-menu-item-icon w-embed">
<!-- Trash Icon SVG -->
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<polyline points="3 6 5 6 21 6"></polyline>
<path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
<line x1="10" y1="11" x2="10" y2="17"></line>
<line x1="14" y1="11" x2="14" y2="17"></line>
</svg>
</span>
<span class="table-menu-item-text">Delete Selected</span>
</button>
<button class="table-menu-item w-inline-block" aria-label="Export Declined Invitations to CSV">
<span class="table-menu-item-icon w-embed">
<!-- Export Icon SVG -->
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true">
<polygon points="5 18 5 20 10.586 20 3 27.586 4.414 29 12 21.414 12 27 14 27 14 18 5 18"></polygon>
<path d="M27,3H5A2,2,0,0,0,3,5V15H5V11H15v4h2V11H27v7H17v2H27v7H17v2H27a2,2,0,0,0,2-2V5A2,2,0,0,0,27,3Zm0,6H5V5H27Z"></path>
</svg>
</span>
<span>Export to CSV</span>
</button>
</nav>
</div>
</div>
</th>
</tr>
<tr class="table-filter-row">
<th class="table-checkbox-column"> </th>
<th>
<div class="table-filter-cell-content">
<label for="DeclinedInvitationsEmailFilter" class="visually-hidden">Filter by Email Address</label>
<input class="input-filter w-input" maxlength="256" name="DeclinedInvitationsEmailFilter" data-name="DeclinedInvitationsEmailFilter" placeholder="Filter" type="text" id="DeclinedInvitationsEmailFilter" aria-label="Filter by Email Address">
</div>
</th>
<th>
<div class="table-filter-cell-content">
<label for="DeclinedInvitationsReasonFilter" class="visually-hidden">Filter by Reason for Decline</label>
<input class="input-filter w-input" maxlength="256" name="DeclinedInvitationsReasonFilter" data-name="DeclinedInvitationsReasonFilter" placeholder="Filter" type="text" id="DeclinedInvitationsReasonFilter" aria-label="Filter by Reason for Decline">
</div>
</th>
<th>
<div class="table-filter-cell-content">
<div class="date-filter">
<label for="DeclinedInvitationsDateFilter" class="visually-hidden">Filter by Declined Date</label>
<input class="input-filter date-picker w-input" maxlength="256" name="DeclinedInvitationsDateFilter" data-name="DeclinedInvitationsDateFilter" placeholder="Filter" type="text" id="DeclinedInvitationsDateFilter" data-datepicker="daterange" aria-label="Filter by Declined Date">
<button type="button" id="declined-date-filter-button" class="date-filter-icon-container" aria-label="Toggle Date Filter">
<div class="date-filter-icon w-embed">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true">
<path d="M26,4H22V2H20V4H12V2H10V4H6A2.0025,2.0025,0,0,0,4,6V26a2.0025,2.0025,0,0,0,2,2H26a2.0025,2.0025,0,0,0,2-2V6A2.0025,2.0025,0,0,0,26,4ZM6,6h4V8h2V6h8V8h2V6h4l0,4H6Zm0,6h5v6H6ZM19,26H13V20h6Zm0-8H13V12h6Zm2,8V20h5l.0012,6Z"></path>
</svg>
</div>
</button>
</div>
</div>
</th>
<th class="action-column"> </th>
</tr>
</thead>
<tbody class="table-body">
<tr class="table-row">
<td class="table-checkbox-column">
<label for="select-pending-1" class="w-checkbox table-checkbox-field">
<input type="checkbox" id="select-pending-1" name="select-pending[]" class="w-checkbox-input" aria-label="Select invitation [email protected]">
<span class="custom-checkbox"></span>
</label>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">[email protected]</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Nov 25, 2024</div>
</div>
</div>
</td>
<td class="action-column">
<div class="table-row-action-button-container">
<button type="button" data-tippy-content="Resend Invitation" class="table-row-action-button" aria-label="Resend invitation to [email protected]">
<div class="table-row-action-button-icon w-embed">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" height="32" width="32" aria-hidden="true">
<path d="M480-462 140-685v465h390v60H140q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v310h-60v-255L480-462Zm0-60 340-218H140l340 218ZM774-44l-42-42 73-74H590v-60h215l-74-74 43-42 146 146L774-44ZM140-685v499-244 4-314 55Z"></path>
</svg>
</div>
</button>
<button type="button" data-tippy-content="Cancel Invitation" class="table-row-action-button danger" aria-label="Cancel invitation to [email protected]">
<div class="table-row-action-button-icon w-embed">
<svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 -960 960 960" width="40px" fill="currentColor" aria-hidden="true">
<path d="m332-285.33 148-148 148 148L674.67-332l-148-148 148-148L628-674.67l-148 148-148-148L285.33-628l148 148-148 148L332-285.33ZM480-80q-82.33 0-155.33-31.5-73-31.5-127.34-85.83Q143-251.67 111.5-324.67T80-480q0-83 31.5-156t85.83-127q54.34-54 127.34-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82.33-31.5 155.33-31.5 73-85.5 127.34Q709-143 636-111.5T480-80Zm0-66.67q139.33 0 236.33-97.33t97-236q0-139.33-97-236.33t-236.33-97q-138.67 0-236 97-97.33 97-97.33 236.33 0 138.67 97.33 236 97.33 97.33 236 97.33ZM480-480Z"></path>
</svg>
</div>
</button>
</div>
</td>
</tr>
<tr class="table-row last-row">
<td class="table-checkbox-column">
<label for="select-pending-2" class="w-checkbox table-checkbox-field">
<input type="checkbox" id="select-pending-2" name="select-pending[]" class="w-checkbox-input" aria-label="Select invitation [email protected]">
<span class="custom-checkbox"></span>
</label>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data overflow">[email protected]</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Nov 25, 2024</div>
</div>
</div>
</td>
<td class="action-column">
<div class="table-row-action-button-container">
<button type="button" data-tippy-content="Resend Invitation" class="table-row-action-button" aria-label="Resend invitation to [email protected]">
<div class="table-row-action-button-icon w-embed">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" height="32" width="32" aria-hidden="true">
<path d="M480-462 140-685v465h390v60H140q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v310h-60v-255L480-462Zm0-60 340-218H140l340 218ZM774-44l-42-42 73-74H590v-60h215l-74-74 43-42 146 146L774-44ZM140-685v499-244 4-314 55Z"></path>
</svg>
</div>
</button>
<button type="button" data-tippy-content="Delete" class="table-row-action-button danger" aria-label="Delete declined invitation [email protected]">
<div class="table-row-action-button-icon w-embed">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<polyline points="3 6 5 6 21 6"></polyline>
<path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
<line x1="10" y1="11" x2="10" y2="17"></line>
<line x1="14" y1="11" x2="14" y2="17"></line>
</svg>
</div>
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="table-pagination">
<div class="pagination-left">
<div class="items-per-page-container">
<label for="items-per-page-declined" class="visually-hidden">Items per page</label>
<div>Items per page:</div>
<select id="items-per-page-declined" name="items-per-page-declined" class="dropdown w-dropdown" aria-label="Items per page">
<option value="10" selected>10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
</div>
<div class="paginaton-total-items">
<div>1–10 of 103 items<br></div>
</div>
</div>
<div class="pagination-right">
<div class="pagination-pages-dropdown">
<label for="pagination-pages-declined" class="visually-hidden">Select page number</label>
<select id="pagination-pages-declined" name="pagination-pages-declined" class="dropdown w-dropdown" aria-label="Select page number">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<div>of 11 pages</div>
</div>
<div class="pagination-button-group">
<button type="button" class="pagination-button" aria-label="Previous page">
<div class="pagination-icon w-embed">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" xml:space="preserve" aria-hidden="true">
<polygon points="20,24 10,16 20,8"></polygon>
</svg>
</div>
</button>
<button type="button" class="pagination-button" aria-label="Next page">
<div class="pagination-icon w-embed">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" xml:space="preserve" aria-hidden="true">
<polygon points="12,8 22,16 12,24"></polygon>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>