Initial commit

Dashboard ลดแออัด-ลดรอคอย/views/tab_ipd_2_round.php

@@ -0,0 +1,38 @@
+<div id="tab-ipd-round" class="tab-content hidden space-y-4 md:space-y-6">
+    <?= $ipd_filter_html ?>
+
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 mb-4 md:mb-6 max-w-4xl mx-auto">
+        <div class="card-premium p-4 md:p-6 bg-gradient-to-br from-white to-teal-50 border-l-4 border-l-teal-500">
+            <div class="flex justify-between items-center mb-2">
+                <h3 class="font-extrabold text-slate-800 text-sm md:text-base">สัดส่วนแพทย์ Round ทัน (ภาพรวม)</h3><span class="text-2xl md:text-3xl font-black text-teal-600"><span class="dynamic-number-cond">100.00</span>%</span>
+            </div>
+            <div class="w-full bg-slate-200 rounded-full h-3 mb-1 mt-3 md:mt-4 shadow-inner">
+                <div class="bg-teal-500 h-3 rounded-full dynamic-width border-t border-white/50" style="width: 100%"></div>
+            </div>
+            <p class="text-[9px] md:text-[10px] text-slate-500 text-right mt-2 font-bold">เป้าหมาย: 100.00% (ก่อน 12:00 น.)</p>
+        </div>
+        <div class="card-premium p-4 md:p-6 bg-gradient-to-br from-white to-blue-50 border-l-4 border-l-blue-500 flex flex-col justify-center items-center text-center">
+            <h3 class="font-extrabold text-slate-800 text-sm md:text-base mb-2">เวลาเฉลี่ยที่แพทย์ Round เสร็จ</h3>
+            <div class="flex items-center justify-center">
+                <i class="fa-regular fa-clock text-3xl text-blue-400 mr-3"></i>
+                <span class="text-3xl md:text-4xl font-black text-blue-600 dynamic-time-round">10:45 น.</span>
+            </div>
+        </div>
+    </div>
+
+    <div class="card-premium p-4 md:p-6 max-w-4xl mx-auto">
+        <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-4 md:mb-6">
+            <h3 class="font-extrabold text-slate-800 text-sm md:text-base flex items-center mb-2 md:mb-0"><i class="fa-solid fa-user-md text-teal-500 mr-2"></i> สัดส่วนแพทย์ Round ทันก่อน 12.00 น. (รายตึก)</h3>
+            <div class="flex items-center">
+                <span class="text-xs font-bold text-slate-600 mr-2">แสดงผลเดือน:</span>
+                <select onchange="window.simulateRoundProgress()" class="bg-white border border-slate-300 text-slate-700 rounded-lg p-1.5 text-xs outline-none shadow-sm font-bold text-teal-600 cursor-pointer">
+                    <option>ภาพรวม</option>
+                    <option>ตุลาคม</option>
+                    <option>พฤศจิกายน</option>
+                    <option>ธันวาคม</option>
+                </select>
+            </div>
+        </div>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-x-8" id="ward-round-progress-container"></div>
+    </div>
+</div>