69 lines
2.4 KiB
Plaintext
69 lines
2.4 KiB
Plaintext
<!-- Stats Cards -->
|
|
<div class="stats-grid">
|
|
<div class="stat-card">
|
|
<div class="stat-content">
|
|
<div class="stat-info">
|
|
<h3>Active VA</h3>
|
|
<div class="stat-value" id="activeVaCount">0</div>
|
|
</div>
|
|
<div class="stat-icon blue">
|
|
<i class="fas fa-users fa-xl"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-content">
|
|
<div class="stat-info">
|
|
<h3>Total VA's</h3>
|
|
<div class="stat-value" id="totalVaCount">0</div>
|
|
</div>
|
|
<div class="stat-icon blue">
|
|
<i class="fas fa-users fa-xl"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-content">
|
|
<div class="stat-info">
|
|
<h3>Total Projects</h3>
|
|
<div class="stat-value" id="totalProjects">0</div>
|
|
</div>
|
|
<div class="stat-icon green">
|
|
<i class="fas fa-clock 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;">
|
|
<h2 class="section-title">Virtual Assistants <span class="total-count" id="vaListCount">0 VAs</span></h2>
|
|
<a href="/client/virtual-assistants/manage-tips" class="btn btn-primary">Manage Tips</a>
|
|
</div>
|
|
<div class="table-container">
|
|
<div class="table-wrapper">
|
|
<table class="data-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Status</th>
|
|
<th>Virtual Assistant</th>
|
|
<th>Active Project</th>
|
|
<th>Total Projects</th>
|
|
<th>Today Logged Hours</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="vaTableBody">
|
|
<!-- Data will be loaded here -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div id="vaEmptyState" style="display: none;">
|
|
<div class="empty-state">
|
|
<i class="fas fa-users"></i>
|
|
<h3>No Virtual Assistants</h3>
|
|
<p>You haven't assigned any virtual assistants yet.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |