diff --git a/src/components/FunctionDetailView.vue b/src/components/FunctionDetailView.vue
index 4cc1be4..14aa223 100644
--- a/src/components/FunctionDetailView.vue
+++ b/src/components/FunctionDetailView.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { IonButton, IonChip, IonCol, IonContent, IonGrid, IonIcon, IonItemDivider, IonLabel, IonList, IonPage, IonRow, IonText } from '@ionic/vue'
-import { personSharp, documentTextOutline, textOutline } from 'ionicons/icons'
+import { documentTextOutline, personSharp, textOutline } from 'ionicons/icons'
 import { ref } from 'vue'
 
 interface Props {
@@ -39,7 +39,7 @@ const metaIcon = ref(personSharp)
             Informações gerais
           </IonLabel>
         </IonItemDivider>
-        
+
         <IonList>
           <!-- Tag com abreviação alinhada à esquerda -->
           <div v-if="props.items.abbreviation" class="abbreviation-tag ion-margin-vertical ion-text-left">
@@ -47,7 +47,7 @@ const metaIcon = ref(personSharp)
               {{ props.items.abbreviation }}
             </IonChip>
           </div>
-        
+
           <!-- Ícone e nome da função alinhados à esquerda -->
           <div style="display: flex; align-items: center; padding: 6px;">
             <IonIcon slot="start" color="primary" style="padding-right: 10px;" :icon="personSharp" />
@@ -55,18 +55,20 @@ const metaIcon = ref(personSharp)
               {{ props.items.name }}
             </IonText>
           </div>
-          
+
           <!-- Ícone e descrição da função alinhados à esquerda -->
           <div v-if="props.items.description" style="display: flex; align-items: flex-start; padding: 6px;">
             <IonIcon slot="start" color="primary" style="padding-right: 10px; margin-top: 3px;" :icon="documentTextOutline" />
             <IonText color="primary" style="font-size: 11pt;">
-              <div class="description-text">{{ props.items.description }}</div>
+              <div class="description-text">
+                {{ props.items.description }}
+              </div>
             </IonText>
           </div>
         </IonList>
       </div>
     </IonContent>
-    
+
     <div>
       <IonGrid>
         <IonRow>
diff --git a/src/components/ListWithActionFunction.vue b/src/components/ListWithAction.vue
similarity index 57%
rename from src/components/ListWithActionFunction.vue
rename to src/components/ListWithAction.vue
index 8a8d0b9..818ffd9 100644
--- a/src/components/ListWithActionFunction.vue
+++ b/src/components/ListWithAction.vue
@@ -1,82 +1,86 @@
 <script setup lang="ts">
 import { IonCard, IonCardContent, IonCardHeader, IonCardTitle, IonIcon, IonItem, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonList } from '@ionic/vue'
-import { arrowBack, arrowForward, eye, pencilSharp, personSharp, trashSharp } from 'ionicons/icons'
-import { onMounted, onUnmounted, ref } from 'vue'
+import { apps, arrowBack, arrowForward, eye, pencilSharp, school, trashSharp } from 'ionicons/icons'
+import { ref } from 'vue'
+import { useRoute } from 'vue-router'
 
 interface Props {
   dataList: {
-    id: string
-    name: string
     abbreviation?: string | null
-    description?: string | null
+    active?: boolean
+    address?: string | null
+    course_id?: string | null
+    city?: string | null
     createdAt?: string
-    updatedAt?: string | null
     deletedAt?: string | null
+    email?: string | null
+    id: string
+    institution_id?: string | null
+    logourl?: string | null
+    name: string
+    phone?: string | null
+    postalcode?: string | null
+    school_zone?: string | null
+    social_network?: string | null
+    state?: string | null
+    updatedAt?: string | null
+    user_created?: string | null
+    website?: string | null
+    serieDisciplines?: [
+      {
+        discipline?: string | null
+        workload?: number | null
+      },
+    ]
   }[]
 }
 
 const props = defineProps<Props>()
 const emits = defineEmits(['update:see', 'update:edit', 'update:delete'])
 
+const route = useRoute()
 const isOpen = ref<boolean[]>([])
 const itemSliding = ref<(InstanceType<typeof IonItemSliding> | null)[]>([])
 
-// Tornar innerWidth reativo para responder a mudanças na largura da tela
-const innerWidth = ref(window.innerWidth)
-
-function updateInnerWidth() {
-  innerWidth.value = window.innerWidth
-}
-
-function handleSwipeOpened(index: number) {
-  isOpen.value[index] = true
-}
-
-function handleSwipeClosed(index: number) {
-  isOpen.value[index] = false
-}
-
-onMounted(() => {
-  window.addEventListener('resize', updateInnerWidth)
-  isOpen.value = Array.from<boolean>({ length: props.dataList.length }).fill(false)
-})
-
-onUnmounted(() => {
-  window.removeEventListener('resize', updateInnerWidth)
-})
+const innerWidth = window.innerWidth
 </script>
 
 <template>
   <IonCard v-if="true">
     <IonCardHeader color="secondary">
       <div style="display: flex; align-items: center; height: 15px;">
-        <IonIcon :icon="personSharp" style="margin-right: 10px; font-size: 16pt;" />
+        <IonIcon :icon="route?.meta?.icon ?? apps" style="margin-right: 10px; font-size: 16pt;" />
         <IonCardTitle style="font-size: medium;">
-          Lista de funções ({{ props.dataList.length }})
+          Lista de registros ({{ props.dataList.length }})
         </IonCardTitle>
       </div>
     </IonCardHeader>
 
     <div v-if="true">
       <IonCardContent class="ion-no-padding">
+        <!-- listando -->
+        <!-- <pre>
+          list: {{ list }}
+        </pre> -->
         <IonList>
           <div v-if="innerWidth < 992">
             <IonItemSliding
               v-for="(item, index) in props.dataList" :key="index" ref="itemSliding"
-              @ion-did-open="() => handleSwipeOpened(index)"
-              @ion-did-close="() => handleSwipeClosed(index)"
             >
+              <!-- @ion-drag="console.log('ion-drag')" -->
               <IonItem>
-                <IonLabel color="primary" class="ion-no-margin function-name" style="margin-top: 5px; margin-bottom: 5px;">
-                  <h2>{{ item.name || 'Função sem nome' }}</h2>
-                  <p v-if="item.abbreviation">
-                    {{ item.abbreviation }}
+                <IonLabel color="primary" class="ion-no-margin" style="margin-top: 5px; margin-bottom: 5px;">
+                  <h2>{{ item.name || 'Item sem nome' }}</h2>
+                  <p v-if="item.address" style="color: rgba(var(--ion-color-primary-rgb), 0.6);">
+                    {{ item.address || 'Sem endereço' }}
                   </p>
                 </IonLabel>
                 <IonIcon :icon="isOpen[index] ? arrowForward : arrowBack" style="font-size: 18pt;" />
               </IonItem>
 
               <IonItemOptions side="end" style="border-bottom: 1px solid rgba(var(--ion-color-primary-rgb), 0.2);">
+                <!-- @ion-swipe="handleOpened(index)" -->
+
                 <IonItemOption color="tertiary" @click="emits('update:see', { modal: true, data: item })">
                   <div style="width: 40px; display: flex; justify-content: center;">
                     <IonIcon :icon="eye" style="font-size: 18pt;" />
@@ -92,15 +96,31 @@ onUnmounted(() => {
                     <IonIcon :icon="trashSharp" style="font-size: 18pt;" />
                   </div>
                 </IonItemOption>
+
+                <!-- <IonItemOption style="background-color: white; border-left: 1px solid var(--ion-color-primary);" @click="emits('update:see', { modal: true, data: item })">
+                  <div style="width: 40px; display: flex; justify-content: center;">
+                    <IonIcon color="tertiary" :icon="eye" style="font-size: 18pt;" />
+                  </div>
+                </IonItemOption>
+                <IonItemOption style="background-color: white;" @click="emits('update:edit', { modal: true, data: item })">
+                  <div style="width: 40px; display: flex; justify-content: center;">
+                    <IonIcon color="primary" :icon="pencilSharp" style="font-size: 18pt;" />
+                  </div>
+                </IonItemOption>
+                <IonItemOption style="background-color: white;" @click="emits('update:delete', { modal: true, data: item })">
+                  <div style="width: 40px; display: flex; justify-content: center;">
+                    <IonIcon color="danger" :icon="trashSharp" style="font-size: 18pt;" />
+                  </div>
+                </IonItemOption> -->
               </IonItemOptions>
             </IonItemSliding>
           </div>
           <div v-else>
             <IonItem v-for="(item, index) in props.dataList" :key="index">
-              <IonLabel color="primary" class="ion-no-margin function-name" style="margin-top: 5px; margin-bottom: 5px;">
-                <h2>{{ item.name || 'Função sem nome' }}</h2>
-                <p v-if="item.abbreviation">
-                  {{ item.abbreviation }}
+              <IonLabel color="primary" class="ion-no-margin" style="margin-top: 5px; margin-bottom: 5px;">
+                <h2>{{ item.name || 'Item sem nome' }}</h2>
+                <p style="color: rgba(var(--ion-color-primary-rgb), 0.6);">
+                  {{ item.address || 'Sem endereço' }}
                 </p>
               </IonLabel>
               <div style="display: flex; min-height: 100%;">
@@ -129,16 +149,5 @@ onUnmounted(() => {
 </template>
 
 <style scoped>
-.function-name h2 {
-  text-align: left;
-  font-size: 18px;
-  font-weight: 500;
-  color: var(--ion-color-primary);
-  padding-bottom: 4px;
-}
 
-.function-name p {
-  font-size: 14px;
-  color: var(--ion-color-medium);
-}
 </style>
diff --git a/src/components/RegistredItems.vue b/src/components/RegistredItems.vue
new file mode 100644
index 0000000..574c6db
--- /dev/null
+++ b/src/components/RegistredItems.vue
@@ -0,0 +1,317 @@
+<script setup lang="ts">
+import { IonButton, IonCardHeader, IonCol, IonIcon, IonItemDivider, IonLabel, IonList, IonPage, IonRow, IonText } from '@ionic/vue'
+import { apps, bookOutline, briefcaseOutline, business, businessOutline, calendarOutline, callOutline, checkmarkCircleOutline, documentOutline, fileTrayOutline, globeOutline, locationOutline, mailOutline, mapOutline, personOutline, pinOutline, schoolOutline, timeOutline } from 'ionicons/icons'
+
+import { ref } from 'vue'
+import { useRoute } from 'vue-router'
+
+interface Props {
+  items: {
+    status?: string
+    name: string
+    courseName?: string
+    institutionName?: string
+    workload?: number
+    schoolDays?: string
+    email?: string
+    website?: string
+    address?: string
+    phone?: string
+    cnpj?: string
+    regulation?: string
+    INEPCode?: string
+    IESCode?: string
+    city?: string
+    state?: string
+    postalCode?: string
+    neighborhood?: string
+    disciplines?: [
+      {
+        disciplineName?: string
+        workload?: number
+      },
+    ]
+
+  }
+  type?: string
+  name?: string
+}
+
+const props = defineProps<Props>()
+const emits = defineEmits(['close', 'edit'])
+
+const route = useRoute()
+const metaIcon = ref((route.meta.icon as string) || '')
+
+//  metaName.value = (route.meta.name as string) || ''
+//     metaIcon.value = (route.meta.icon as string) || ''
+</script>
+
+<template>
+  <IonPage>
+    <div class="ion-padding-top ion-padding-horizontal" style="margin-top: 8px;">
+      <IonCardHeader
+        id="accordionContentHeader" class="ion-no-padding" style="padding: 8px; margin-bottom: 10px;"
+        :translucent="true"
+      >
+        <div style="display: flex; align-items: center; height: 15px;">
+          <IonIcon :icon="metaIcon" style="margin-right: 10px;" />
+          {{ props.name }}
+        </div>
+      </IonCardHeader>
+    </div>
+
+    <div class="ion-content" style=" overflow-y: auto; height: 100%;">
+      <IonRow>
+        <IonCol size="12">
+          <IonItemDivider
+            style="border-color: rgba(var(--ion-color-primary-rgb), 0.25);"
+            class="ion-no-padding"
+          >
+            <IonLabel color="primary" class="ion-no-margin">
+              Informações cadastrais
+            </IonLabel>
+          </IonItemDivider>
+          <IonList>
+            <div v-if="props.items.status" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon
+                slot="start" color="primary" style="padding-right: 10px;"
+                :icon="checkmarkCircleOutline"
+              />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.status }}
+              </IonText>
+            </div>
+
+            <div v-if="props.items.name" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon
+                slot="start" color="primary" style="padding-right: 10px;"
+                :icon="props.type && props.type === 'person' ? personOutline : props.type === 'settings'
+                  ? apps
+                  : business"
+              />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.name }}
+              </IonText>
+            </div>
+
+            <div v-if="props.items.institutionName" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon
+                slot="start" color="primary" style="padding-right: 10px;"
+                :icon="business"
+              />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.institutionName }}
+              </IonText>
+            </div>
+
+            <div v-if="props.items.courseName" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon
+                slot="start" color="primary" style="padding-right: 10px;"
+                :icon="briefcaseOutline"
+              />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.courseName }}
+              </IonText>
+            </div>
+
+            <div v-if="props.items.workload" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon
+                slot="start" color="primary" style="padding-right: 10px;"
+                :icon="timeOutline"
+              />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.workload }} horas
+              </IonText>
+            </div>
+
+            <div v-if="props.items.schoolDays" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon
+                slot="start" color="primary" style="padding-right: 10px;"
+                :icon="calendarOutline"
+              />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.schoolDays }} dias letivos
+              </IonText>
+            </div>
+
+            <div v-if="props.items.cnpj" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon
+                slot="start" color="primary" style="padding-right: 10px;"
+                :icon="fileTrayOutline"
+              />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.cnpj }}
+              </IonText>
+            </div>
+            <div v-if="props.items.phone" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon slot="start" color="primary" style="padding-right: 10px;" :icon="callOutline" />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.phone }}
+              </IonText>
+            </div>
+
+            <div v-if="props.items.email" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon slot="start" color="primary" style="padding-right: 10px;" :icon="mailOutline" />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.email }}
+              </IonText>
+            </div>
+            <div v-if="props.items.website" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon slot="start" color="primary" style="padding-right: 10px;" :icon="globeOutline" />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.website }}
+              </IonText>
+            </div>
+
+            <div v-if="props.items.regulation" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon
+                slot="start" color="primary" style="padding-right: 10px;"
+                :icon="documentOutline"
+              />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.regulation }}
+              </IonText>
+            </div>
+
+            <div v-if="props.items.INEPCode" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon slot="start" color="primary" style="padding-right: 10px;" :icon="schoolOutline" />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.INEPCode }}
+              </IonText>
+            </div>
+
+            <div v-if="props.items.IESCode" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon slot="start" color="primary" style="padding-right: 10px;" :icon="bookOutline" />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.IESCode }}
+              </IonText>
+            </div>
+          </IonList>
+        </IonCol>
+        <IonCol size="12">
+          <IonItemDivider
+            v-if="props.items.address"
+            style="border-color: rgba(var(--ion-color-primary-rgb), 0.25);"
+            class="ion-no-padding"
+          >
+            <IonLabel color="primary" class="ion-no-margin">
+              Endereço
+            </IonLabel>
+          </IonItemDivider>
+          <IonList>
+            <div v-if="props.items.address" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon slot="start" color="primary" style="padding-right: 10px;" :icon="mapOutline" />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.address }}
+              </IonText>
+            </div>
+            <div
+              v-if="(props.items.city && props.items.state) || props.items.city"
+              style="display: flex; align-items: center; padding: 6px;"
+            >
+              <IonIcon
+                slot="start" color="primary" style="padding-right: 10px;"
+                :icon="locationOutline"
+              />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.city }}
+                <span v-if="props.items.state">
+                  - {{ props.items.state }}
+                </span>
+              </IonText>
+            </div>
+
+            <div v-if="props.items.postalCode" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon slot="start" color="primary" style="padding-right: 10px;" :icon="pinOutline" />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.postalCode }}
+              </IonText>
+            </div>
+
+            <div v-if="props.items.neighborhood" style="display: flex; align-items: center; padding: 6px;">
+              <IonIcon
+                slot="start" color="primary" style="padding-right: 10px;"
+                :icon="businessOutline"
+              />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.neighborhood }}
+              </IonText>
+            </div>
+            <div v-if="props.items.disciplines && props.items.disciplines.length > 0" class="shadow-card" style=" align-items: center; padding: 6px;">
+              <IonCard>
+                <IonGrid>
+                  <IonRow>
+                    <IonCol size="6">
+                      <IonText color="primary" style="font-weight: bold; font-size: 10pt">
+                        Disciplina
+                      </IonText>
+                    </IonCol>
+                    <IonCol size="6">
+                      <IonText color="primary" style="font-weight: bold; font-size: 10pt">
+                        Carga Horária
+                      </IonText>
+                    </IonCol>
+                  </IonRow>
+                  <IonRow v-for="(d, index) in props.items.disciplines" :key="index">
+                    <IonCol size="6">
+                      <IonText color="primary" style="font-size: 10pt; padding-top: 2px;">
+                        {{ d.disciplineName }}
+                      </IonText>
+                    </IonCol>
+                    <IonCol size="6">
+                      <IonText color="primary" style="font-size: 10pt; padding-top: 2px;">
+                        {{ d.workload || '-' }}
+                      </IonText>
+                    </IonCol>
+                  </IonRow>
+                </IonGrid>
+              </IonCard>
+            </div>
+          </IonList>
+        </IonCol>
+      </IonRow>
+    </div>
+    <div>
+      <IonGrid>
+        <IonRow>
+          <IonCol size="6">
+            <IonButton :disabled="false" color="danger" expand="full" @click="emits('close', false)">
+              Fechar
+            </IonButton>
+          </IonCol>
+          <IonCol size="6">
+            <IonButton :disabled="false" color="secondary" expand="full" @click="emits('edit', true)">
+              Editar
+            </IonButton>
+          </IonCol>
+        </IonRow>
+      </IonGrid>
+    </div>
+  </IonPage>
+</template>
+
+<style scoped>
+.my-auto {
+    margin-bottom: auto;
+    margin-top: auto;
+}
+
+.ion-content {
+    padding-left: 8px;
+    padding-right: 8px;
+}
+
+ion-card-header#accordionContentHeader {
+    --background: rgba(var(--ion-color-secondary-rgb), 0.15);
+    --color: var(--ion-color-secondary);
+}
+
+.shadow-card {
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); /* Sombra mais visível */
+  border-radius: 8px; /* Bordas arredondadas */
+  padding: 10px; /* Espaçamento interno */
+  margin: 10px 4px; /* Espaçamento externo com margens laterais */
+  background-color: #ffffff; /* Fundo branco para destacar a sombra */
+}
+</style>
diff --git a/src/components/theme/ContentLayout.vue b/src/components/theme/ContentLayout.vue
index e890d59..9fc5c82 100644
--- a/src/components/theme/ContentLayout.vue
+++ b/src/components/theme/ContentLayout.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { IonButtons, IonFooter, IonHeader, IonIcon, IonMenuButton, IonNote, IonTitle, IonToolbar } from '@ionic/vue'
+import { IonButtons, IonFooter, IonHeader, IonMenuButton, IonNote, IonTitle, IonToolbar } from '@ionic/vue'
 import { computed, onMounted, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 
@@ -47,13 +47,13 @@ watch(
 
 <template>
   <ion-page>
-    <IonHeader :translucent="true" class="">
+    <IonHeader mode="md" :translucent="true" class="">
       <IonToolbar>
         <IonButtons slot="start">
           <IonMenuButton color="primary" />
         </IonButtons>
         <slot name="header-buttons" />
-        <IonIcon v-if="metaIcon" slot="start" :icon="metaIcon" size="large" class="ion-margin-start" />
+        <!-- <IonIcon v-if="metaIcon" slot="start" :icon="metaIcon" size="large" class="ion-margin-start" /> -->
         <IonTitle>{{ metaName }}</IonTitle>
         <slot name="header-right" />
       </IonToolbar>
@@ -61,7 +61,7 @@ watch(
 
     <ion-content :class="screenWidth > 768 ? '' : 'ion-no-padding'" :fullscreen="true">
       <div v-if="screenWidth < 768" style="height: 56px;" />
-      <IonHeader collapse="condense">
+      <IonHeader mode="md" collapse="condense">
         <IonToolbar>
           <slot name="header-buttons" />
           <IonTitle size="large">
diff --git a/src/modules/school-management/components/SeriesList.vue b/src/modules/school-management/components/SeriesList.vue
index 8c46042..6b1e69b 100644
--- a/src/modules/school-management/components/SeriesList.vue
+++ b/src/modules/school-management/components/SeriesList.vue
@@ -2,7 +2,7 @@
 import type { Tables } from '@/types/database.types'
 import showToast from '@/utils/toast-alert'
 import { IonAlert } from '@ionic/vue'
-import { pencil, trash } from 'ionicons/icons'
+import { eye, pencil, trash } from 'ionicons/icons'
 import { onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import SeriesService from '../services/SeriesService'
@@ -115,26 +115,20 @@ const alertButtons = [
   />
   <ion-list>
     <ion-item-sliding v-for="(item, index) in dataList" :key="index">
-      <ion-item button @click="toggleDetails(index)">
+      <ion-item button>
         <ion-label>
           <h2>{{ item.name || 'Item sem nome' }}</h2>
-          <p>{{ item.address || 'Sem endereço' }}</p>
         </ion-label>
-        <ion-buttons slot="end">
-          <ion-button @click.stop="editItem(item)">
-            <ion-icon id="present-alert" slot="icon-only" :icon="pencil" />
-          </ion-button>
-          <ion-button color="danger" @click.stop="openDeleteAlert(item)">
-            <ion-icon slot="icon-only" :icon="trash" />
-          </ion-button>
-        </ion-buttons>
       </ion-item>
       <ion-item-options side="end">
+        <ion-item-option color="tertiary" @click="editItem(item)">
+          <ion-icon slot="icon-only" :icon="eye" />
+        </ion-item-option>
         <ion-item-option @click="editItem(item)">
-          Editar
+          <ion-icon slot="icon-only" :icon="pencil" />
         </ion-item-option>
         <ion-item-option color="danger" @click="openDeleteAlert(item)">
-          Excluir
+          <ion-icon slot="icon-only" :icon="trash" />
         </ion-item-option>
       </ion-item-options>
       <ion-item v-if="item.showDetails">
diff --git a/src/modules/school-management/routes.ts b/src/modules/school-management/routes.ts
index 9400511..54971e9 100644
--- a/src/modules/school-management/routes.ts
+++ b/src/modules/school-management/routes.ts
@@ -1,9 +1,11 @@
-import { create, person, school } from 'ionicons/icons'
-import DashboardFunction from './views/DashboardFunction.vue'
+import { book, create, list, people, person, school } from 'ionicons/icons'
+// import DashboardFunction from './views/DashboardFunction.vue'
+import DashboardSeries from './views/DashboardSeries.vue'
 // import DashboardSchools from './views/DashboardSchools.vue'
-import FunctionDetailsDesktop from './views/FunctionDetailsDesktop.vue'
-import RegisterFunction from './views/RegisterFunction.vue'
+// import FunctionDetailsDesktop from './views/FunctionDetailsDesktop.vue'
+// import RegisterFunction from './views/RegisterFunction.vue'
 // import RegisterSchool from './views/RegisterSchool.vue'
+import RegisterSeries from './views/RegisterSeriesMobile.vue'
 
 const routes = [
   // {
@@ -156,43 +158,96 @@ const routes = [
   //     requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
   //   },
   // },
+  // {
+  //   path: '/Function/list',
+  //   name: 'FunctionListFunction',
+  //   component: DashboardFunction,
+  //   meta: {
+  //     moduleName: 'Schools',
+  //     moduleIcon: school,
+  //     icon: person,
+  //     name: 'Funções de servidor',
+  //     order: 13,
+  //     requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
+  //   },
+  // },
+  // {
+  //   path: '/Function/register/:id?',
+  //   name: 'RegisterFunction',
+  //   component: RegisterFunction,
+  //   meta: {
+  //     moduleName: 'Schools',
+  //     icon: create,
+  //     name: 'Registrar função',
+  //     order: 14,
+  //     requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
+  //   },
+  // },
+  // {
+  //   path: '/Function/details/:id',
+  //   name: 'FunctionDetails',
+  //   component: FunctionDetailsDesktop,
+  //   meta: {
+  //     moduleName: 'Schools',
+  //     icon: create,
+  //     name: 'Registrar escola',
+  //     order: 3,
+  //     requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
+  //   },
+  // },
+
   {
-    path: '/Function/list',
-    name: 'FunctionListFunction',
-    component: DashboardFunction,
+    path: '/Series/list',
+    name: 'SeriesListSeries',
+    component: DashboardSeries,
     meta: {
       moduleName: 'Schools',
       moduleIcon: school,
-      icon: person,
-      name: 'Funções de servidor',
-      order: 13,
+      icon: list,
+      name: 'Séries',
+      order: 7,
       requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
     },
   },
+
   {
-    path: '/Function/register/:id?',
-    name: 'RegisterFunction',
-    component: RegisterFunction,
+    path: '/Series/register',
+    name: 'RegisterSeries',
+    component: RegisterSeries,
     meta: {
       moduleName: 'Schools',
       icon: create,
-      name: 'Registrar função',
-      order: 14,
-      requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
-    },
-  },
-  {
-    path: '/Function/details/:id',
-    name: 'FunctionDetails',
-    component: FunctionDetailsDesktop,
-    meta: {
-      moduleName: 'Schools',
-      icon: person,
-      name: 'Detalhes da função',
-      order: 15,
+      name: 'Registrar série',
+      order: 9,
       requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
     },
   },
+
+  // {
+  //   path: '/Function/list',
+  //   name: 'FunctionListFunction',
+  //   component: DashboardFunction,
+  //   meta: {
+  //     moduleName: 'Schools',
+  //     moduleIcon: school,
+  //     icon: person,
+  //     name: 'Funções de servidor',
+  //     order: 13,
+  //     requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
+  //   },
+  // },
+  // {
+  //   path: '/Function/register',
+  //   name: 'RegisterFunction',
+  //   component: RegisterFunction,
+  //   meta: {
+  //     moduleName: 'Schools',
+  //     icon: create,
+  //     name: 'Registrar função',
+  //     order: 14,
+  //     requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
+  //   },
+  // },
 ]
 
 export default routes
diff --git a/src/modules/school-management/services/CourseService.ts b/src/modules/school-management/services/CourseService.ts
index cf2f386..d59427d 100644
--- a/src/modules/school-management/services/CourseService.ts
+++ b/src/modules/school-management/services/CourseService.ts
@@ -1,5 +1,6 @@
 import type { Course } from '@prisma/client'
 import BaseService from '@/services/BaseService'
+import errorHandler from '@/utils/error-handler'
 
 const table = 'course' as const
 
@@ -7,4 +8,21 @@ export default class CourseService extends BaseService<Course> {
   constructor() {
     super(table) // Passando o nome da tabela para a classe base
   }
+
+  async getAllCourses() {
+    try {
+      const { data: course, error: courseError } = await this.client
+        .from(table)
+        .select('*')
+
+      if (courseError) {
+        errorHandler(courseError, 'Erro ao buscar séries')
+      }
+
+      return course
+    }
+    catch (error) {
+      errorHandler(error, 'Erro ao buscar séries')
+    }
+  }
 }
diff --git a/src/modules/school-management/services/DisciplineService.ts b/src/modules/school-management/services/DisciplineService.ts
new file mode 100644
index 0000000..4eb469c
--- /dev/null
+++ b/src/modules/school-management/services/DisciplineService.ts
@@ -0,0 +1,29 @@
+import BaseService from '@/services/BaseService'
+import errorHandler from '@/utils/error-handler'
+
+const table = 'discipline' as const
+
+type TabelaType = typeof table
+
+export default class DisciplineService extends BaseService<TabelaType> {
+  constructor() {
+    super(table)
+  }
+
+  async getAllDiscipline() {
+    try {
+      const { data: discipline, error: disciplineError } = await this.client
+        .from(table)
+        .select('*')
+
+      if (disciplineError) {
+        errorHandler(disciplineError, 'Erro ao buscar séries')
+      }
+
+      return discipline
+    }
+    catch (error) {
+      errorHandler(error, 'Erro ao buscar séries')
+    }
+  }
+}
diff --git a/src/modules/school-management/services/SeriesService.ts b/src/modules/school-management/services/SeriesService.ts
index e2c008e..c76afb6 100644
--- a/src/modules/school-management/services/SeriesService.ts
+++ b/src/modules/school-management/services/SeriesService.ts
@@ -1,6 +1,36 @@
 import BaseService from '@/services/BaseService'
 import errorHandler from '@/utils/error-handler'
 
+interface SeriesToSave {
+  id?: string
+  name: string
+  courseId: string
+  description?: string
+  workload?: number
+  ageRangeMin: number | null
+  ageRangeMax: number | null
+  standardAge: number | null
+  schoolDays: number
+  tenantId?: string | null
+  userCreated?: string | null
+  createdAt: string | null
+  deletedAt: string | null
+  updatedAt: string | null
+  updatedBy: string | null
+  institutionId: string
+}
+
+interface SeriesDisciplines {
+  id?: string
+  seriesId: string
+  disciplineId: string
+  year: number
+  workload: number
+  createdAt: string
+  updatedAt: string | null
+  updatedBy: string | null
+}
+
 const table = 'series' as const
 
 type TabelaType = typeof table
@@ -11,12 +41,12 @@ export default class SeriesService extends BaseService<TabelaType> {
   }
 
   // Método para obter séries baseadas no ID do school
-  async getSeriesBySchool(schoolId: string) {
+  async getAllSeries() {
     try {
       const { data: series, error: seriesError } = await this.client
-        .from('series') // Tabela de séries
-        .select('id, name')
-        .eq('schoolId', schoolId)
+        .from(table)
+        .select('*')
+        .is('deletedAt', null)
 
       if (seriesError) {
         errorHandler(seriesError, 'Erro ao buscar séries')
@@ -29,4 +59,317 @@ export default class SeriesService extends BaseService<TabelaType> {
       errorHandler(error, 'Erro ao buscar séries')
     }
   }
+
+  async getSeriesDisciplines(serieId: string) {
+    try {
+      const { data, error } = await this.client
+        .from('seriesDisciplines')
+        .select('*')
+        .eq('seriesId', serieId)
+        .is('deletedAt', null)
+
+      if (error) {
+        errorHandler(error, 'Erro ao buscar disciplinas da série')
+      }
+
+      return data as SeriesDisciplines[]
+    }
+    catch (error) {
+      errorHandler(error, 'Erro ao buscar disciplinas da série')
+    }
+  }
+
+  async upsertSeriesWithDisciplines(series: SeriesToSave, disciplines: SeriesDisciplines[]) {
+    try {
+      // 1. Garantir que o campo `id` seja válido
+      if (series.id === '') {
+        delete series.id // Remove o campo `id` se for uma string vazia
+      }
+
+      // 2. Inserir ou atualizar a série
+      const { data: seriesData, error: seriesError } = await this.client
+        .from('series')
+        .upsert(series, { onConflict: 'id' })
+        .select('*')
+
+      if (seriesError) {
+        throw new Error(`Erro ao inserir ou atualizar a série: ${seriesError.message}`)
+      }
+
+      if (!seriesData || seriesData.length === 0) {
+        throw new Error('Erro ao obter os dados da série após o upsert')
+      }
+
+      const seriesId = seriesData[0]?.id
+      if (!seriesId) {
+        throw new Error('Erro ao obter o ID da série após o upsert')
+      }
+      // 3. Buscar disciplinas existentes para a série
+      const { data: existingDisciplines, error: fetchError } = await this.client
+        .from('seriesDiscipline')
+        .select('*')
+        .eq('seriesId', seriesId)
+        .is('deletedAt', null)
+
+      if (fetchError) {
+        throw new Error(`Erro ao buscar disciplinas existentes da série: ${fetchError.message}`)
+      }
+
+      // 4. Preparar disciplinas para inserção, atualização e exclusão lógica
+      const disciplinesToInsert = []
+      const disciplinesToUpdate = []
+
+      for (const discipline of disciplines) {
+        const existingDiscipline = existingDisciplines?.find(
+          d => d.disciplineId === discipline.disciplineId && d.seriesId === seriesId,
+        )
+
+        if (existingDiscipline) {
+        // Atualizar disciplina existente
+          disciplinesToUpdate.push({
+            id: existingDiscipline.id,
+            seriesId,
+            disciplineId: discipline.disciplineId,
+            year: discipline.year,
+            workload: discipline.workload,
+            updatedAt: new Date().toISOString(),
+          })
+        }
+        else {
+        // Criar nova linha se não existir
+          disciplinesToInsert.push({
+            ...discipline,
+            seriesId,
+            createdAt: new Date().toISOString(),
+            updatedAt: null,
+            deletedAt: null,
+          })
+        }
+      }
+
+      // Identificar disciplinas removidas (não enviadas no array)
+      const disciplineIdsToDelete = existingDisciplines
+        .filter(existing => !disciplines.some(
+          d => d.disciplineId === existing.disciplineId && d.seriesId === existing.seriesId,
+        ))
+        .map(d => d.id)
+
+      // 5. Atualizar disciplinas existentes
+      if (disciplinesToUpdate.length > 0) {
+        const { error: updateError } = await this.client
+          .from('seriesDiscipline')
+          .upsert(disciplinesToUpdate, { onConflict: 'id' })
+
+        if (updateError) {
+          throw new Error(`Erro ao atualizar disciplinas existentes: ${updateError.message}`)
+        }
+      }
+
+      // 6. Inserir novas disciplinas
+      if (disciplinesToInsert.length > 0) {
+        const { error: insertError } = await this.client
+          .from('seriesDiscipline')
+          .insert(disciplinesToInsert)
+
+        if (insertError) {
+          throw new Error(`Erro ao inserir novas disciplinas: ${insertError.message}`)
+        }
+      }
+
+      // 7. Marcar disciplinas removidas como excluídas
+      if (disciplineIdsToDelete.length > 0) {
+        const now = new Date().toISOString()
+        const { error: deleteError } = await this.client
+          .from('seriesDiscipline')
+          .update({ deletedAt: now })
+          .in('id', disciplineIdsToDelete)
+
+        if (deleteError) {
+          throw new Error(`Erro ao marcar disciplinas como excluídas: ${deleteError.message}`)
+        }
+      }
+
+      return { series: seriesData, disciplines: [...disciplinesToInsert, ...disciplinesToUpdate] }
+    }
+    catch (error) {
+      if (error instanceof Error) {
+        throw new TypeError(`Erro ao inserir ou atualizar série e disciplinas: ${error.message}`)
+      }
+      else {
+        throw new TypeError('Erro ao inserir ou atualizar série e disciplinas: Erro desconhecido')
+      }
+    }
+  }
+
+  async getAllSeriesWithDetails() {
+    try {
+      const { data: seriesData, error: seriesError } = await this.client
+        .from('series')
+        .select(`
+          *,
+          course:courseId (name),
+          institution:institutionId (name)
+        `)
+        .is('deletedAt', null)
+
+      if (seriesError) {
+        errorHandler(seriesError, 'Erro ao buscar séries com detalhes')
+        return []
+      }
+
+      if (!seriesData || seriesData.length === 0) {
+        return []
+      }
+
+      const seriesWithDetails = await Promise.all(
+        seriesData.map(async (series) => {
+          try {
+            const { data: disciplines, error: disciplinesError } = await this.client
+              .from('seriesDiscipline')
+              .select(`
+                *,
+                discipline:disciplineId (name)
+              `)
+              .eq('seriesId', series.id)
+              .is('deletedAt', null)
+
+            if (disciplinesError) {
+              errorHandler(disciplinesError, `Erro ao buscar disciplinas para a série ${series.id}`)
+              return { ...series, disciplines: [] }
+            }
+
+            return {
+              ...series,
+              courseName: series.course?.name || 'Curso não informado',
+              institutionName: series.institution?.name || 'Instituição não informada',
+              disciplines: (disciplines || []).map(d => ({
+                ...(typeof d === 'object' && d !== null ? d : {}),
+                disciplineName: d.discipline?.name || 'Disciplina não informada',
+              })),
+            }
+          }
+          catch (error) {
+            errorHandler(error, `Erro ao processar disciplinas para a série ${series.id}`)
+            return { ...series, disciplines: [] }
+          }
+        }),
+      )
+
+      return seriesWithDetails
+    }
+    catch (error) {
+      errorHandler(error, 'Erro ao buscar séries com detalhes')
+      return []
+    }
+  }
+
+  async getSeriesWithDetailsById(seriesId: string) {
+    try {
+      // 1. Buscar a série pelo ID com o nome do curso e instituição
+      const { data: seriesData, error: seriesError } = await this.client
+        .from('series')
+        .select(`
+          *,
+          course:courseId (name),
+          institution:institutionId (name)
+        `)
+        .eq('id', seriesId)
+        .is('deletedAt', null)
+
+      if (seriesError) {
+        errorHandler(seriesError, `Erro ao buscar a série com ID ${seriesId}`)
+        return null
+      }
+
+      if (!seriesData || seriesData.length === 0) {
+        return null
+      }
+
+      const series = seriesData[0]
+
+      // 2. Buscar as disciplinas associadas à série
+      try {
+        const { data: disciplines, error: disciplinesError } = await this.client
+          .from('seriesDiscipline')
+          .select(`
+            *,
+            discipline:disciplineId (name)
+          `)
+          .eq('seriesId', seriesId)
+          .is('deletedAt', null)
+
+        if (disciplinesError) {
+          errorHandler(disciplinesError, `Erro ao buscar disciplinas para a série ${seriesId}`)
+          return {
+            ...series,
+            disciplines: [],
+          }
+        }
+
+        return {
+          ...series,
+          courseName: series.course?.name || 'Curso não informado',
+          institutionName: series.institution?.name || 'Instituição não informada',
+          disciplines: (disciplines || []).map(d => ({
+            ...(typeof d === 'object' && d !== null ? d : {}),
+            disciplineName: d.discipline?.name || 'Disciplina não informada',
+          })),
+        }
+      }
+      catch (error) {
+        errorHandler(error, `Erro ao processar disciplinas para a série ${seriesId}`)
+        return {
+          ...series,
+          disciplines: [],
+        }
+      }
+    }
+    catch (error) {
+      errorHandler(error, `Erro ao buscar a série com ID ${seriesId}`)
+      return null
+    }
+  }
+
+  async softDeleteSeries(seriesId: string, userId?: string) {
+    if (!seriesId) {
+      errorHandler({ message: 'ID da série não fornecido' }, 'Erro ao apagar série')
+      return []
+    }
+
+    const now = new Date().toISOString()
+    const updateFields: Record<string, any> = {
+      deletedAt: now,
+      updatedAt: now,
+    }
+
+    if (userId) {
+      updateFields.updatedBy = userId
+    }
+
+    // 1. Atualizar a série para exclusão lógica
+    const { data: seriesData, error: seriesError } = await this.client
+      .from('series')
+      .update(updateFields)
+      .eq('id', seriesId)
+      .is('deletedAt', null)
+
+    if (seriesError) {
+      errorHandler(seriesError, 'Erro ao apagar série')
+      return []
+    }
+
+    // 2. Excluir os relacionamentos na tabela seriesDiscipline
+    const { data: disciplinesData, error: disciplinesError } = await this.client
+      .from('seriesDiscipline')
+      .update(updateFields)
+      .eq('seriesId', seriesId)
+      .is('deletedAt', null)
+
+    if (disciplinesError) {
+      errorHandler(disciplinesError, 'Erro ao apagar relacionamentos de disciplinas da série')
+      return []
+    }
+
+    return { series: seriesData, disciplines: disciplinesData }
+  }
 }
diff --git a/src/modules/school-management/views/DashboardFunction.vue b/src/modules/school-management/views/DashboardFunction.vue
deleted file mode 100644
index a14746b..0000000
--- a/src/modules/school-management/views/DashboardFunction.vue
+++ /dev/null
@@ -1,300 +0,0 @@
-<script setup lang="ts">
-import type { ServerFunction } from '@prisma/client'
-import FunctionDetailView from '@/components/FunctionDetailView.vue'
-import ListWithActionFunction from '@/components/ListWithActionFunction.vue'
-import ContentLayout from '@/components/theme/ContentLayout.vue'
-import showToast from '@/utils/toast-alert'
-import { IonButton, IonCard, IonCardHeader, IonCardTitle, IonCol, IonContent, IonIcon, IonModal, IonPage, IonRow, IonSearchbar, IonText } from '@ionic/vue'
-import { add } from 'ionicons/icons'
-import { computed, onMounted, ref, watch } from 'vue'
-import { useRouter } from 'vue-router'
-import ServerFunctionService from '../services/ServerFunctionService'
-import RegisterFunctionMobile from './RegisterFunctionMobile.vue'
-
-const router = useRouter()
-const route = router.currentRoute
-const serverFunctionService = new ServerFunctionService()
-const dataList = ref<ServerFunction[]>([])
-const searchQuery = ref('')
-const isModalAddFunction = ref(false)
-const editingId = ref<string | undefined>(undefined)
-
-const seeModal = ref({ modal: false, data: undefined as any })
-const editModal = ref({ modal: false, data: undefined })
-const deleteModal = ref<{ modal: boolean, data: ServerFunction | undefined }>({ modal: false, data: undefined })
-
-const adaptedDataList = computed(() => {
-  return dataList.value.map(item => ({
-    id: item.id,
-    name: item.name,
-    abbreviation: item.abbreviation,
-    description: item.description,
-    createdAt: item.createdAt ? item.createdAt.toString() : undefined,
-    updatedAt: item.updatedAt ? item.updatedAt.toString() : undefined,
-    deletedAt: item.deletedAt ? item.deletedAt.toString() : undefined,
-  }))
-})
-
-const filteredDataList = computed(() => {
-  // Primeiro filtra a lista se houver uma consulta de busca
-  const filtered = searchQuery.value
-    ? adaptedDataList.value.filter(item =>
-        item.name.toLowerCase().includes(searchQuery.value.toLowerCase())
-        || (item.abbreviation && item.abbreviation.toLowerCase().includes(searchQuery.value.toLowerCase())),
-      )
-    : adaptedDataList.value
-
-  // Depois ordena a lista alfabeticamente pelo nome
-  return filtered.sort((a, b) => {
-    return a.name.localeCompare(b.name)
-  })
-})
-
-function setModalAddFunction(open: boolean) {
-  isModalAddFunction.value = open
-  if (open) {
-    isModalAddFunction.value = false
-    setTimeout(() => (isModalAddFunction.value = true), 10)
-  }
-}
-
-function navigateToRegister() {
-  if (isMobileDevice()) {
-    editingId.value = undefined
-    setModalAddFunction(true)
-  }
-  else {
-    router.push({ name: 'RegisterFunction' })
-  }
-}
-
-function setSeeModal(open: boolean) {
-  if (open) {
-    seeModal.value.modal = false
-    setTimeout(() => (seeModal.value.modal = true), 10)
-  }
-  else {
-    seeModal.value.modal = open
-  }
-}
-
-function setEditModal(open: boolean) {
-  if (open) {
-    editModal.value.modal = false
-    setTimeout(() => (editModal.value.modal = true), 10)
-  }
-  else {
-    editModal.value.modal = open
-  }
-}
-
-function setDeleteModal(open: boolean) {
-  if (open) {
-    deleteModal.value.modal = false
-    setTimeout(() => (deleteModal.value.modal = true), 10)
-  }
-  else {
-    deleteModal.value.modal = open
-  }
-}
-
-async function loadFunctions() {
-  try {
-    const functions = await serverFunctionService.getServerFunctions()
-    dataList.value = functions || []
-  }
-  catch (error) {
-    console.error('Erro ao carregar funções:', error)
-  }
-}
-
-function isMobileDevice() {
-  return window.innerWidth <= 768
-}
-
-async function handleDelete() {
-  if (deleteModal.value?.data?.id) {
-    try {
-      await serverFunctionService.softDeleteServerFunction(deleteModal.value.data.id)
-      loadFunctions()
-      setDeleteModal(false)
-      showToast('Função excluída com sucesso', 'top', 'success')
-    }
-    catch (error: any) {
-      console.error('Erro ao excluir função:', error)
-
-      // Verifica se é o erro específico de servidores vinculados
-      if (error.message && error.message.includes('servidores vinculados')) {
-        showToast('Não é possível excluir: Existem servidores vinculados a essa função', 'top', 'warning')
-      }
-    }
-  }
-  else {
-    console.error('ID da função não encontrado para exclusão:', deleteModal)
-  }
-}
-
-onMounted(() => {
-  loadFunctions()
-})
-
-// Observar mudanças na rota para recarregar a lista quando retornar do cadastro (Caso para RegisterFunction pós salvar nova função)
-watch(
-  () => route.value.query,
-  (query) => {
-    if (query.refresh) {
-      loadFunctions()
-    }
-  },
-  { deep: true },
-)
-</script>
-
-<template>
-  <IonPage>
-    <ContentLayout>
-      <div class="ion-margin-top">
-        <IonRow class="ion-align-items-center ion-justify-content-between">
-          <IonCol size="10">
-            <IonSearchbar v-model="searchQuery" placeholder="Buscar função" />
-          </IonCol>
-          <IonCol size="2" class="ion-text-end">
-            <IonButton id="add-btn" expand="block" class="ion-text-uppercase" @click="navigateToRegister()">
-              <IonIcon slot="icon-only" :icon="add" class="ion-hide-sm-up" />
-              <IonIcon slot="start" :icon="add" class="ion-hide-sm-down" />
-              <span class="ion-hide-sm-down">Novo</span>
-            </IonButton>
-          </IonCol>
-        </IonRow>
-
-        <ListWithActionFunction
-          :data-list="filteredDataList"
-          @update:delete="(event) => {
-            deleteModal = event;
-            setDeleteModal(true);
-          }"
-          @update:edit="(event) => {
-
-            if (isMobileDevice()) {
-              editingId = event.data?.id
-              setEditModal(true)
-            }
-            else {
-              router.push({ name: 'RegisterFunction', params: { id: event.data?.id } })
-            }
-          }"
-          @update:see="(event) => {
-            if (isMobileDevice()) {
-              seeModal = event
-            }
-            else {
-              router.push({ name: 'FunctionDetails', params: { id: event.data?.id } })
-            }
-          }"
-        />
-
-        <IonModal
-          :is-open="isModalAddFunction"
-          :expand-to-scroll="false"
-          :initial-breakpoint="0.95"
-          :breakpoints="[0, 0.7, 0.95, 1]"
-          @ion-modal-did-dismiss="setModalAddFunction(false)"
-        >
-          <RegisterFunctionMobile
-            @saved="loadFunctions(); setModalAddFunction(false)"
-            @cancel="setModalAddFunction(false)"
-            @error="(message, color) => { showToast(message, 'top', color); }"
-          />
-        </IonModal>
-
-        <IonModal
-          :is-open="seeModal.modal"
-          :expand-to-scroll="false"
-          :initial-breakpoint="0.95"
-          :breakpoints="[0, 0.7, 0.95, 1]"
-          @did-dismiss="setSeeModal(false)"
-        >
-          <IonContent>
-            <FunctionDetailView
-              :items="seeModal.data"
-              name="Detalhes da função"
-              @close="setSeeModal(false)"
-              @edit="() => {
-                editingId = seeModal.data?.id;
-                setSeeModal(false);
-                setEditModal(true);
-              }"
-            />
-          </IonContent>
-        </IonModal>
-
-        <IonModal
-          :is-open="editModal.modal"
-          :expand-to-scroll="false"
-          :initial-breakpoint="0.95"
-          :breakpoints="[0, 0.7, 0.95, 1]"
-          @ion-modal-did-dismiss="setEditModal(false)"
-        >
-          <IonContent>
-            <RegisterFunctionMobile
-              :edit-id="editingId"
-              @saved="loadFunctions(); setEditModal(false)"
-              @cancel="setEditModal(false)"
-              @error="(message, color) => { showToast(message, 'top', color); }"
-            />
-          </IonContent>
-        </IonModal>
-
-        <IonModal id="delete-modal" :is-open="deleteModal.modal" @ion-modal-did-dismiss="setDeleteModal(false)">
-          <IonCard class="ion-no-margin">
-            <IonCardHeader>
-              <IonCardTitle>Excluir função</IonCardTitle>
-              <IonText class="ion-padding-vertical">
-                Tem certeza que deseja excluir esta função?
-              </IonText>
-              <div style="display: flex;">
-                <IonButton
-                  size="small"
-                  style="margin-left: auto; margin-right: 8px; text-transform: capitalize;"
-                  color="medium"
-                  @click="setDeleteModal(false)"
-                >
-                  Cancelar
-                </IonButton>
-                <IonButton
-                  style="text-transform: capitalize;"
-                  size="small"
-                  color="danger"
-                  @click="handleDelete()"
-                >
-                  Confirmar
-                </IonButton>
-              </div>
-            </IonCardHeader>
-          </IonCard>
-        </IonModal>
-      </div>
-    </ContentLayout>
-  </IonPage>
-</template>
-
-<style scoped>
-ion-searchbar {
-  --background: var(--ion-color-light);
-}
-
-ion-segment {
-  --background: rgba(var(--ion-color-tertiary-rgb), 0.15);
-  --color: var(--ion-color-secondary);
-}
-
-.custom-button {
-  max-width: 120px;
-}
-#delete-modal {
-  --width: 300px;
-  --height: auto;
-  --border-radius: 10px;
-  --box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
-}
-</style>
diff --git a/src/modules/school-management/views/DashboardSeries.vue b/src/modules/school-management/views/DashboardSeries.vue
new file mode 100644
index 0000000..397571c
--- /dev/null
+++ b/src/modules/school-management/views/DashboardSeries.vue
@@ -0,0 +1,289 @@
+<script setup lang="ts">
+import type { Tables } from '@/types/database.types'
+import EduprimeList from '@/components/ListWithAction.vue'
+import EduprimeRegistredItems from '@/components/RegistredItems.vue'
+import ContentLayout from '@/components/theme/ContentLayout.vue'
+import showToast from '@/utils/toast-alert'
+import { IonButton, IonCard, IonCardHeader, IonCardTitle, IonCol, IonContent, IonIcon, IonModal, IonRow, IonText } from '@ionic/vue'
+import { add } from 'ionicons/icons'
+import { computed, onMounted, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import SeriesService from '../services/SeriesService'
+import RegisterSeries from './RegisterSeriesMobile.vue'
+
+const router = useRouter()
+const route = router.currentRoute
+const seriesService = new SeriesService()
+const dataList = ref<Tables<'series'>[]>([])
+const searchQuery = ref('')
+const isModalAddSchool = ref(false)
+
+const seeModal = ref({ modal: false, data: undefined as any })
+const editModal = ref({ modal: false, data: undefined })
+const deleteModal = ref<{ modal: boolean, data: { id: string } | undefined }>({ modal: false, data: undefined })
+
+const editingId = ref<string | undefined>(undefined)
+
+function setModalAddSeries(open: boolean) {
+  isModalAddSchool.value = open
+  if (open) {
+    isModalAddSchool.value = false
+    setTimeout(() => (isModalAddSchool.value = true), 10)
+  }
+}
+
+function setSeeModal(open: boolean) {
+  seeModal.value.modal = open
+  if (open) {
+    seeModal.value.modal = false
+    setTimeout(() => (seeModal.value.modal = true), 10)
+  }
+}
+
+function setEditModal(open: boolean) {
+  editModal.value.modal = open
+  if (open) {
+    editModal.value.modal = false
+    setTimeout(() => (editModal.value.modal = true), 10)
+  }
+}
+
+function setDeleteModal(open: boolean) {
+  if (open) {
+    deleteModal.value.modal = false
+    setTimeout(() => (deleteModal.value.modal = true), 10)
+  }
+  else {
+    deleteModal.value.modal = open
+  }
+}
+
+function isMobileDevice() {
+  return window.innerWidth <= 768
+}
+
+function navigateToRegister() {
+  if (isMobileDevice()) {
+    editingId.value = undefined
+    setModalAddSeries(true)
+  }
+  else {
+    router.push({ name: 'RegisterSeries' })
+  }
+}
+
+const filteredDataList = computed(() => {
+  if (!searchQuery.value) {
+    return dataList.value
+  }
+
+  return dataList.value.filter((series: any) =>
+    series.name.toLowerCase().includes(searchQuery.value.toLowerCase()),
+  )
+})
+
+async function loadSeries() {
+  try {
+    const series = await seriesService.getAllSeriesWithDetails()
+    dataList.value = (series ?? []).map((item: Partial<Tables<'series'>>) => {
+      const { course_stage, graduate, ...filteredItem } = item // Remove os campos indesejados
+
+      return filteredItem as Tables<'series'>
+    })
+  }
+  catch (error) {
+    console.error('Erro ao carregar as séries:', error)
+  }
+}
+
+// function navigateToRegister() {
+//   router.push({ name: 'RegisterSeries' })
+// }
+async function handleDelete() {
+  if (deleteModal.value?.data?.id) {
+    try {
+      await seriesService.softDeleteSeries(deleteModal.value.data.id)
+      loadSeries()
+      setDeleteModal(false)
+    }
+    catch (error: any) {
+      console.error('Erro ao excluir função:', error)
+
+      // Verifica se é o erro específico de servidores vinculados
+      if (error.message && error.message.includes('servidores vinculados')) {
+        showToast('Não é possível excluir: Existem servidores vinculados a essa função', 'top', 'warning')
+      }
+    }
+  }
+  else {
+    console.error('ID da função não encontrado para exclusão:', deleteModal)
+  }
+}
+
+onMounted(() => {
+  loadSeries()
+})
+
+watch(
+  () => route.value.query,
+  (query) => {
+    if (query.refresh) {
+      loadSeries()
+    }
+  },
+  { deep: true },
+)
+</script>
+
+<template>
+  <ContentLayout>
+    <div class="ion-margin-top">
+      <IonRow class="ion-align-items-center ion-justify-content-between">
+        <IonCol size="10">
+          <ion-searchbar v-model="searchQuery" placeholder="Buscar séries" />
+        </IonCol>
+        <IonCol size="2" class="ion-text-end">
+          <IonButton id="add-btn" expand="block" class="ion-text-uppercase" @click="navigateToRegister()">
+            <IonIcon slot="icon-only" :icon="add" class="ion-hide-sm-up" />
+            <IonIcon slot="start" :icon="add" class="ion-hide-sm-down" />
+            <span class="ion-hide-sm-down">Novo</span>
+          </IonButton>
+        </IonCol>
+      </IonRow>
+      <EduprimeList
+        :data-list="filteredDataList"
+        @update:delete="(event) => {
+          deleteModal = event;
+          setDeleteModal(true);
+        }"
+        @update:edit="(event) => {
+
+          if (isMobileDevice()) {
+            editingId = event.data?.id
+            setEditModal(true)
+          }
+          else {
+            router.push({ name: 'RegisterSeries', params: { id: event.data?.id } })
+          }
+        }"
+        @update:see="(event) => {
+          if (isMobileDevice()) {
+            seeModal = event
+          }
+          else {
+            router.push({ name: 'RegistredItems', params: { id: event.data?.id } })
+          }
+        }"
+      />
+
+      <IonModal
+        :is-open="isModalAddSchool"
+        :expand-to-scroll="false"
+        :initial-breakpoint="0.95"
+        :breakpoints="[0, 0.7, 0.95, 1]"
+        @ion-modal-did-dismiss="setModalAddSeries(false)"
+      >
+        <IonContent>
+          <RegisterSeries
+            :close-modal="setModalAddSeries"
+            @cancel="setModalAddSeries(false)"
+            @saved="loadSeries(); setModalAddSeries(false)"
+          />
+        </IonContent>
+      </IonModal>
+
+      <IonModal
+        :is-open="seeModal.modal"
+        :expand-to-scroll="false"
+        :initial-breakpoint="0.95"
+        :breakpoints="[0, 0.7, 0.95, 1]"
+        @did-dismiss="setSeeModal(false)"
+      >
+        <IonContent>
+          <EduprimeRegistredItems
+            :items="seeModal.data"
+            type="settings"
+            name="Detalhes da série"
+            @close="setSeeModal(false)"
+            @edit="() => {
+              editingId = seeModal.data?.id;
+              setSeeModal(false);
+              setEditModal(true);
+            }"
+          />
+        </IonContent>
+      </IonModal>
+
+      <IonModal
+        :is-open="editModal.modal"
+        :expand-to-scroll="false"
+        :initial-breakpoint="0.95"
+        :breakpoints="[0, 0.7, 0.95, 1]"
+        @ion-modal-did-dismiss="setEditModal(false)"
+      >
+        <IonContent>
+          <RegisterSeries
+            :edit-id="editingId"
+            :close-modal="setEditModal"
+            @saved="loadSeries(); setEditModal(false)"
+            @cancel="setEditModal(false)"
+          />
+        </IonContent>
+      </IonModal>
+      <IonModal id="delete-modal" :is-open="deleteModal.modal" @ion-modal-did-dismiss="setDeleteModal(false)">
+        <IonCard class="ion-no-margin">
+          <IonCardHeader>
+            <IonCardTitle>Excluir Série</IonCardTitle>
+            <IonText class="ion-padding-vertical">
+              Tem certeza que deseja excluir esta série?
+            </IonText>
+            <div style="display: flex;">
+              <IonButton
+                size="small"
+                style="margin-left: auto; margin-right: 8px; text-transform: capitalize;"
+                color="medium"
+                @click="setDeleteModal(false)"
+              >
+                Cancelar
+              </IonButton>
+              <IonButton
+                style="text-transform: capitalize;"
+                size="small"
+                color="danger"
+                @click="handleDelete()"
+              >
+                Confirmar
+              </IonButton>
+            </div>
+          </IonCardHeader>
+        </IonCard>
+      </IonModal>
+    </div>
+  </ContentLayout>
+</template>
+
+<style scoped>
+ion-label h2 {
+  margin: 0;
+  font-weight: bold;
+}
+
+ion-searchbar {
+  --background: var(--ion-color-light);
+}
+
+ion-segment {
+  --background: rgba(var(--ion-color-tertiary-rgb), 0.15);
+  --color: var(--ion-color-secondary);
+}
+
+.custom-button {
+  max-width: 120px;
+}
+#delete-modal {
+  --width: 300px;
+  --height: auto;
+  --border-radius: 10px;
+  --box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
+}
+</style>
diff --git a/src/modules/school-management/views/FunctionDetailsDesktop.vue b/src/modules/school-management/views/FunctionDetailsDesktop.vue
deleted file mode 100644
index ea6a0b2..0000000
--- a/src/modules/school-management/views/FunctionDetailsDesktop.vue
+++ /dev/null
@@ -1,195 +0,0 @@
-<script setup lang="ts">
-import { IonButton, IonCol, IonContent, IonGrid, IonPage, IonRow } from '@ionic/vue'
-import { computed, onMounted, ref } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import ServerFunctionService from '../services/ServerFunctionService'
-import ContentLayout from '@/components/theme/ContentLayout.vue'
-import type { ServerFunction } from '@prisma/client'
-
-const route = useRoute()
-const router = useRouter()
-const serverFunctionService = new ServerFunctionService()
-const functionDetails = ref<ServerFunction | null>(null)
-const loading = ref(true)
-
-async function loadFunctionDetails() {
-  try {
-    loading.value = true
-    const id = route.params.id as string
-    if (!id) {
-      router.push({ name: 'FunctionListFunction' })
-      return
-    }
-    
-    const data = await serverFunctionService.getServerFunctionById(id)
-    functionDetails.value = data
-  } catch (error) {
-    console.error('Erro ao carregar detalhes da função:', error)
-  } finally {
-    loading.value = false
-  }
-}
-
-function navigateToEdit() {
-  if (functionDetails.value?.id) {
-    router.push({ name: 'RegisterFunction', params: { id: functionDetails.value.id } })
-  }
-}
-
-function goBack() {
-  router.back()
-}
-
-onMounted(() => {
-  loadFunctionDetails()
-})
-</script>
-
-<template>
-  <IonPage>
-    <ContentLayout>
-      <div v-if="loading" class="ion-text-center ion-padding">
-        <p>Carregando detalhes da função...</p>
-      </div>
-      <div v-else-if="functionDetails" class="function-details-container">
-        <h1 class="function-title">{{ functionDetails.name }}</h1>
-        
-        <div class="detail-section">
-          <h2 class="section-title">Informações básicas</h2>
-          <IonGrid>
-            <IonRow>
-              <IonCol size="12" size-md="6">
-                <div class="detail-item">
-                  <span class="detail-label">Nome</span>
-                  <span class="detail-value">{{ functionDetails.name || '-' }}</span>
-                </div>
-              </IonCol>
-              <IonCol size="12" size-md="6">
-                <div class="detail-item">
-                  <span class="detail-label">Abreviação</span>
-                  <div class="detail-value">
-                    <span v-if="functionDetails.abbreviation" class="abbreviation-tag">{{ functionDetails.abbreviation }}</span>
-                    <span v-else>-</span>
-                  </div>
-                </div>
-              </IonCol>
-            </IonRow>
-
-            <IonRow>
-              <IonCol size="12">
-                <div class="detail-item">
-                  <span class="detail-label">Descrição</span>
-                  <span class="detail-value description">{{ functionDetails.description || '-' }}</span>
-                </div>
-              </IonCol>
-            </IonRow>
-          </IonGrid>
-        </div>
-
-        <div class="fixed-footer">
-          <IonGrid>
-            <IonRow>
-              <IonCol size="6">
-                <IonButton color="danger" expand="full" @click="goBack()">Fechar</IonButton>
-              </IonCol>
-              <IonCol size="6">
-                <IonButton color="secondary" expand="full" @click="navigateToEdit()">Editar</IonButton>
-              </IonCol>
-            </IonRow>
-          </IonGrid>
-        </div>
-      </div>
-
-      <div v-else class="ion-text-center ion-padding">
-        <p>Função não encontrada</p>
-        <IonButton color="medium" @click="goBack()">Voltar</IonButton>
-      </div>
-    </ContentLayout>
-  </IonPage>
-</template>
-
-<style scoped>
-.function-details-container {
-  padding: 16px;
-  padding-bottom: 80px; /* Espaço para o footer fixo */
-}
-
-.detail-section {
-  margin-bottom: 24px;
-  background-color: #ffffff;
-  border-radius: 8px;
-  padding: 16px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-.section-title {
-  color: var(--ion-color-secondary);
-  font-size: 1.2rem;
-  margin-bottom: 16px;
-  border-bottom: 1px solid #eee;
-  padding-bottom: 8px;
-}
-
-.detail-item {
-  margin-bottom: 16px;
-  display: flex;
-  flex-direction: column;
-}
-
-.detail-label {
-  font-size: 0.9rem;
-  color: var(--ion-color-secondary);
-  font-weight: 500;
-  margin-bottom: 4px;
-}
-
-.detail-value {
-  font-size: 1rem;
-}
-
-.detail-value.description {
-  white-space: pre-line;
-  background-color: rgba(var(--ion-color-light-rgb), 0.5);
-  padding: 12px;
-  border-radius: 8px;
-  min-height: 100px;
-}
-
-.function-title {
-  margin-bottom: 16px;
-  color: var(--ion-color-secondary);
-  font-size: 1.5rem;
-  font-weight: 600;
-}
-
-.abbreviation-tag {
-  background: rgba(var(--ion-color-secondary-rgb), 0.15);
-  color: var(--ion-color-secondary);
-  padding: 6px 12px;
-  border-radius: 16px;
-  display: inline-block;
-  font-weight: 500;
-  margin-top: 4px;
-}
-
-.fixed-footer {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background: #ffffff;
-  padding: 12px 16px;
-  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
-  z-index: 1000;
-}
-
-@media (max-width: 768px) {
-  .detail-section {
-    padding: 12px;
-  }
-  
-  .function-details-container {
-    padding-bottom: 90px; /* Mais espaço no mobile */
-  }
-}
-</style>
diff --git a/src/modules/school-management/views/RegisterFunction.vue b/src/modules/school-management/views/RegisterFunction.vue
deleted file mode 100644
index 3542898..0000000
--- a/src/modules/school-management/views/RegisterFunction.vue
+++ /dev/null
@@ -1,294 +0,0 @@
-<script setup lang="ts">
-import showToast from '@/utils/toast-alert'
-import {
-  IonButton,
-  IonCol,
-  IonContent,
-  IonFooter,
-  IonGrid,
-  IonHeader,
-  IonPage,
-  IonRow,
-  IonTitle,
-  IonToolbar,
-} from '@ionic/vue'
-import { ErrorMessage, Field, Form } from 'vee-validate'
-import { computed, nextTick, onMounted, ref, watch, watchEffect } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import ServerFunctionService from '../services/ServerFunctionService'
-
-const route = useRoute()
-const router = useRouter()
-const serverFunctionService = new ServerFunctionService()
-
-const initialFormValues = { id: '', name: '', abbreviation: '', description: '' }
-const formValues = ref({ ...initialFormValues })
-const originalFormValues = ref({ ...initialFormValues })
-const isEditing = ref(false)
-const serverFunctionId = computed(() => route.params.id as string | undefined)
-const pageTitle = computed(() => isEditing.value ? 'Editar função' : 'Nova função')
-const descriptionRef = ref<HTMLTextAreaElement | null>(null)
-const hasChanges = ref(false)
-
-// Função para verificar se houve mudanças nos campos
-function checkForChanges() {
-  if (!isEditing.value)
-    return
-
-  const hasNameChanged = formValues.value.name !== originalFormValues.value.name
-  const hasAbbreviationChanged = formValues.value.abbreviation !== originalFormValues.value.abbreviation
-  const hasDescriptionChanged = formValues.value.description !== originalFormValues.value.description
-
-  hasChanges.value = hasNameChanged || hasAbbreviationChanged || hasDescriptionChanged
-}
-
-const saveButtonEnabled = computed(() => {
-  if (!isEditing.value) {
-    const enabled = !!formValues.value.name || !!formValues.value.abbreviation || !!formValues.value.description
-    return enabled
-  }
-
-  return hasChanges.value
-})
-
-watchEffect(() => {
-  if (formValues.value.description) {
-    nextTick(() => {
-      autoResizeTextarea()
-    })
-  }
-})
-
-watch(
-  () => ({ ...formValues.value }),
-  () => {
-    if (isEditing.value) {
-      checkForChanges()
-    }
-  },
-  { deep: true, immediate: true },
-)
-
-onMounted(async () => {
-  if (serverFunctionId.value) {
-    isEditing.value = true
-    const fn = await serverFunctionService.getServerFunctionById(serverFunctionId.value)
-
-    if (fn) {
-      // Armazena os valores originais
-      const loadedValues = {
-        id: fn.id,
-        name: fn.name,
-        abbreviation: fn.abbreviation || '',
-        description: (fn as any).description ?? '',
-      }
-
-      formValues.value = { ...loadedValues }
-      originalFormValues.value = { ...loadedValues }
-      hasChanges.value = false
-
-      autoResizeTextarea()
-    }
-  }
-  else {
-    formValues.value = { ...initialFormValues }
-    originalFormValues.value = { ...initialFormValues }
-    hasChanges.value = false
-  }
-})
-
-async function handleSubmit(values: any) {
-  const payload = {
-    id: isEditing.value ? serverFunctionId.value : undefined,
-    name: values.name,
-    abbreviation: values.abbreviation,
-    description: values.description,
-  }
-
-  try {
-    await serverFunctionService.upsertServerFunction(payload)
-
-    const successMessage = isEditing.value
-      ? 'Função atualizada com sucesso'
-      : 'Nova função cadastrada com sucesso'
-
-    showToast(successMessage, 'top', 'success')
-
-    router.push({
-      name: 'FunctionListFunction',
-      query: { refresh: Date.now().toString() },
-    })
-  }
-  catch (error: any) {
-    console.error('Erro ao salvar função:', error)
-
-    // Exibe mensagem específica dependendo do tipo de erro
-    if (error.message) {
-      if (error.message.includes('Nome de função já existente')) {
-        showToast('Não foi possível salvar nova função: Nome de função já existente', 'top', 'warning')
-      }
-      else if (error.message.includes('Abreviação de função já existente')) {
-        showToast('Não foi possível salvar nova função: Abreviação de função já existente', 'top', 'warning')
-      }
-      else {
-        showToast(`Erro ao salvar função: ${error.message}`, 'top', 'danger')
-      }
-    }
-    else {
-      showToast('Erro ao salvar função', 'top', 'danger')
-    }
-  }
-}
-
-function resetForm() {
-  router.back()
-}
-
-function trimDescription(event: Event) {
-  const el = event.target as HTMLTextAreaElement
-  if (el.value.length > 180)
-    el.value = el.value.slice(0, 180)
-}
-function autoResizeTextarea() {
-  const el = descriptionRef.value
-  if (el) {
-    el.style.height = '80px'
-    el.style.height = 'auto'
-    el.style.height = `${Math.max(80, el.scrollHeight)}px`
-  }
-}
-</script>
-
-<template>
-  <IonPage>
-    <IonHeader>
-      <IonToolbar>
-        <IonTitle class="page-title">
-          {{ pageTitle }}
-        </IonTitle>
-      </IonToolbar>
-      <div class="toolbar-accent" />
-    </IonHeader>
-
-    <IonContent :scroll-y="true" class="ion-padding content-with-footer">
-      <Form id="function-form" :key="formValues.id || 'new'" :initial-values="formValues" @submit="handleSubmit">
-        <IonGrid>
-          <IonRow>
-            <IonCol size="12">
-              <Field v-slot="{ field }" name="name" label="Nome da função" rules="required|min:3|max:180">
-                <div class="floating-input">
-                  <input
-                    v-bind="field"
-                    v-model="formValues.name"
-                    type="text"
-                    class="floating-native"
-                    placeholder=" "
-                    @input="field.onInput"
-                  >
-                  <label class="floating-label"><span>Nome da função </span><span class="required-text">(Obrigatório)</span></label>
-                </div>
-                <ErrorMessage v-slot="{ message }" name="name">
-                  <div class="error-message">
-                    {{ message }}
-                  </div>
-                </ErrorMessage>
-              </Field>
-            </IonCol>
-          </IonRow>
-
-          <IonRow>
-            <IonCol size="12">
-              <Field v-slot="{ field }" name="abbreviation" label="Abreviação" rules="min:2|max:6">
-                <div class="floating-input">
-                  <input
-                    v-bind="field"
-                    v-model="formValues.abbreviation"
-                    type="text"
-                    class="floating-native"
-                    placeholder=" "
-                    :maxlength="7"
-                    @input="field.onInput"
-                  >
-                  <label class="floating-label"><span>Abreviação</span></label>
-                </div>
-                <ErrorMessage v-slot="{ message }" name="abbreviation">
-                  <div class="error-message">
-                    {{ message }}
-                  </div>
-                </ErrorMessage>
-              </Field>
-            </IonCol>
-          </IonRow>
-
-          <IonRow>
-            <IonCol size="12">
-              <Field v-slot="{ field }" name="description" label="Descrição da função" rules="max:180">
-                <div class="description-input">
-                  <textarea
-                    v-bind="field"
-                    ref="descriptionRef"
-                    v-model="formValues.description"
-                    class="description-native"
-                    placeholder=" "
-                    maxlength="181"
-                    @input="(event) => {
-                      field.onInput(event);
-                      trimDescription(event);
-                      autoResizeTextarea();
-                    }"
-                  />
-                  <label class="floating-label top-label"><span>Descrição da função</span></label>
-                </div>
-                <ErrorMessage v-slot="{ message }" name="description">
-                  <div class="error-message">
-                    {{ message }}
-                  </div>
-                </ErrorMessage>
-              </Field>
-            </IonCol>
-          </IonRow>
-        </IonGrid>
-      </Form>
-    </IonContent>
-
-    <IonFooter>
-      <IonToolbar>
-        <IonGrid>
-          <IonRow class="action-buttons-fixed">
-            <IonCol size="6">
-              <IonButton color="danger" expand="block" @click="resetForm">
-                Cancelar
-              </IonButton>
-            </IonCol>
-            <IonCol size="6">
-              <IonButton expand="block" type="submit" form="function-form" :disabled="!saveButtonEnabled">
-                Salvar
-              </IonButton>
-            </IonCol>
-          </IonRow>
-        </IonGrid>
-      </IonToolbar>
-    </IonFooter>
-  </IonPage>
-</template>
-
-<style scoped>
-.page-title {
-  font-weight: bold; color: var(--ion-color-secondary);
-}
-
-.toolbar-accent { height: 4px; background-color: var(--ion-color-primary); }
-.content-with-footer { padding-bottom: 80px; }
-.floating-input { position: relative; border: 1px solid var(--ion-color-primary); border-radius: 4px; margin-top: 16px; height: 56px; }
-.floating-native { width:100%; height:100%; padding:0 16px; border:none; outline:none; background:transparent; font-size:1rem; color:var(--ion-color-dark-tint); display:flex; align-items:center; }
-.floating-native::placeholder { color:transparent; }
-.description-input { position:relative; border:1px solid var(--ion-color-primary); border-radius:4px; margin-top:16px; min-height:80px; }
-.description-native { width:100%; height:auto; padding:8px 16px 6px; border:none; outline:none; background:transparent; font-size:1rem; color:var(--ion-color-dark-tint); overflow:hidden; resize:none; }
-.description-native::placeholder { color:transparent; }
-.floating-label { position:absolute; top:50%; left:16px; transform:translateY(-50%); background:white; padding:0 4px; font-size:1rem; pointer-events:none; transition:0.2s ease all; color:var(--ion-color-medium-shade); }
-.top-label { top:8px; transform:translateY(0); }
-.floating-native:focus + .floating-label, .floating-native:not(:placeholder-shown) + .floating-label, .description-native:focus + .floating-label, .description-native:not(:placeholder-shown) + .floating-label { top:-8px; transform:translateY(0); font-size:0.75rem; color:var(--ion-color-primary); }
-.required-text { color:var(--ion-color-danger); }
-.error-message { color:var(--ion-color-danger); font-size:0.8rem; margin-top:4px; }
-.action-buttons-fixed { margin: 0; padding: 8px; }
-</style>
diff --git a/src/modules/school-management/views/RegisterFunctionMobile.vue b/src/modules/school-management/views/RegisterFunctionMobile.vue
deleted file mode 100644
index f343fcb..0000000
--- a/src/modules/school-management/views/RegisterFunctionMobile.vue
+++ /dev/null
@@ -1,357 +0,0 @@
-<script setup lang="ts">
-import {
-  IonButton,
-  IonCol,
-  IonContent,
-  IonGrid,
-  IonIcon,
-  IonInput,
-  IonPage,
-
-  IonRow,
-  IonTextarea,
-} from '@ionic/vue'
-import { personSharp } from 'ionicons/icons'
-import { ErrorMessage, Field, Form } from 'vee-validate'
-import { computed, nextTick, onMounted, ref, watch, watchEffect } from 'vue'
-import ServerFunctionService from '../services/ServerFunctionService'
-
-const props = defineProps<{
-  editId?: string
-}>()
-
-const emits = defineEmits<{
-  (e: 'saved'): void
-  (e: 'cancel'): void
-  (e: 'error', message: string, color: 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark'): void
-}>()
-
-const serverFunctionService = new ServerFunctionService()
-
-const descriptionRef = ref<HTMLTextAreaElement | null>(null)
-const formValues = ref({
-  id: '',
-  name: '',
-  abbreviation: '',
-  description: '',
-})
-
-const originalFormValues = ref({
-  id: '',
-  name: '',
-  abbreviation: '',
-  description: '',
-})
-
-const hasChanges = ref(false)
-const isEditing = computed(() => Boolean(props.editId))
-const modalTitle = computed(() => isEditing.value ? 'Editar função' : 'Nova função')
-
-const saveButtonEnabled = computed(() => {
-  if (!isEditing.value) {
-    const enabled = !!formValues.value.name || !!formValues.value.abbreviation || !!formValues.value.description
-    return enabled
-  }
-
-  return hasChanges.value
-})
-
-function checkForChanges() {
-  if (!isEditing.value)
-    return
-
-  const hasNameChanged = formValues.value.name !== originalFormValues.value.name
-  const hasAbbreviationChanged = formValues.value.abbreviation !== originalFormValues.value.abbreviation
-  const hasDescriptionChanged = formValues.value.description !== originalFormValues.value.description
-
-  hasChanges.value = hasNameChanged || hasAbbreviationChanged || hasDescriptionChanged
-}
-
-watchEffect(() => {
-  if (formValues.value.description) {
-    nextTick(() => {
-      autoResizeTextarea()
-    })
-  }
-})
-
-watch(
-  () => ({ ...formValues.value }),
-  () => {
-    if (isEditing.value) {
-      checkForChanges()
-    }
-  },
-  { deep: true, immediate: true },
-)
-
-onMounted(async () => {
-  if (props.editId) {
-    const fn = await serverFunctionService.getServerFunctionById(props.editId)
-
-    if (fn) {
-      const loadedValues = {
-        id: fn.id,
-        name: fn.name,
-        abbreviation: fn.abbreviation || '',
-        description: (fn as any).description || '',
-      }
-
-      formValues.value = { ...loadedValues }
-      originalFormValues.value = { ...loadedValues }
-      hasChanges.value = false
-
-      autoResizeTextarea()
-    }
-  }
-  else {
-    formValues.value = {
-      id: '',
-      name: '',
-      abbreviation: '',
-      description: '',
-    }
-    originalFormValues.value = {
-      id: '',
-      name: '',
-      abbreviation: '',
-      description: '',
-    }
-    hasChanges.value = false
-  }
-})
-
-async function handleSubmit(values: any) {
-  const payload = {
-    id: isEditing.value ? props.editId : undefined,
-    name: values.name,
-    abbreviation: values.abbreviation,
-    description: values.description,
-  }
-
-  try {
-    await serverFunctionService.upsertServerFunction(payload)
-    handleSaved()
-  }
-  catch (error: any) {
-    console.error('Erro ao salvar função:', error)
-
-    if (error.message) {
-      if (error.message.includes('Nome de função já existente')) {
-        emits('error', 'Não foi possível salvar nova função: Nome de função já existente', 'warning')
-      }
-      else if (error.message.includes('Abreviação de função já existente')) {
-        emits('error', 'Não foi possível salvar nova função: Abreviação de função já existente', 'warning')
-      }
-      else {
-        emits('error', `Erro ao salvar função: ${error.message}`, 'danger')
-      }
-    }
-    else {
-      emits('error', 'Erro ao salvar função', 'danger')
-    }
-  }
-}
-
-function handleCancel() {
-  emits('cancel')
-}
-
-function handleSaved() {
-  emits('saved')
-}
-
-function trimDescription(event: any) {
-  const el = event.target
-  if (el.value.length > 180)
-    el.value = el.value.slice(0, 180)
-}
-
-function autoResizeTextarea() {
-  const el = descriptionRef.value
-  if (el) {
-    el.style.height = '80px'
-    el.style.height = 'auto'
-    el.style.height = `${Math.max(80, el.scrollHeight)}px`
-  }
-}
-</script>
-
-<template>
-  <IonPage>
-    <IonContent class="ion-padding ion-no-padding">
-      <div class="style-purple-lane" style="display: flex; align-items: center;">
-        <IonIcon :icon="personSharp" style="margin-right: 10px;" />
-        {{ modalTitle }}
-      </div>
-      <Form id="function-form-mobile" :key="formValues.id || 'new'" :initial-values="formValues" @submit="handleSubmit">
-        <IonGrid>
-          <IonRow>
-            <IonCol size="12">
-              <Field v-slot="{ field, errors }" name="name" label="Nome da função" rules="required|min:3|max:180">
-                <IonInput
-                  v-bind="field"
-                  v-model="formValues.name"
-                  label="Nome da função"
-                  label-placement="stacked"
-                  fill="outline"
-                  placeholder="Digite o nome da função"
-                  :class="{ 'has-error': errors.length > 0 }"
-                  @ion-input="field.onInput"
-                >
-                  <div slot="label" class="required-field">
-                    Nome da função <span class="required-text">(Obrigatório)</span>
-                  </div>
-                </IonInput>
-                <ErrorMessage v-slot="{ message }" name="name">
-                  <div class="error-message">
-                    {{ message }}
-                  </div>
-                </ErrorMessage>
-              </Field>
-            </IonCol>
-          </IonRow>
-
-          <IonRow>
-            <IonCol size="12">
-              <Field v-slot="{ field, errors }" name="abbreviation" label="Abreviação" rules="min:2|max:6">
-                <IonInput
-                  v-bind="field"
-                  v-model="formValues.abbreviation"
-                  label="Abreviação"
-                  label-placement="stacked"
-                  fill="outline"
-                  placeholder="Digite a abreviação"
-                  :maxlength="7"
-                  :class="{ 'has-error': errors.length > 0 }"
-                  @ion-input="field.onInput"
-                />
-                <ErrorMessage v-slot="{ message }" name="abbreviation">
-                  <div class="error-message">
-                    {{ message }}
-                  </div>
-                </ErrorMessage>
-              </Field>
-            </IonCol>
-          </IonRow>
-
-          <IonRow>
-            <IonCol size="12">
-              <Field v-slot="{ field, errors }" name="description" label="Descrição da função" rules="max:180">
-                <IonTextarea
-                  v-bind="field"
-                  ref="descriptionRef"
-                  v-model="formValues.description"
-                  label="Descrição da função"
-                  label-placement="stacked"
-                  fill="outline"
-                  placeholder="Digite uma descrição"
-                  :class="{ 'has-error': errors.length > 0 }"
-                  :maxlength="181"
-                  :auto-grow="true"
-                  @ion-input="(event) => {
-                    field.onInput(event);
-                    trimDescription(event);
-                    autoResizeTextarea();
-                  }"
-                />
-                <ErrorMessage v-slot="{ message }" name="description">
-                  <div class="error-message">
-                    {{ message }}
-                  </div>
-                </ErrorMessage>
-              </Field>
-            </IonCol>
-          </IonRow>
-        </IonGrid>
-      </Form>
-    </IonContent>
-    <div>
-      <IonGrid>
-        <IonRow>
-          <IonCol size="6">
-            <IonButton color="danger" expand="block" @click="handleCancel()">
-              Cancelar
-            </IonButton>
-          </IonCol>
-          <IonCol size="6">
-            <IonButton expand="block" type="submit" form="function-form-mobile" :disabled="!saveButtonEnabled">
-              Salvar
-            </IonButton>
-          </IonCol>
-        </IonRow>
-      </IonGrid>
-    </div>
-  </IonPage>
-</template>
-
-<style scoped>
-/* .drag-handle {
-  width: 36px;
-  height: 4px;
-  border-radius: 2px;
-  margin: 10px auto;
-  background-color: var(--ion-color-medium);
-} */
-
-.style-purple-lane {
-  background: rgba(var(--ion-color-secondary-rgb), 0.15);
-  color: var(--ion-color-secondary);
-  padding: 2px;
-  margin: 8px 2px;
-  border-radius: 4px;
-}
-
-.lane-icon {
-  margin-right: 10px;
-}
-
-.required-text {
-  color: var(--ion-color-danger);
-}
-
-.error-message {
-  color: var(--ion-color-danger);
-  font-size: 0.8rem;
-  margin-top: 4px;
-  padding-left: 16px;
-}
-
-/* .action-buttons-fixed {
-  margin: 0;
-  padding: 8px;
-} */
-
-ion-input.has-error,
-ion-textarea.has-error {
-  --border-color: var(--ion-color-danger);
-}
-
-/* .mobile-function-content {
-/* .mobile-function-content {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-} */
-
-/* .footer-fixed {
-  position: sticky;
-  bottom: 0;
-  z-index: 10;
-} */
-
-/* ion-content {
-  --padding-bottom: 80px;
-} */
-
-/* ion-modal .modal-wrapper {
-  --height: 70%;
-} */
-
-/* .action-buttons-fixed {
-  position: sticky;
-  bottom: 0;
-  background: var(--ion-color-light);
-  padding: 8px 0;
-} */
-</style>
diff --git a/src/modules/school-management/views/RegisterSeriesMobile.vue b/src/modules/school-management/views/RegisterSeriesMobile.vue
new file mode 100644
index 0000000..5df128d
--- /dev/null
+++ b/src/modules/school-management/views/RegisterSeriesMobile.vue
@@ -0,0 +1,550 @@
+<script setup lang="ts">
+import showToast from '@/utils/toast-alert'
+import { IonButton, IonCol, IonContent, IonGrid, IonIcon, IonInput, IonItem, IonLabel, IonList, IonPage, IonRow, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectOption } from '@ionic/vue'
+import { listSharp } from 'ionicons/icons'
+import { Field, Form, useForm } from 'vee-validate'
+import { computed, onMounted, ref, watch } from 'vue'
+import InstitutionService from '../../institution/services/InstitutionService'
+import CourseService from '../services/CourseService'
+import DisciplineService from '../services/DisciplineService'
+import SeriesService from '../services/SeriesService'
+
+const props = defineProps<{
+  closeModal: (status: boolean) => void
+  editId?: string
+}>()
+
+const emit = defineEmits<{
+  (e: 'cancel'): void
+  (e: 'saved'): void
+}>()
+
+const selectedSegment = ref('general')
+const seriesService = new SeriesService()
+const courseService = new CourseService()
+const disciplineService = new DisciplineService()
+const institutionService = new InstitutionService()
+
+const seriesId = computed(() => props.editId) // ID da série para edição
+const isEditing = computed(() => Boolean(seriesId.value)) // Verifica se está no modo de edição
+const modalTitle = computed(() => isEditing.value ? 'Editar Série' : 'Nova Série')
+
+const institutionList = ref<Array<{ id: string, name: string }>>([])
+const courseList = ref<Array<{ id: string, name: string }>>([])
+const disciplineList = ref<Array<{ id: string, name: string, workload: number }>>([])
+const hasChanges = ref(false)
+
+const disciplines = ref<Array<{
+  id: string | null
+  disciplineId: string
+  seriesId: string
+  name: string
+  year: number | null
+  workload: number | null
+  createdAt: Date
+  deletedAt: null | string
+  updatedAt: null | string
+  updatedBy: null | string
+  tenantId: string
+}>>([])
+
+const formValues = ref({
+  id: '',
+  name: '',
+  description: '',
+  courseId: '',
+  institutionId: '',
+  ageRangeMin: null,
+  ageRangeMax: null,
+  standardAge: null,
+  schoolDays: null,
+  workload: null,
+})
+
+const originalFormValues = ref<{
+  name: string
+  description: string
+  courseId: string
+  institutionId: string
+  ageRangeMin: number | null
+  ageRangeMax: number | null
+  standardAge: number | null
+  schoolDays: number
+  workload: number
+  disciplines: Array<{
+    disciplineId: string
+    seriesId: string
+    name: string
+    year: number
+    workload: number
+    createdAt: Date
+    deletedAt: string | null
+    updatedAt: string | null
+    updatedBy: string | null
+    tenantId: string
+  }>
+}>({
+  ...formValues.value,
+  schoolDays: formValues.value.schoolDays ?? 0,
+  workload: formValues.value.workload ?? 0,
+  disciplines: [],
+})
+
+// Adiciona uma nova disciplina
+function addDiscipline() {
+  disciplines.value.push({
+    id: null,
+    disciplineId: '',
+    seriesId: '',
+    name: '',
+    workload: null,
+    year: null,
+    createdAt: new Date(),
+    deletedAt: null,
+    updatedAt: null,
+    updatedBy: null,
+    tenantId: '',
+  })
+}
+
+// Remove uma disciplina pelo índice
+function removeDiscipline(index: number) {
+  disciplines.value.splice(index, 1)
+}
+
+// Atualiza a carga horária de uma disciplina
+function updateWorkload(index: number, value: string) {
+  const selectedDiscipline = disciplineList.value.find(d => d.name === value)
+  if (selectedDiscipline) {
+    disciplines.value[index].workload = selectedDiscipline.workload
+  }
+}
+
+// Sincroniza os valores do formulário com `formValues`
+const { values } = useForm({
+  initialValues: formValues.value,
+})
+
+watch(values, (newValues) => {
+  formValues.value = { ...newValues }
+  checkForChanges()
+}, { deep: true })
+
+watch(disciplines, () => {
+  checkForChanges()
+}, { deep: true })
+
+// Verifica se houve alterações no formulário
+function checkForChanges() {
+  const formChanged = JSON.stringify(formValues.value) !== JSON.stringify(originalFormValues.value)
+  const disciplinesChanged = JSON.stringify(disciplines.value) !== JSON.stringify(originalFormValues.value.disciplines || [])
+  hasChanges.value = formChanged || disciplinesChanged
+}
+
+// Carrega os dados da série para edição
+async function loadSeriesData() {
+  if (seriesId.value) {
+    try {
+      const seriesData = await seriesService.getSeriesWithDetailsById(seriesId.value)
+      if (seriesData) {
+        formValues.value = {
+          id: seriesData.id,
+          name: seriesData.name || '',
+          description: seriesData.description || '',
+          courseId: seriesData.courseId || '',
+          institutionId: seriesData.institutionId || '',
+          ageRangeMin: seriesData.ageRangeMin || null,
+          ageRangeMax: seriesData.ageRangeMax || null,
+          standardAge: seriesData.standardAge || null,
+          schoolDays: seriesData.schoolDays || null,
+          workload: seriesData.workload ?? undefined,
+        }
+
+        // Carrega as disciplinas associadas à série
+        disciplines.value = seriesData.disciplines.map((discipline: { id: string, disciplineName: string, workload: number, year: number }) => ({
+          id: discipline.id,
+          name: discipline.disciplineName || '',
+          workload: discipline.workload || '',
+          year: discipline.year || '',
+        }))
+        originalFormValues.value = {
+          ...formValues.value,
+          schoolDays: formValues.value.schoolDays ?? 0, // Default to 0 if null
+          workload: formValues.value.workload ?? 0, // Default to 0 if null or undefined
+          disciplines: disciplines.value.map(discipline => ({
+            ...discipline,
+            year: discipline.year ?? 0, // Default to 0 if null
+            workload: discipline.workload ?? 0, // Default to 0 if null
+          })),
+        }
+        hasChanges.value = false // Garante que o botão "Salvar" esteja desabilitado inicialmente
+      }
+      else {
+        console.error(`Série não encontrada para o ID: ${seriesId.value}`)
+      }
+    }
+    catch (error) {
+      console.error('Erro ao carregar dados da série:', error)
+    }
+  }
+}
+
+// Carrega as listas de instituições, cursos e disciplinas
+async function loadDropdownData() {
+  try {
+    const [institutions, courses, disciplinas] = await Promise.all([
+      institutionService.getAll(),
+      courseService.getAllCourses(),
+      disciplineService.getAllDiscipline(),
+    ])
+
+    institutionList.value = institutions?.map(item => ({ id: item.id, name: item.name })) || []
+    courseList.value = courses?.map(item => ({ id: item.id, name: item.name })) || []
+    disciplineList.value = disciplinas?.map(item => ({ id: item.id, name: item.name, workload: item.workload })) || []
+  }
+  catch (error) {
+    console.error('Erro ao carregar dados:', error)
+  }
+}
+
+// Salva a série e as disciplinas
+async function saveSeriesAndDisciplines() {
+  const series = {
+    ...formValues.value,
+    createdAt: isEditing.value ? null : new Date().toISOString(),
+    updatedAt: isEditing.value ? new Date().toISOString() : null,
+    deletedAt: null, // Add default value for deletedAt
+    updatedBy: null, // Add default value for updatedBy
+    workload: formValues.value.workload ?? undefined, // Ensure workload is undefined if null
+    schoolDays: formValues.value.schoolDays ?? 0, // Garante que schoolDays seja um número
+  }
+
+  // Prepara as disciplinas para envio, garantindo que `disciplineId` seja preenchido
+  const disciplinesToSave = disciplines.value.map((discipline) => {
+    const selectedDiscipline = disciplineList.value.find(d => d.name === discipline.name)
+    if (!selectedDiscipline) {
+      throw new Error(`Disciplina "${discipline.name}" não encontrada na lista de disciplinas disponíveis.`)
+    }
+
+    return {
+      disciplineId: selectedDiscipline.id, // Garante que `disciplineId` seja preenchido
+      seriesId: series.id, // Vincula o ID da série
+      year: discipline.year ?? 0, // Default to 0 if null
+      workload: discipline.workload ?? 0, // Default to 0 if null
+      createdAt: (discipline.createdAt || new Date()).toISOString(), // Ensure string format
+      updatedAt: isEditing.value ? new Date().toISOString() : null, // Ensure null if not editing
+      deletedAt: discipline.deletedAt || null,
+      tenantId: discipline.tenantId,
+      updatedBy: null, // Add default value for updatedBy
+    }
+  })
+
+  try {
+    const result = await seriesService.upsertSeriesWithDisciplines(series, disciplinesToSave)
+    if (result) {
+      showToast('Série salva com sucesso!', 'top', 'success')
+      emit('saved')
+    }
+  }
+  catch (error) {
+    console.error('Erro ao salvar série:', error)
+    showToast('Erro ao salvar série. Tente novamente.', 'top', 'danger')
+  }
+}
+
+onMounted(async () => {
+  await loadDropdownData()
+  if (isEditing.value) {
+    await loadSeriesData()
+  }
+  else {
+    // Preenche o institutionId no modo de criação
+    formValues.value.institutionId = institutionList.value.length > 0 ? institutionList.value[0].id : ''
+  }
+})
+</script>
+
+<template>
+  <IonPage>
+    <IonContent class="ion-no-padding ion-no-margin">
+      <Form class="ion-margin-horizontal" :initial-values="formValues" @submit="saveSeriesAndDisciplines">
+        <div class="ion-margin style-purple-lane" style="display: flex; align-items: center;">
+          <IonIcon :icon="listSharp" style="margin-right: 10px;" />
+          {{ modalTitle }}
+        </div>
+        <IonSegment
+          v-model="selectedSegment" mode="ios" :scrollable="false"
+          style="margin: 20px 0 0 0; padding: 3px 0 3px 0; font-size: 10px;" :style="{}"
+        >
+          <IonSegmentButton value="general" content-id="general">
+            <IonLabel>
+              Informações Cadastrais
+            </IonLabel>
+          </IonSegmentButton>
+          <IonSegmentButton value="discipline-info" content-id="discipline-info">
+            <IonLabel>Disciplinas</IonLabel>
+          </IonSegmentButton>
+        </IonSegment>
+        <IonSegmentView>
+          <IonSegmentContent id="general">
+            <Field v-slot="{ field, errors }" name="name" label="Nome" rules="required">
+              <IonInput
+                v-model="formValues.name"
+                v-bind="field"
+                label="Nome"
+                label-placement="stacked"
+                fill="outline"
+                placeholder="Digite o nome da série"
+              />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="institutionId">
+              <IonSelect
+                v-model="formValues.institutionId"
+                :disabled="true"
+                v-bind="field"
+                label="Instituição"
+                label-placement="stacked"
+                fill="outline"
+                placeholder="Selecione"
+                cancel-text="Cancelar"
+                justify="space-between"
+              >
+                <IonSelectOption v-for="institution in institutionList" :key="institution.id" :value="institution.id">
+                  {{ institution.name }}
+                </IonSelectOption>
+              </IonSelect>
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="courseId" label="Curso" rules="required">
+              <IonSelect
+                v-model="formValues.courseId"
+                v-bind="field"
+                label="Curso"
+                label-placement="stacked"
+                fill="outline"
+                placeholder="Selecione"
+                cancel-text="Cancelar"
+                justify="space-between"
+                aria-label="Curso"
+              >
+                <IonSelectOption v-for="course in courseList" :key="course.id" :value="course.id">
+                  {{ course.name }}
+                </IonSelectOption>
+              </IonSelect>
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="workload" label="Carga horária" rules="required">
+              <IonInput
+                v-model="formValues.workload"
+                v-bind="field"
+                label="Carga horária"
+                label-placement="stacked"
+                fill="outline"
+                placeholder="Digite a carga horária"
+              />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <IonRow>
+              <IonCol size="6">
+                <Field v-slot="{ field, errors }" name="schoolDays" label="Dias letivos" rules="required">
+                  <IonInput
+                    v-model="formValues.schoolDays"
+                    v-bind="field"
+                    label="Dias letivos"
+                    label-placement="stacked"
+                    fill="outline"
+                    placeholder="Digite os dias letivos"
+                  />
+                  <span class="error-message">{{ errors[0] }}</span>
+                </Field>
+              </IonCol>
+              <IonCol size="6">
+                <Field v-slot="{ field, errors }" name="standardAge">
+                  <IonInput
+                    v-model="formValues.standardAge"
+                    v-bind="field"
+                    label="Idade padrão"
+                    label-placement="stacked"
+                    fill="outline"
+                    placeholder="Digite a idade padrão"
+                  />
+                  <span class="error-message">{{ errors[0] }}</span>
+                </Field>
+              </IonCol>
+            </IonRow>
+            <IonLabel color="primary" class="ion-no-margin">
+              Faixa etária
+            </IonLabel>
+            <IonRow>
+              <IonCol size="6">
+                <Field v-slot="{ field, errors }" name="ageRangeMin">
+                  <IonInput
+                    v-model="formValues.ageRangeMin"
+                    v-bind="field"
+                    label="Mínima"
+                    label-placement="stacked"
+                    fill="outline"
+                    placeholder="Digite a idade mínima"
+                  />
+                  <span class="error-message">{{ errors[0] }}</span>
+                </Field>
+              </IonCol>
+              <IonCol size="6">
+                <Field v-slot="{ field, errors }" name="ageRangeMax">
+                  <IonInput
+                    v-model="formValues.ageRangeMax"
+                    v-bind="field"
+                    label="Máxima"
+                    label-placement="stacked"
+                    fill="outline"
+                    placeholder="Digite a idade máxima"
+                  />
+                  <span class="error-message">{{ errors[0] }}</span>
+                </Field>
+              </IonCol>
+            </IonRow>
+
+            <Field v-slot="{ field, errors }" name="description">
+              <IonInput
+                v-model="formValues.description"
+                v-bind="field"
+                label="Descrição"
+                label-placement="stacked"
+                fill="outline"
+                placeholder="Digite uma descrição"
+              />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+          </IonSegmentContent>
+          <IonSegmentContent id="discipline-info">
+            <IonList>
+              <IonItem v-for="(discipline, index) in disciplines" :key="index">
+                <IonGrid>
+                  <IonRow>
+                    <IonCol size="12">
+                      <Field v-slot="{ field, errors }" name="discipline.name" label="Disciplina" rules="required">
+                        <IonSelect
+                          v-model="discipline.name"
+                          v-bind="field"
+                          label="Disciplina"
+                          label-placement="stacked"
+                          placeholder="Selecione uma disciplina"
+                          cancel-text="Cancelar"
+                          fill="outline"
+                          @ion-change="(e) => updateWorkload(index, e.detail.value)"
+                        >
+                          <IonSelectOption v-for="option in disciplineList" :key="option.id" :value="option.name">
+                            {{ option.name }}
+                          </IonSelectOption>
+                        </IonSelect>
+                        <span class="error-message">{{ errors[0] }}</span>
+                      </Field>
+                    </IonCol>
+                  </IonRow>
+                  <IonRow>
+                    <IonCol size="6">
+                      <Field v-slot="{ field, errors }" name="workload" label="Carga horária" rules="required">
+                        <IonInput
+                          v-model="discipline.workload"
+                          v-bind="field"
+                          label-placement="stacked"
+                          label="Carga horária"
+                          placeholder="Digite a carga horária"
+                          fill="outline"
+                        />
+                        <span class="error-message">{{ errors[0] }}</span>
+                      </Field>
+                    </IonCol>
+                    <IonCol size="6">
+                      <Field v-slot="{ field, errors }" name="year" label="Ano" rules="required">
+                        <IonInput
+                          v-model="discipline.year"
+                          v-bind="field"
+                          label-placement="stacked"
+                          label="Ano"
+                          placeholder="Digite o ano"
+                          fill="outline"
+                        />
+                        <span class="error-message">{{ errors[0] }}</span>
+                      </Field>
+                    </IonCol>
+
+                    <IonCol size="12" class="ion-text-end">
+                      <IonButton color="danger" @click="removeDiscipline(index)">
+                        Remover
+                      </IonButton>
+                    </IonCol>
+                  </IonRow>
+                </IonGrid>
+              </IonItem>
+            </IonList>
+
+            <IonButton expand="block" @click="addDiscipline">
+              Adicionar Disciplina
+            </IonButton>
+          </IonSegmentContent>
+        </IonSegmentView>
+      </Form>
+    </IonContent>
+    <div>
+      <IonGrid>
+        <IonRow>
+          <IonCol size="6">
+            <IonButton :disabled="false" color="danger" expand="full" @click="closeModal(false)">
+              Cancelar
+            </IonButton>
+          </IonCol>
+          <IonCol size="6">
+            <IonButton :disabled="!hasChanges" color="secondary" expand="full" @click="saveSeriesAndDisciplines">
+              Salvar
+            </IonButton>
+          </IonCol>
+        </IonRow>
+      </IonGrid>
+    </div>
+  </IonPage>
+</template>
+
+<style scoped>
+.error-message {
+  color: red;
+  font-size: 0.9em;
+}
+
+.style-purple-lane {
+  background: rgba(var(--ion-color-secondary-rgb), 0.15);
+  color: var(--ion-color-secondary);
+  padding: 2px 2px 2px 2px;
+  margin: 8px 2px 8px 2px;
+}
+
+.title-identifier {
+  background: rgba(var(--ion-color-secondary-rgb), 0.15);
+  color: var(--ion-color-secondary);
+  padding: 1px 0px 0px 5px;
+  margin: 10px 2px 12px 2px;
+}
+
+ion-segment-content#general ion-input, ion-select {
+  margin: 10px 0px 12px 0px;
+  color: var(--ion-color-secondary);
+}
+
+ion-segment-content#complementary ion-input, ion-select {
+  margin: 10px 0px 12px 0px;
+  color: var(--ion-color-secondary);
+}
+
+.accordion-header-color {
+  /* --background: var(--ion-color-secondary-tint); */
+  --background: rgba(var(--ion-color-primary-rgb), 0.2);
+  /* font-weight: bold; */
+  padding: 0px;
+  border-radius: 0px;
+}
+</style>
diff --git a/src/modules/teacher-journey b/src/modules/teacher-journey
index 70bd6bb..48924d7 160000
--- a/src/modules/teacher-journey
+++ b/src/modules/teacher-journey
@@ -1 +1 @@
-Subproject commit 70bd6bb9b648990339b575933f4a41c06934dc50
+Subproject commit 48924d76985870311ce04ea4fc653db0e0895fe4
diff --git a/src/types/database.types.ts b/src/types/database.types.ts
index 380557c..3d0cf94 100644
--- a/src/types/database.types.ts
+++ b/src/types/database.types.ts
@@ -367,8 +367,8 @@ export interface Database {
         }
         Insert: {
           course_modality?:
-          | Database['public']['Enums']['course_modality']
-          | null
+            | Database['public']['Enums']['course_modality']
+            | null
           course_stage?: string | null
           createdAt?: string
           deletedAt?: string | null
@@ -387,8 +387,8 @@ export interface Database {
         }
         Update: {
           course_modality?:
-          | Database['public']['Enums']['course_modality']
-          | null
+            | Database['public']['Enums']['course_modality']
+            | null
           course_stage?: string | null
           createdAt?: string
           deletedAt?: string | null
@@ -1315,8 +1315,8 @@ export interface Database {
           place_of_birth: string | null
           postalcode: string | null
           residence_zone:
-          | Database['public']['Enums']['residence_zone_type']
-          | null
+            | Database['public']['Enums']['residence_zone_type']
+            | null
           responsibleType: Database['public']['Enums']['responsibletype'] | null
           rg_issue_date: string | null
           rg_issuer: string | null
@@ -1360,11 +1360,11 @@ export interface Database {
           place_of_birth?: string | null
           postalcode?: string | null
           residence_zone?:
-          | Database['public']['Enums']['residence_zone_type']
-          | null
+            | Database['public']['Enums']['residence_zone_type']
+            | null
           responsibleType?:
-          | Database['public']['Enums']['responsibletype']
-          | null
+            | Database['public']['Enums']['responsibletype']
+            | null
           rg_issue_date?: string | null
           rg_issuer?: string | null
           rg_number?: string | null
@@ -1407,11 +1407,11 @@ export interface Database {
           place_of_birth?: string | null
           postalcode?: string | null
           residence_zone?:
-          | Database['public']['Enums']['residence_zone_type']
-          | null
+            | Database['public']['Enums']['residence_zone_type']
+            | null
           responsibleType?:
-          | Database['public']['Enums']['responsibletype']
-          | null
+            | Database['public']['Enums']['responsibletype']
+            | null
           rg_issue_date?: string | null
           rg_issuer?: string | null
           rg_number?: string | null
@@ -1764,65 +1764,65 @@ export interface Database {
     Enums: {
       attendance_status: 'PRESENT' | 'ABSENT' | 'EXCUSED'
       course_modality:
-      | 'Ensino Regular'
-      | 'EJA'
-      | 'Educação Profissional'
-      | 'Educação Especial'
+        | 'Ensino Regular'
+        | 'EJA'
+        | 'Educação Profissional'
+        | 'Educação Especial'
       course_stage_type:
-      | 'Etapa 1'
-      | 'Etapa 2'
-      | 'Etapa 3'
-      | 'Etapa 4'
-      | 'Etapa 5'
-      | 'Etapa 6'
+        | 'Etapa 1'
+        | 'Etapa 2'
+        | 'Etapa 3'
+        | 'Etapa 4'
+        | 'Etapa 5'
+        | 'Etapa 6'
       day_of_week:
-      | 'Segunda'
-      | 'Terça'
-      | 'Quarta'
-      | 'Quinta'
-      | 'Sexta'
-      | 'Sábado'
-      | 'Domingo'
+        | 'Segunda'
+        | 'Terça'
+        | 'Quarta'
+        | 'Quinta'
+        | 'Sexta'
+        | 'Sábado'
+        | 'Domingo'
       deficiency_type:
-      | 'Visual'
-      | 'Auditiva'
-      | 'Física'
-      | 'Intelectual'
-      | 'Mental'
-      | 'Múltipla'
-      | 'Outros'
-      | 'Não possui'
+        | 'Visual'
+        | 'Auditiva'
+        | 'Física'
+        | 'Intelectual'
+        | 'Mental'
+        | 'Múltipla'
+        | 'Outros'
+        | 'Não possui'
       ethnicity_type:
-      | 'Branca'
-      | 'Preta'
-      | 'Parda'
-      | 'Amarela'
-      | 'Indígena'
-      | 'Não declarada'
+        | 'Branca'
+        | 'Preta'
+        | 'Parda'
+        | 'Amarela'
+        | 'Indígena'
+        | 'Não declarada'
       gender_type: 'Masculino' | 'Feminino'
       graduate_status: 'Sim' | 'Não'
       marital_status_type:
-      | 'Solteiro'
-      | 'Casado'
-      | 'Divorciado'
-      | 'Viúvo'
-      | 'Separado'
-      | 'União Estável'
-      | 'Não Informado'
+        | 'Solteiro'
+        | 'Casado'
+        | 'Divorciado'
+        | 'Viúvo'
+        | 'Separado'
+        | 'União Estável'
+        | 'Não Informado'
       period: 'Manhã' | 'Tarde' | 'Noite'
       regime_type: 'Presencial' | 'EAD' | 'Semi-Presencial'
       residence_zone_type: 'Urbana' | 'Rural'
       responsibletype: 'Pai' | 'Mãe' | 'Ambos'
       situation_type:
-      | 'Pendente'
-      | 'Cursando'
-      | 'Aprovado'
-      | 'Aprovado pelo Conselho'
-      | 'Aprovado com Dependência'
-      | 'Reprovado'
-      | 'Transferido'
-      | 'Abandono'
-      | 'Falecido'
+        | 'Pendente'
+        | 'Cursando'
+        | 'Aprovado'
+        | 'Aprovado pelo Conselho'
+        | 'Aprovado com Dependência'
+        | 'Reprovado'
+        | 'Transferido'
+        | 'Abandono'
+        | 'Falecido'
       status: 'Ativo' | 'Inativo' | 'Graduado' | 'Suspenso' | 'Transferido'
       teaching_type: 'Complementar' | 'Padrão'
     }
@@ -1839,80 +1839,80 @@ export type Tables<
   | keyof (PublicSchema['Tables'] & PublicSchema['Views'])
   | { schema: keyof Database },
   TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
-  ? keyof (Database[PublicTableNameOrOptions['schema']]['Tables'] &
-    Database[PublicTableNameOrOptions['schema']]['Views'])
-  : never = never,
+    ? keyof (Database[PublicTableNameOrOptions['schema']]['Tables'] &
+      Database[PublicTableNameOrOptions['schema']]['Views'])
+    : never = never,
 > = PublicTableNameOrOptions extends { schema: keyof Database }
   ? (Database[PublicTableNameOrOptions['schema']]['Tables'] &
     Database[PublicTableNameOrOptions['schema']]['Views'])[TableName] extends {
       Row: infer R
     }
-  ? R
-  : never
+      ? R
+      : never
   : PublicTableNameOrOptions extends keyof (PublicSchema['Tables'] &
     PublicSchema['Views'])
-  ? (PublicSchema['Tables'] &
-    PublicSchema['Views'])[PublicTableNameOrOptions] extends {
-      Row: infer R
-    }
-  ? R
-  : never
-  : never
+    ? (PublicSchema['Tables'] &
+      PublicSchema['Views'])[PublicTableNameOrOptions] extends {
+        Row: infer R
+      }
+        ? R
+        : never
+    : never
 
 export type TablesInsert<
   PublicTableNameOrOptions extends
   | keyof PublicSchema['Tables']
   | { schema: keyof Database },
   TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
-  ? keyof Database[PublicTableNameOrOptions['schema']]['Tables']
-  : never = never,
+    ? keyof Database[PublicTableNameOrOptions['schema']]['Tables']
+    : never = never,
 > = PublicTableNameOrOptions extends { schema: keyof Database }
   ? Database[PublicTableNameOrOptions['schema']]['Tables'][TableName] extends {
     Insert: infer I
   }
-  ? I
-  : never
+    ? I
+    : never
   : PublicTableNameOrOptions extends keyof PublicSchema['Tables']
-  ? PublicSchema['Tables'][PublicTableNameOrOptions] extends {
-    Insert: infer I
-  }
-  ? I
-  : never
-  : never
+    ? PublicSchema['Tables'][PublicTableNameOrOptions] extends {
+      Insert: infer I
+    }
+      ? I
+      : never
+    : never
 
 export type TablesUpdate<
   PublicTableNameOrOptions extends
   | keyof PublicSchema['Tables']
   | { schema: keyof Database },
   TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
-  ? keyof Database[PublicTableNameOrOptions['schema']]['Tables']
-  : never = never,
+    ? keyof Database[PublicTableNameOrOptions['schema']]['Tables']
+    : never = never,
 > = PublicTableNameOrOptions extends { schema: keyof Database }
   ? Database[PublicTableNameOrOptions['schema']]['Tables'][TableName] extends {
     Update: infer U
   }
-  ? U
-  : never
+    ? U
+    : never
   : PublicTableNameOrOptions extends keyof PublicSchema['Tables']
-  ? PublicSchema['Tables'][PublicTableNameOrOptions] extends {
-    Update: infer U
-  }
-  ? U
-  : never
-  : never
+    ? PublicSchema['Tables'][PublicTableNameOrOptions] extends {
+      Update: infer U
+    }
+      ? U
+      : never
+    : never
 
 export type Enums<
   PublicEnumNameOrOptions extends
   | keyof PublicSchema['Enums']
   | { schema: keyof Database },
   EnumName extends PublicEnumNameOrOptions extends { schema: keyof Database }
-  ? keyof Database[PublicEnumNameOrOptions['schema']]['Enums']
-  : never = never,
+    ? keyof Database[PublicEnumNameOrOptions['schema']]['Enums']
+    : never = never,
 > = PublicEnumNameOrOptions extends { schema: keyof Database }
   ? Database[PublicEnumNameOrOptions['schema']]['Enums'][EnumName]
   : PublicEnumNameOrOptions extends keyof PublicSchema['Enums']
-  ? PublicSchema['Enums'][PublicEnumNameOrOptions]
-  : never
+    ? PublicSchema['Enums'][PublicEnumNameOrOptions]
+    : never
 
 export type CompositeTypes<
   PublicCompositeTypeNameOrOptions extends
@@ -1921,10 +1921,10 @@ export type CompositeTypes<
   CompositeTypeName extends PublicCompositeTypeNameOrOptions extends {
     schema: keyof Database
   }
-  ? keyof Database[PublicCompositeTypeNameOrOptions['schema']]['CompositeTypes']
-  : never = never,
+    ? keyof Database[PublicCompositeTypeNameOrOptions['schema']]['CompositeTypes']
+    : never = never,
 > = PublicCompositeTypeNameOrOptions extends { schema: keyof Database }
   ? Database[PublicCompositeTypeNameOrOptions['schema']]['CompositeTypes'][CompositeTypeName]
   : PublicCompositeTypeNameOrOptions extends keyof PublicSchema['CompositeTypes']
-  ? PublicSchema['CompositeTypes'][PublicCompositeTypeNameOrOptions]
-  : never
+    ? PublicSchema['CompositeTypes'][PublicCompositeTypeNameOrOptions]
+    : never
diff --git a/src/utils/validationRules.ts b/src/utils/validationRules.ts
index 723f739..70e394f 100644
--- a/src/utils/validationRules.ts
+++ b/src/utils/validationRules.ts
@@ -8,10 +8,64 @@ import {
 } from 'validations-br'
 import { defineRule } from 'vee-validate'
 
-defineRule('required', required)
-defineRule('min', min)
-defineRule('max', max)
-defineRule('email', email)
+const fieldLabels: Record<string, string> = {
+  inepCode: 'Código INEP',
+  schoolName: 'Nome da Escola',
+  corporateName: 'Razão Social',
+  cnpj: 'CNPJ',
+  educationNetwork: 'Rede de Ensino',
+  postalCode: 'CEP',
+  state: 'Estado',
+  address: 'Endereço',
+  addressNumber: 'Número',
+  additionalInfo: 'Complemento',
+  neighborhood: 'Bairro',
+  city: 'Município',
+  unusualLocation: 'Localização diferenciada da escola',
+  phone1: 'Telefone 1',
+  phone2: 'Telefone 2',
+  email: 'E-mail',
+  website: 'Site',
+  abbreviation: 'Sigla',
+  blockJournalEntries: 'Bloquear lançamento no diário',
+  usesAlternativeRules: 'Utiliza regra alternativa de avaliação',
+  operationalStatus: 'Situação de Funcionamento',
+  administrativeDependency: 'Dependência Administrativa',
+  // Add more mappings as needed
+}
+
+defineRule('required', (value: string, _, context) => {
+  const fieldLabel = fieldLabels[context.field] || context.field
+  if (!value) {
+    return `O campo "${fieldLabel}" é obrigatório.`
+  }
+  return true
+})
+
+defineRule('min', (value: string, [min]: [number], context) => {
+  const fieldLabel = fieldLabels[context.field] || context.field
+  if (value.length < min) {
+    return `O campo "${fieldLabel}" deve ter pelo menos ${min} caracteres.`
+  }
+  return true
+})
+
+defineRule('max', (value: string, [max]: [number], context) => {
+  const fieldLabel = fieldLabels[context.field] || context.field
+  if (value.length > max) {
+    return `O campo "${fieldLabel}" deve ter no máximo ${max} caracteres.`
+  }
+  return true
+})
+
+defineRule('email', (value: string, _, context) => {
+  const fieldLabel = fieldLabels[context.field] || context.field
+  const emailRegex = /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/
+  if (!emailRegex.test(value)) {
+    return `O campo "${fieldLabel}" deve ser um e-mail válido.`
+  }
+  return true
+})
 
 defineRule('cpf', (value: string) => {
   if (!value || !validateCPF(value)) {
@@ -104,3 +158,12 @@ defineRule('somaAtividades', (_value: string, _, context) => {
     return 'A soma das atividades não pode ultrapassar 10'
   return true
 })
+
+defineRule('postalCode', (value: string, _, context) => {
+  const fieldLabel = fieldLabels[context.field] || context.field
+  const postalCodeRegex = /^\d{5}-\d{3}$/
+  if (!postalCodeRegex.test(value)) {
+    return `O campo "${fieldLabel}" deve ser um CEP válido.`
+  }
+  return true
+})