25 lines
1.8 KiB
PHP
25 lines
1.8 KiB
PHP
<div id="tab-opd-satisfaction" 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-pink-50 to-white border-t-8 border-t-pink-500 text-center shadow-sm">
|
|
<div class="w-20 h-20 md:w-24 md:h-24 rounded-full bg-pink-100 text-pink-500 flex items-center justify-center text-4xl md:text-5xl mb-6 shadow-inner"><i class="fa-solid fa-face-smile-beam"></i></div>
|
|
<h3 class="font-extrabold text-slate-800 text-xl md:text-2xl mb-2">ความพึงพอใจผู้รับบริการ</h3>
|
|
<p class="text-sm text-slate-500 mb-8">แผนกผู้ป่วยนอก (OPD)</p>
|
|
|
|
<h2 class="text-5xl md:text-7xl font-black text-pink-600 mb-6"><span id="db-satisfaction-score">-</span>%</h2>
|
|
|
|
<div class="w-full bg-slate-200 rounded-full h-4 mb-2 shadow-inner">
|
|
<div class="bg-gradient-to-r from-pink-400 to-pink-500 h-4 rounded-full 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">เป้าหมาย > 85.00%</p>
|
|
</div>
|
|
|
|
<div class="card-premium p-4 md:p-6 mt-6">
|
|
<h3 class="font-extrabold text-slate-800 text-sm md:text-base mb-4"><i class="fa-solid fa-chart-line text-pink-500 mr-2"></i> แนวโน้มความพึงพอใจรายเดือน (%)</h3>
|
|
<div class="h-[300px] w-full flex items-center justify-center bg-slate-50 rounded-lg border border-dashed border-slate-200">
|
|
<span class="text-slate-400 font-medium">รอการค้นหาข้อมูล...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|