<template>
   
      <v-app-bar color="#009244" height="100">
        <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
    
      <img src="assets\img\logo_rssa.png" alt="" style="display: flex; height: 80px;">
  

     
   
      <v-btn v-if="hide==true" @click="navigateTo('/logout')">
            <v-icon>ph:sign-out</v-icon>
            logout
          </v-btn>
              </v-app-bar>
              <v-navigation-drawer
        v-model="drawer"
         location="left"
        
        temporary
      >
    
      <v-list>
      <v-list-item prepend-icon="mdi-home" title="Home" to="/"></v-list-item>

      <v-list-group value="SimRS">
        <template v-slot:activator="{ props }">
          <v-list-item
            v-bind="props"
            prepend-icon="mdi-file-outline"
            title="SimRS"
          ></v-list-item>
        </template>


          <v-list-item
           title="Surat Kontrol"
           to="/Surat-Kontrol"
          ></v-list-item>
        
        </v-list-group>
        <v-list-group prepend-icon="mdi-cloud-upload" value="Satu Rssa">
          <template v-slot:activator="{ props }">
            <v-list-item
              v-bind="props"
              title="Satu Rssa"
            ></v-list-item>
          </template>

    
              <v-list-item
              v-bind="props"
              title="logapi"
              to="/satu_rssa/logapi"
              ></v-list-item>

              <v-list-item
              v-bind="props"
              title="Jadwal Dokter"
              to="/satu_rssa/jadwal_dokter"
              ></v-list-item>

              <v-list-item
              v-bind="props"
              title="Kunjungan Pasien"
              to="/satu_rssa/kunjungan_pasien"
              ></v-list-item>
              
          
          </v-list-group>
    </v-list>
      </v-navigation-drawer>
         
  
</template>

<script>
import { ref } from "vue";
import { useTheme } from "vuetify";
import { storeToRefs } from "pinia";


// console.log(hide);
export default {
    data: () => ({
      drawer: false,
      group: null,
      
    }),

    watch: {
      group () {
        this.drawer = false
      },
    },
  }




</script>

<style scoped>

</style>