195 lines
6.7 KiB
PHP
195 lines
6.7 KiB
PHP
<section class="content report-hub">
|
|
<div class="report-hub-head mb-3">
|
|
<h2 class="report-hub-title mb-1">Report Panel</h2>
|
|
<p class="report-hub-sub mb-0">Quick access to billing, diagnosis, insurance, and operational report sections.</p>
|
|
</div>
|
|
|
|
<div class="row g-3">
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card report-card h-100">
|
|
<div class="card-body">
|
|
<div class="report-card-head">
|
|
<span class="report-icon report-icon-blue"><i class="bi bi-bar-chart-line"></i></span>
|
|
<h5 class="report-card-title mb-0">Reports</h5>
|
|
</div>
|
|
<ul class="report-links">
|
|
<li><a href="javascript:load_form('<?= base_url('Report/collection_report') ?>','Collection Report');"><i class="bi bi-arrow-right-short"></i> Total Payment (Cash and Bank)</a></li>
|
|
<li><a href="javascript:load_form('<?= base_url('Report/billing_operations_report') ?>','Billing Operations Report');"><i class="bi bi-arrow-right-short"></i> Billing Operations Report</a></li>
|
|
<li><a href="javascript:load_form('<?= base_url('Report/nabh_audit_report') ?>','NABH Audit Report');"><i class="bi bi-arrow-right-short"></i> NABH Audit Report</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card report-card h-100">
|
|
<div class="card-body">
|
|
<div class="report-card-head">
|
|
<span class="report-icon report-icon-cyan"><i class="bi bi-clipboard2-pulse"></i></span>
|
|
<h5 class="report-card-title mb-0">Reports Diagnosis</h5>
|
|
</div>
|
|
<ul class="report-links">
|
|
<li><a href="javascript:load_form('<?= base_url('Report/diagnosis_report') ?>','Diagnosis Report');"><i class="bi bi-arrow-right-short"></i> Diagnosis Report</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card report-card h-100">
|
|
<div class="card-body">
|
|
<div class="report-card-head">
|
|
<span class="report-icon report-icon-green"><i class="bi bi-hospital"></i></span>
|
|
<h5 class="report-card-title mb-0">Reports IPD</h5>
|
|
</div>
|
|
<ul class="report-links">
|
|
<li><a href="javascript:load_form('<?= base_url('Report/insurance_ipd_report') ?>','Insurance Case IPD');"><i class="bi bi-arrow-right-short"></i> Insurance Case IPD</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card report-card h-100">
|
|
<div class="card-body">
|
|
<div class="report-card-head">
|
|
<span class="report-icon report-icon-indigo"><i class="bi bi-shield-check"></i></span>
|
|
<h5 class="report-card-title mb-0">Reports Insurance Credit</h5>
|
|
</div>
|
|
<ul class="report-links">
|
|
<li><a href="javascript:load_form('<?= base_url('Report/insurance_ipd_report') ?>','Insurance Case IPD');"><i class="bi bi-arrow-right-short"></i> Insurance Case IPD</a></li>
|
|
<li><a href="javascript:load_form('<?= base_url('Report/insurance_opd_report') ?>','Insurance Case OPD');"><i class="bi bi-arrow-right-short"></i> Insurance Case OPD</a></li>
|
|
<li><a href="javascript:load_form('<?= base_url('org-packing') ?>','Org. OPD Packing');"><i class="bi bi-arrow-right-short"></i> Or. OPD Packing</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card report-card h-100 report-card-muted">
|
|
<div class="card-body">
|
|
<div class="report-card-head">
|
|
<span class="report-icon report-icon-slate"><i class="bi bi-file-earmark-text"></i></span>
|
|
<h5 class="report-card-title mb-0">Reports Document</h5>
|
|
</div>
|
|
<div class="report-empty">Document reports are not migrated yet.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<style>
|
|
.report-hub {
|
|
--hub-bg: #f4f6fb;
|
|
--hub-border: #e3e8f2;
|
|
--hub-text: #2f3b52;
|
|
--hub-sub: #69758c;
|
|
--hub-link: #1f4d90;
|
|
--hub-link-hover: #0d6efd;
|
|
--hub-shadow: 0 10px 22px rgba(30, 48, 84, 0.08);
|
|
background: linear-gradient(145deg, #f7f9fd 0%, #edf2f9 100%);
|
|
border: 1px solid var(--hub-border);
|
|
border-radius: 14px;
|
|
padding: 18px;
|
|
}
|
|
|
|
.report-hub-title {
|
|
color: #24334f;
|
|
font-weight: 700;
|
|
letter-spacing: 0.2px;
|
|
}
|
|
|
|
.report-hub-sub {
|
|
color: var(--hub-sub);
|
|
font-size: 0.92rem;
|
|
}
|
|
|
|
.report-card {
|
|
border: 1px solid var(--hub-border);
|
|
border-radius: 12px;
|
|
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.9) inset;
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
|
|
background: #fff;
|
|
}
|
|
|
|
.report-card:hover {
|
|
transform: translateY(-4px);
|
|
border-color: #cdd8ea;
|
|
box-shadow: var(--hub-shadow);
|
|
}
|
|
|
|
.report-card-head {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.report-card-title {
|
|
color: var(--hub-text);
|
|
font-size: 1.03rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.report-icon {
|
|
width: 34px;
|
|
height: 34px;
|
|
border-radius: 10px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.report-icon-blue { background: #e7f0ff; color: #1f5dd0; }
|
|
.report-icon-cyan { background: #e3f9fa; color: #0f8f9a; }
|
|
.report-icon-green { background: #e7f9ef; color: #1d9960; }
|
|
.report-icon-indigo { background: #ece9ff; color: #4b49b6; }
|
|
.report-icon-slate { background: #eef1f6; color: #6b7280; }
|
|
|
|
.report-links {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.report-links li + li {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.report-links a {
|
|
color: var(--hub-link);
|
|
text-decoration: none;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
font-weight: 500;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.report-links a:hover {
|
|
color: var(--hub-link-hover);
|
|
}
|
|
|
|
.report-links i {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.report-card-muted {
|
|
background: #fcfdff;
|
|
}
|
|
|
|
.report-empty {
|
|
color: #7a8598;
|
|
font-size: 0.94rem;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
.report-hub {
|
|
padding: 14px;
|
|
}
|
|
}
|
|
</style>
|