194 lines
10 KiB
HTML
194 lines
10 KiB
HTML
<div class="card mb-4">
|
|
<div class="card-header bg-primary text-white">
|
|
<i class="bi bi-building me-1"></i> Your Companies
|
|
</div>
|
|
<div class="card-body">
|
|
<!-- Company list table -->
|
|
<table class="table table-hover align-middle">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Type</th>
|
|
<th>Status</th>
|
|
<th>Date Registered</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!-- Example rows -->
|
|
<tr>
|
|
<td>Zanzibar Digital Solutions</td>
|
|
<td>Startup FZC</td>
|
|
<td><span class="badge bg-success">Active</span></td>
|
|
<td>2025-04-01</td>
|
|
<td>
|
|
<div class="btn-group">
|
|
<a href="/company/view/company1" class="btn btn-sm btn-outline-primary"><i class="bi bi-eye"></i> View</a>
|
|
<a href="/company/switch/company1" class="btn btn-sm btn-primary"><i class="bi bi-box-arrow-in-right"></i> Switch to Entity</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Blockchain Innovations Ltd</td>
|
|
<td>Growth FZC</td>
|
|
<td><span class="badge bg-success">Active</span></td>
|
|
<td>2025-03-15</td>
|
|
<td>
|
|
<div class="btn-group">
|
|
<a href="/company/view/company2" class="btn btn-sm btn-outline-primary"><i class="bi bi-eye"></i> View</a>
|
|
<a href="/company/switch/company2" class="btn btn-sm btn-primary"><i class="bi bi-box-arrow-in-right"></i> Switch to Entity</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Sustainable Energy Cooperative</td>
|
|
<td>Cooperative FZC</td>
|
|
<td><span class="badge bg-warning text-dark">Pending</span></td>
|
|
<td>2025-05-01</td>
|
|
<td>
|
|
<div class="btn-group">
|
|
<a href="/company/view/company3" class="btn btn-sm btn-outline-primary"><i class="bi bi-eye"></i> View</a>
|
|
<a href="/company/switch/company3" class="btn btn-sm btn-primary"><i class="bi bi-box-arrow-in-right"></i> Switch to Entity</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<!-- More rows dynamically rendered here -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Company Details Modal -->
|
|
<div class="modal fade" id="companyDetailsModal" tabindex="-1" aria-labelledby="companyDetailsModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header bg-light">
|
|
<h5 class="modal-title" id="companyDetailsModalLabel"><i class="bi bi-building me-2"></i>Company Details</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div id="companyDetailsContent">
|
|
<!-- Company details will be loaded here -->
|
|
<div class="row mb-4">
|
|
<div class="col-md-6">
|
|
<div class="card h-100">
|
|
<div class="card-header">General Information</div>
|
|
<div class="card-body">
|
|
<table class="table table-borderless">
|
|
<tr>
|
|
<th>Company Name:</th>
|
|
<td id="modal-company-name">Zanzibar Digital Solutions</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Type:</th>
|
|
<td id="modal-company-type">Startup FZC</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Registration Date:</th>
|
|
<td id="modal-registration-date">2025-04-01</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Status:</th>
|
|
<td id="modal-status"><span class="badge bg-success">Active</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Purpose:</th>
|
|
<td id="modal-purpose">Digital solutions and blockchain development</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="card h-100">
|
|
<div class="card-header">Billing Information</div>
|
|
<div class="card-body">
|
|
<table class="table table-borderless">
|
|
<tr>
|
|
<th>Plan:</th>
|
|
<td id="modal-plan">Startup FZC - $50/month</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Next Billing:</th>
|
|
<td id="modal-next-billing">2025-06-01</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Payment Method:</th>
|
|
<td id="modal-payment-method">Credit Card (****4582)</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-4">
|
|
<div class="col-md-6">
|
|
<div class="card h-100">
|
|
<div class="card-header">Shareholders</div>
|
|
<div class="card-body">
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Percentage</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="modal-shareholders">
|
|
<tr>
|
|
<td>John Smith</td>
|
|
<td>60%</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Sarah Johnson</td>
|
|
<td>40%</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="card h-100">
|
|
<div class="card-header">Contracts</div>
|
|
<div class="card-body">
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th>Contract</th>
|
|
<th>Status</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="modal-contracts">
|
|
<tr>
|
|
<td>Articles of Incorporation</td>
|
|
<td><span class="badge bg-success">Signed</span></td>
|
|
<td><button class="btn btn-sm btn-outline-primary">View</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Terms & Conditions</td>
|
|
<td><span class="badge bg-success">Signed</span></td>
|
|
<td><button class="btn btn-sm btn-outline-primary">View</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Digital Asset Issuance</td>
|
|
<td><span class="badge bg-success">Signed</span></td>
|
|
<td><button class="btn btn-sm btn-outline-primary">View</button></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary" onclick="switchToEntityFromModal()"><i class="bi bi-box-arrow-in-right me-1"></i>Switch to Entity</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|