update flow pasien, store & preview screen, source klinik, api dokter

components/features/queue/CurrentPatientCard.vue

@@ -32,7 +32,24 @@
       
       <div v-else class="empty-state">
         <v-icon size="48" color="grey-lighten-2">mdi-account-off-outline</v-icon>
-        <div class="empty-text">Tidak ada pasien yang diproses</div>
+        <div class="empty-text mb-4">Tidak ada pasien yang diproses</div>
+        <v-btn
+          block
+          class="py-6 text-white"
+          color="primary-600"
+          size="large"
+          :disabled="!hasNextQueue"
+          @click="$emit('process-next')"
+        >
+          <v-icon start>mdi-play-circle</v-icon>
+          Proses Antrian Berikutnya
+        </v-btn>
+        <div v-if="nextQueueInfo" class="next-queue-info mt-3">
+          <div class="info-text">{{ nextQueueInfo }}</div>
+        </div>
+        <div v-else-if="!hasNextQueue" class="no-next-queue mt-3">
+          <div class="info-text">Tidak ada antrian di loket</div>
+        </div>
       </div>
     </v-card-text>
   </v-card>
@@ -52,10 +69,18 @@ defineProps({
   changeButtonText: {
     type: String,
     default: 'Ubah Klinik'
+  },
+  hasNextQueue: {
+    type: Boolean,
+    default: false
+  },
+  nextQueueInfo: {
+    type: String,
+    default: null
   }
 });
 
-defineEmits(['action', 'change-klinik']);
+defineEmits(['action', 'change-klinik', 'process-next']);
 </script>
 
 <style scoped lang="scss">
@@ -121,6 +146,20 @@ defineEmits(['action', 'change-klinik']);
   margin-top: 8px;
 }
 
+.next-queue-info,
+.no-next-queue {
+  text-align: center;
+  padding: 8px;
+  background: var(--color-neutral-200);
+  border-radius: 8px;
+}
+
+.info-text {
+  font-size: 12px;
+  color: var(--color-neutral-700);
+  font-weight: 600;
+}
+
 @media (max-width: 960px) {
   .action-grid {
     grid-template-columns: 1fr;