feat(sep): create filter patient + sep

app/components/content/sep/entry.vue

@@ -1,13 +1,56 @@
 <script setup lang="ts">
-
 const isLoading = ref(false)
+const open = ref(false)
+const selected = ref('3456512345678880')
 
-function onBack() {
-  navigateTo('/bpjs/sep')
+const patients = [
+  {
+    ktp: '3456512345678880',
+    rm: 'RM23311224',
+    bpjs: '334423213214',
+    nama: 'Ahmad Baidowi',
+  },
+  {
+    ktp: '345678804565123',
+    rm: 'RM23455667',
+    bpjs: '33442367656',
+    nama: 'Bian Maulana',
+  },
+]
+
+const letters = [
+  {
+    noSurat: "SK22334442",
+    tglRencana: "12 Agustus 2025",
+    noSep: "SEP3232332",
+    namaPasien: "Ahmad Baidowi",
+    noBpjs: "33442331214",
+    klinik: "Penyakit Dalam",
+    dokter: "dr. Andi Prasetyo, Sp.PD-KHOM",
+  },
+  {
+    noSurat: "SK99120039",
+    tglRencana: "12 Agustus 2025",
+    noSep: "SEP4443232",
+    namaPasien: "Bian Maulana",
+    noBpjs: "33442367656",
+    klinik: "Gigi",
+    dokter: "dr. Achmad Suparjo",
+  },
+]
+
+
+function handleSave() {
+  console.log('Pasien dipilih:', selected.value)
 }
 
-async function onSubmit(data: any) {
-  console.log(data)
+function handleEvent(value: string) {
+  if (value === 'search-patient') {
+    open.value = true
+    return
+  } else if (value === 'back') {
+    navigateTo('/bpjs/sep')
+  }
 }
 </script>
 
@@ -16,5 +59,6 @@ async function onSubmit(data: any) {
     <Icon name="i-lucide-panel-bottom" class="me-2" />
     <span class="font-semibold">Tambah</span> SEP
   </div>
-  <AppSepEntryForm />
+  <AppSepEntryForm @event="handleEvent" />
+  <AppSepSearchPatient v-model:open="open" v-model:selected="selected" :patients="patients" @save="handleSave" />
 </template>