va-tracker-middleware/views/client/dashboard-manage-va-tips.ejs

59 lines
2.0 KiB
Plaintext

<!-- Stats Cards -->
<div class="stats-grid">
<div class="stat-card">
<div class="stat-content">
<div class="stat-info">
<h3>Unbilled Tips</h3>
<div class="stat-value" id="vaUnbilledTips">$0</div>
</div>
<div class="stat-icon blue">
<i class="fas fa-file-invoice fa-xl"></i>
</div>
</div>
</div>
<div class="stat-card">
<div class="stat-content">
<div class="stat-info">
<h3>Total Tips</h3>
<div class="stat-value" id="vaTotalTips">$0</div>
</div>
<div class="stat-icon blue">
<i class="fas fa-dollar fa-xl"></i>
</div>
</div>
</div>
</div>
<!-- Virtual Assistants List -->
<div class="content-section">
<div class="section-header" style="justify-content: space-between;align-items: center;">
<a href="/client/virtual-assistants" class="btn btn-secondary">Back</a>
<span class="btn btn-primary" id="tipVaAddBtn">Tip Virtual Assistant</span>
</div>
<div class="table-container">
<div class="table-wrapper">
<table class="data-table">
<thead>
<tr>
<th>Void</th>
<th>Status</th>
<th>Virtual Assistant Name</th>
<th>Description</th>
<th>Date Added</th>
<th>Amount</th>
</tr>
</thead>
<tbody id="vaTipTableBody">
<!-- Data will be loaded here -->
</tbody>
</table>
</div>
<div id="vaEmptyTipState" style="display: none;">
<div class="empty-state">
<i class="fas fa-users"></i>
<h3>No Tip Found</h3>
<p>You haven't gave any Tip yet.</p>
</div>
</div>
</div>
</div>