23 lines
1.8 KiB
PHP
23 lines
1.8 KiB
PHP
<div id="tab-opd-doctor" class="tab-content hidden space-y-4 md:space-y-6">
|
|
<?= $opd_filter_html ?>
|
|
|
|
<div class="max-w-4xl mx-auto">
|
|
<div class="card-premium p-6 md:p-10 flex flex-col items-center bg-gradient-to-br from-blue-50 to-white border-t-8 border-t-blue-500 text-center mb-6 shadow-sm">
|
|
<div class="w-16 h-16 md:w-20 md:h-20 rounded-full bg-blue-100 text-blue-600 flex items-center justify-center text-3xl md:text-4xl mb-4 shadow-inner"><i class="fa-solid fa-user-doctor"></i></div>
|
|
<h3 class="font-extrabold text-slate-800 text-xl md:text-2xl mb-1">แพทย์ลงตรวจก่อน 09.00 น.</h3>
|
|
<p class="text-sm text-slate-500 mb-6">แผนกผู้ป่วยนอก (OPD)</p>
|
|
|
|
<h2 class="text-5xl md:text-7xl font-black text-emerald-600 mb-2"><span id="db-doc-overall">-</span>%</h2>
|
|
|
|
<div class="w-full bg-slate-200 rounded-full h-4 mb-2 shadow-inner">
|
|
<div id="db-doc-overall-bar" class="bg-gradient-to-r from-emerald-400 to-emerald-500 h-4 rounded-full transition-all duration-500 border-t border-white/50" style="width: 0%"></div>
|
|
</div>
|
|
<p class="text-xs font-bold text-slate-400 w-full text-right mt-2">เป้าหมาย 100.00%</p>
|
|
</div>
|
|
|
|
<h3 class="font-extrabold text-slate-800 text-base md:text-lg mb-4 border-l-4 border-blue-500 pl-3">สถิติการลงตรวจแยกรายคลินิก</h3>
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4" id="db-doctor-clinic-grid">
|
|
<div class="col-span-full text-center text-slate-400 py-8 bg-white rounded-xl border border-dashed border-slate-300 font-medium">รอการค้นหาข้อมูล...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|