From a36e9589f577bae440d4efcbbbbfc9dda22996a7 Mon Sep 17 00:00:00 2001
From: alan-cleveston <alan.cleveston@softagon.com.br>
Date: Fri, 9 May 2025 17:25:15 -0300
Subject: [PATCH 01/11] =?UTF-8?q?chore:=20iniciando=20formul=C3=A1rio=20de?=
 =?UTF-8?q?=20s=C3=A9ries?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/SeriesForm.vue                 | 162 ++++++++++++------
 .../components/SeriesList.vue                 |  20 +--
 .../views/DashboardSchools.vue                |  22 +--
 .../views/DashboardSeries.vue                 |  58 +++++--
 .../views/RegisterSchool.vue                  |   1 +
 .../views/RegisterSeries.vue                  |  53 +++---
 6 files changed, 194 insertions(+), 122 deletions(-)

diff --git a/src/modules/school-management/components/SeriesForm.vue b/src/modules/school-management/components/SeriesForm.vue
index bc0aa27..beea761 100644
--- a/src/modules/school-management/components/SeriesForm.vue
+++ b/src/modules/school-management/components/SeriesForm.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import type { Tables } from '@/types/database.types'
+import type { Decimal } from '@prisma/client/runtime/library'
 import EpInput from '@/components/EpInput.vue'
 import showToast from '@/utils/toast-alert'
-import { IonLabel, IonSegment, IonSegmentButton, IonSelect, IonSelectOption } from '@ionic/vue'
-import { useForm } from 'vee-validate'
+import { IonIcon, IonInput, IonLabel, 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 } from 'vue'
 import { useRouter } from 'vue-router'
 import * as yup from 'yup'
@@ -11,8 +12,6 @@ import InstitutionService from '../../institution/services/InstitutionService'
 import SchoolService from '../../institution/services/SchoolService'
 import SeriesService from '../../institution/services/SeriesService'
 import CourseService from '../services/CourseService'
-import { Decimal } from '@prisma/client/runtime/library'
-
 
 defineEmits<{
   (e: 'cancel'): void
@@ -257,60 +256,113 @@ onMounted(async () => {
 </script>
 
 <template>
-  <IonSegment v-model="selectedSegment">
-    <IonSegmentButton value="general-info">
-      <IonLabel style="font-size: calc(1rem - 2px);">
-        Informações Gerais
-      </IonLabel>
-    </IonSegmentButton>
-  </IonSegment>
+  <Form>
+    <div class="ion-margin style-purple-lane" style="display: flex; align-items: center;">
+      <IonIcon :icon="listSharp" style="margin-right: 10px;" />
+      Nova série
+    </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="rules" content-id="rules">
+        <IonLabel>Regras de avaliação</IonLabel>
+      </IonSegmentButton>
+    </IonSegment>
 
-  <div v-show="selectedSegment === 'general-info'">
-    <ion-list id="institutionList">
-      <IonSelect v-model="institutionId" :disabled="true" fill="outline" cancel-text="Cancelar"
-        label-placement="floating" justify="space-between" label="Instituição*" placeholder="Selecione" @ion-change="(e) => {
-          setFieldValue('institutionId', e.detail.value)
-        }">
-        <IonSelectOption v-for="institution in institutionList" :key="institution.id" :value="institution.id">
-          {{ institution.name }}
-        </IonSelectOption>
-      </IonSelect>
-    </ion-list>
+    <IonSegmentView>
+      <IonSegmentContent id="general">
+        <Field name="serieName">
+          <IonInput v-model="values.name" name="name" label="Nome*" label-placement="stacked" fill="outline" placeholder="Digite o nome da série" />
+        </Field>
 
-    <ion-list id="courseList">
-      <IonSelect v-model="courseId" fill="outline" cancel-text="Cancelar" label-placement="floating"
-        justify="space-between" label="Curso*" placeholder="Selecione" @ion-change="(e) => {
-          setFieldValue('courseId', e.detail.value)
-        }">
-        <IonSelectOption v-for="course in courseList" :key="course.id" :value="course.id">
-          {{ course.name }}
-        </IonSelectOption>
-      </IonSelect>
-    </ion-list>
+        <Field name="institutionList">
+          <IonSelect
+            v-model="institutionId" :disabled="true" fill="outline" cancel-text="Cancelar"
+            label-placement="stacked" justify="space-between" label="Instituição*" placeholder="Selecione" @ion-change="(e) => {
+              setFieldValue('institutionId', e.detail.value)
+            }"
+          >
+            <IonSelectOption v-for="institution in institutionList" :key="institution.id" :value="institution.id">
+              {{ institution.name }}
+            </IonSelectOption>
+          </IonSelect>
+        </Field>
 
-    <EpInput v-model="values.name" name="name" label="Nome*" placeholder="Digite o nome da série" />
+        <Field name="courseList">
+          <IonSelect
+            v-model="courseId" fill="outline" cancel-text="Cancelar" label-placement="stacked"
+            justify="space-between" label="Curso*" placeholder="Selecione" @ion-change="(e) => {
+              setFieldValue('courseId', e.detail.value)
+            }"
+          >
+            <IonSelectOption v-for="course in courseList" :key="course.id" :value="course.id">
+              {{ course.name }}
+            </IonSelectOption>
+          </IonSelect>
+        </Field>
 
-    <ion-list id="course_stage">
-      <IonSelect v-model="values.courseStage" fill="outline" cancel-text="Cancelar" label-placement="floating"
-        justify="space-between" label="Etapa Curso*" placeholder="Selecione"
-        @ion-change="(e) => setFieldValue('courseStage', e.target.value)">
-        <IonSelectOption v-for="stage in course_stage" :key="stage" :value="stage">
-          {{ stage }}
-        </IonSelectOption>
-      </IonSelect>
-    </ion-list>
+        <Field name="discipline">
+          <IonSelect
+            v-model="values.graduate" fill="outline" cancel-text="Cancelar" label-placement="stacked"
+            justify="space-between" label="Disciplina*" placeholder="Selecione"
+            @ion-change="(e) => setFieldValue('graduate', e.target.value)"
+          >
+            <IonSelectOption v-for="graduate in graduate" :key="graduate" :value="graduate">
+              {{ graduate }}
+            </IonSelectOption>
+          </IonSelect>
+        </Field>
 
-    <ion-list id="graduate">
-      <IonSelect v-model="values.graduate" fill="outline" cancel-text="Cancelar" label-placement="floating"
-        justify="space-between" label="Concluinte*" placeholder="Selecione"
-        @ion-change="(e) => setFieldValue('graduate', e.target.value)">
-        <IonSelectOption v-for="graduate in graduate" :key="graduate" :value="graduate">
-          {{ graduate }}
-        </IonSelectOption>
-      </IonSelect>
-    </ion-list>
+        <Field name="course_stage">
+          <IonSelect
+            v-model="values.courseStage" fill="outline" cancel-text="Cancelar" label-placement="stacked"
+            justify="space-between" label="Etapa Curso*" placeholder="Selecione"
+            @ion-change="(e) => setFieldValue('courseStage', e.target.value)"
+          >
+            <IonSelectOption v-for="stage in course_stage" :key="stage" :value="stage">
+              {{ stage }}
+            </IonSelectOption>
+          </IonSelect>
+        </Field>
 
-    <EpInput v-model="values.workload" name="workload" label="Carga Horária*" placeholder="Digite a carga horária" />
-    <EpInput v-model="values.schoolDays" name="schoolDays" label="Dias Letivos*" placeholder="Digite os dias letivos" />
-  </div>
+        <Field name="serieDescription">
+          <IonInput v-model="values.description" name="Descrição" label="Descrição" label-placement="stacked" fill="outline" placeholder="Digite uma descrição da série" />
+        </Field>
+      </IonSegmentContent>
+      <IonSegmentContent id="rules">
+        <EpInput v-model="values.workload" name="workload" label="Carga Horária*" placeholder="Digite a carga horária" />
+        <EpInput v-model="values.schoolDays" name="schoolDays" label="Dias Letivos*" placeholder="Digite os dias letivos" />
+      </IonSegmentContent>
+    </IonSegmentView>
+  </Form>
 </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;
+}
+
+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);
+}
+</style>
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/views/DashboardSchools.vue b/src/modules/school-management/views/DashboardSchools.vue
index 2fb1904..868a8ae 100644
--- a/src/modules/school-management/views/DashboardSchools.vue
+++ b/src/modules/school-management/views/DashboardSchools.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { IonButton, IonContent, IonIcon, IonModal } from '@ionic/vue'
 import type { Tables } from '@/types/database.types'
-import { add } from 'ionicons/icons'
-import { useRouter } from 'vue-router'
-import { computed, onMounted, ref } from 'vue'
-import SchoolService from '../services/SchoolService'
 import ContentLayout from '@/components/theme/ContentLayout.vue'
 import SchoolCards from '@/modules/school-management/components/SchoolCards.vue'
 import SchoolList from '@/modules/school-management/components/SchoolList.vue'
+import { IonButton, IonContent, IonIcon, IonModal } from '@ionic/vue'
+import { add } from 'ionicons/icons'
+import { computed, onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import SchoolService from '../services/SchoolService'
 import RegisterSchool from './RegisterSchool.vue'
 
 // const router = useRouter()
@@ -78,17 +78,17 @@ onMounted(() => {
       <ion-title>Escolas ativas ({{ filteredDataList.length }})</ion-title>
     </ion-toolbar>
     <SearchBox table="school" placeholder="Nome da escola" @update:search-result="searchResult = $event" @update:new-item="newItem = $event" />
-    
+
     <ion-row class="ion-align-items-center ion-justify-content-between">
       <ion-col size="10">
         <ion-searchbar v-model="searchQuery" placeholder="Buscar escola" />
       </ion-col>
       <ion-col size="2" class="ion-text-end">
-        <ion-button id="add-btn" expand="block" class="ion-text-uppercase" @click="setModalAddSchool(true)">
-          <ion-icon slot="icon-only" :icon="add" class="ion-hide-sm-up" />
-          <ion-icon slot="start" :icon="add" class="ion-hide-sm-down" />
+        <IonButton id="add-btn" expand="block" class="ion-text-uppercase" @click="setModalAddSchool(true)">
+          <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>
-        </ion-button>
+        </IonButton>
       </ion-col>
     </ion-row>
     <SchoolList :data-list="filteredDataList" />
@@ -103,7 +103,7 @@ onMounted(() => {
       <IonContent>
         <RegisterSchool />
       </IonContent>
-  </IonModal>
+    </IonModal>
   </ContentLayout>
 </template>
 
diff --git a/src/modules/school-management/views/DashboardSeries.vue b/src/modules/school-management/views/DashboardSeries.vue
index a89cdc0..3bd3062 100644
--- a/src/modules/school-management/views/DashboardSeries.vue
+++ b/src/modules/school-management/views/DashboardSeries.vue
@@ -1,12 +1,15 @@
 <script setup lang="ts">
 import type { Tables } from '@/types/database.types'
 import ContentLayout from '@/components/theme/ContentLayout.vue'
-import SchoolCards from '@/modules/school-management/components/SchoolCards.vue'
+// import SchoolCards from '@/modules/school-management/components/SchoolCards.vue'
 import SeriesList from '@/modules/school-management/components/SeriesList.vue'
+import { IonButton, IonCol, IonContent, IonIcon, IonModal, IonRow } from '@ionic/vue'
+import { set } from 'better-auth/*'
 import { add } from 'ionicons/icons'
 import { computed, onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import SeriesService from '../services/SeriesService'
+import RegisterSeries from './RegisterSeries.vue'
 
 const router = useRouter()
 
@@ -18,6 +21,15 @@ const classCount = ref(25)
 const approvalRate = ref(48)
 const teacherCount = ref(30)
 const searchQuery = ref('')
+const isModalAddSchool = ref(false)
+
+function setModalAddSeries(open: boolean) {
+  isModalAddSchool.value = open
+  if (open) {
+    isModalAddSchool.value = false
+    setTimeout(() => (isModalAddSchool.value = true), 10)
+  }
+}
 
 const filteredDataList = computed(() => {
   if (!searchQuery.value) {
@@ -39,9 +51,9 @@ async function loadSeries() {
   }
 }
 
-function navigateToRegister() {
-  router.push({ name: 'RegisterSeries' })
-}
+// function navigateToRegister() {
+//   router.push({ name: 'RegisterSeries' })
+// }
 
 onMounted(() => {
   loadSeries()
@@ -50,26 +62,38 @@ onMounted(() => {
 
 <template>
   <ContentLayout>
-    <SchoolCards
+    <!-- <SchoolCards
       :student-count="schoolCount" :class-count="classCount" :approval-rate="approvalRate"
       :teacher-count="teacherCount"
-    />
+    /> -->
     <ion-toolbar>
-      <ion-title>Séries ativas ({{ filteredDataList.length }})</ion-title>
+      <!-- <ion-title>Séries ativas ({{ filteredDataList.length }})</ion-title> -->
     </ion-toolbar>
-    <ion-row class="ion-align-items-center ion-justify-content-between">
-      <ion-col size="10">
+    <IonRow class="ion-align-items-center ion-justify-content-between">
+      <IonCol size="10">
         <ion-searchbar v-model="searchQuery" placeholder="Buscar séries" />
-      </ion-col>
-      <ion-col size="2" class="ion-text-end">
-        <ion-button id="add-btn" expand="block" class="ion-text-uppercase" @click="navigateToRegister">
-          <ion-icon slot="icon-only" :icon="add" class="ion-hide-sm-up" />
-          <ion-icon slot="start" :icon="add" class="ion-hide-sm-down" />
+      </IonCol>
+      <IonCol size="2" class="ion-text-end">
+        <IonButton id="add-btn" expand="block" class="ion-text-uppercase" @click="setModalAddSeries(true)">
+          <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>
-        </ion-button>
-      </ion-col>
-    </ion-row>
+        </IonButton>
+      </IonCol>
+    </IonRow>
     <SeriesList :data-list="filteredDataList" />
+
+    <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 />
+      </IonContent>
+    </IonModal>
   </ContentLayout>
 </template>
 
diff --git a/src/modules/school-management/views/RegisterSchool.vue b/src/modules/school-management/views/RegisterSchool.vue
index 5bc309f..cb5d2da 100644
--- a/src/modules/school-management/views/RegisterSchool.vue
+++ b/src/modules/school-management/views/RegisterSchool.vue
@@ -49,6 +49,7 @@ const school = ref<School>({
   idpes: null,
   cnpj: null,
   address: null,
+  state: null,
   city: null,
   state: null,
   postalCode: null,
diff --git a/src/modules/school-management/views/RegisterSeries.vue b/src/modules/school-management/views/RegisterSeries.vue
index 103c794..e02ca5f 100644
--- a/src/modules/school-management/views/RegisterSeries.vue
+++ b/src/modules/school-management/views/RegisterSeries.vue
@@ -16,34 +16,35 @@ function handleSave() {
 </script>
 
 <template>
-  <content-layout :show-footer="true">
-    <template #header-buttons>
+  <!-- <content-layout :show-footer="true"> -->
+  <!-- <template #header-buttons>
       <ion-buttons slot="start">
         <ion-back-button default-href="/" />
       </ion-buttons>
-    </template>
-    <template #description>
-      Todos os campos são obrigatórios, a menos que indicado de outra forma.
-    </template>
-    <div id="series-form">
-      <SeriesForm ref="seriesFormRef" @cancel="handleCancel" @save="handleSave" />
-    </div>
+    </template> -->
+  <!-- <template #description>
+    Todos os campos são obrigatórios, a menos que indicado de outra forma.
+  </template> -->
+  <div id="series-form">
+    <SeriesForm ref="seriesFormRef" @cancel="handleCancel" @save="handleSave" />
+  </div>
 
-    <template #footer>
-      <ion-grid>
-        <ion-row class="ion-justify-content-between">
-          <ion-col>
-            <ion-button expand="block" color="danger" @click="handleCancel">
-              Cancelar
-            </ion-button>
-          </ion-col>
-          <ion-col>
-            <ion-button expand="block" color="primary" @click="handleSave">
-              Salvar
-            </ion-button>
-          </ion-col>
-        </ion-row>
-      </ion-grid>
-    </template>
-  </content-layout>
+  <!-- <template #footer> -->
+  <!-- <ion-grid>
+    <ion-row class="ion-justify-content-between">
+      <ion-col>
+        <ion-button expand="block" color="danger" @click="handleCancel">
+          Cancelar
+        </ion-button>
+      </ion-col>
+      <ion-col>
+        <ion-button expand="block" color="primary" @click="handleSave">
+          Salvar
+        </ion-button>
+      </ion-col>
+    </ion-row>
+  </ion-grid> -->
+  <!-- </template> -->
+  <!-- </content-layout> -->
+  <!-- </template> -->
 </template>

From b727533c9d597ce1e0699101be8d7ffacdc36a82 Mon Sep 17 00:00:00 2001
From: alan-cleveston <alan.cleveston@softagon.com.br>
Date: Tue, 13 May 2025 17:26:17 -0300
Subject: [PATCH 02/11] =?UTF-8?q?chore:=20fun=C3=A7=C3=A3o=20de=20inserir?=
 =?UTF-8?q?=20s=C3=A9rie?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 prisma/schema.prisma                          |  368 +++--
 src/components/ListWithAction.vue             |   79 +
 src/components/RegistredItems.vue             |  226 +++
 src/components/theme/ContentLayout.vue        |    8 +-
 .../components/SeriesForm.vue                 |  105 +-
 src/modules/school-management/routes.ts       |   29 +-
 .../services/CourseService.ts                 |   18 +
 .../services/DisciplineService.ts             |   29 +
 .../services/SeriesService.ts                 |   89 +-
 .../services/ServerFunctionService.ts         |  145 ++
 .../views/DashboardFunction.vue               |  215 +++
 .../views/DashboardSchools.vue                |  113 +-
 .../views/DashboardSeries.vue                 |   87 +-
 .../views/RegisterFunction.vue                |  194 +++
 .../views/RegisterFunctionMobile.vue          |  272 ++++
 .../views/RegisterSchool.vue                  | 1375 ++++++++++++-----
 .../views/RegisterSeries.vue                  |  509 +++++-
 src/types/database.types.ts                   |  202 +--
 src/utils/validationRules.ts                  |   71 +-
 19 files changed, 3350 insertions(+), 784 deletions(-)
 create mode 100644 src/components/ListWithAction.vue
 create mode 100644 src/components/RegistredItems.vue
 create mode 100644 src/modules/school-management/services/DisciplineService.ts
 create mode 100644 src/modules/school-management/services/ServerFunctionService.ts
 create mode 100644 src/modules/school-management/views/DashboardFunction.vue
 create mode 100644 src/modules/school-management/views/RegisterFunction.vue
 create mode 100644 src/modules/school-management/views/RegisterFunctionMobile.vue

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index de3051d..0b097ea 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -68,13 +68,15 @@ model Classroom {
   startTimeInterval                                                 DateTime?           @db.Timestamp(6)
   endTimeInterval                                                   DateTime?           @db.Timestamp(6)
   endTime                                                           DateTime?           @db.Timestamp(6)
-  dayofweek                                                         dayofweek?
+  dayofweek                                                         dayofweek[]
+  room                                                              String?             @db.VarChar(100)
+  regimeType                                                        regimeType?         @default(Presencial)
   name                                                              String              @db.VarChar(100)
   period                                                            period?             @default(MORNING)
   status                                                            status?             @default(ACTIVE)
   abbreviation                                                      String?             @db.VarChar(100)
   year                                                              Int
-  metadata                                                          Json?
+  isMultiSerialized                                                 Boolean?            @default(false)
   userCreated                                                       String?             @db.VarChar(255)
   createdAt                                                         DateTime?           @default(now()) @db.Timestamp(6)
   deletedAt                                                         DateTime?           @db.Timestamp(6)
@@ -100,31 +102,35 @@ model Classroom {
 }
 
 model Course {
-  id             String           @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
-  name           String           @db.VarChar(100)
-  status         status?          @default(ACTIVE)
-  metadata       Json?
-  createdAt      DateTime?        @default(now()) @db.Timestamp(6)
-  deletedAt      DateTime?        @db.Timestamp(6)
-  updatedAt      DateTime?        @updatedAt @db.Timestamp(6)
-  userCreated    String?          @db.VarChar(255)
-  updatedBy      String?          @db.Uuid
-  tenantId       String?
-  courseStage    Int
-  graduate       String?
-  workload       Decimal?         @db.Decimal
-  teachingType   String
-  regimeType     String?
-  courseModality String
-  institutionId  String           @db.Uuid
-  schoolId       String?          @db.Uuid
-  institution    Institution      @relation(fields: [institutionId], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "course_institutionId_fkey")
-  School         School?          @relation(fields: [schoolId], references: [id])
-  CourseSchool   CourseSchool[]
-  enrollment     Enrollment[]
-  EvaluationRule EvaluationRule[]
-  preenrollment  PreEnrollment[]
-  series         Series[]
+  id                String           @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  name              String           @db.VarChar(100)
+  abbreviation      String?          @db.VarChar(10)
+  description       String?          @db.VarChar(255)
+  numberOfStages    Int?
+  status            status?          @default(ACTIVE)
+  metadata          Json?
+  createdAt         DateTime?        @default(now()) @db.Timestamp(6)
+  deletedAt         DateTime?        @db.Timestamp(6)
+  updatedAt         DateTime?        @updatedAt @db.Timestamp(6)
+  userCreated       String?          @db.VarChar(255)
+  updatedBy         String?          @db.Uuid
+  tenantId          String?
+  timeSerialization timeSerial?
+  courseStage       Int?
+  graduate          graduate?
+  workload          Decimal?         @db.Decimal
+  teachingType      teachingType?
+  regimeType        regimeType?
+  courseModality    courseModality?
+  institutionId     String           @db.Uuid
+  schoolId          String?          @db.Uuid
+  institution       Institution      @relation(fields: [institutionId], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "course_institutionId_fkey")
+  School            School?          @relation(fields: [schoolId], references: [id])
+  CourseSchool      CourseSchool[]
+  enrollment        Enrollment[]
+  EvaluationRule    EvaluationRule[]
+  preenrollment     PreEnrollment[]
+  series            Series[]
 
   @@map("course")
   @@schema("public")
@@ -155,6 +161,7 @@ model Discipline {
   StudentFeedback      StudentFeedback[]
   TeacherAttendance    TeacherAttendance[]
   thematicUnit         ThematicUnit[]
+  SeriesDiscipline     SeriesDiscipline[]     @relation(map: "seriesdiscipline_discipline_id_fkey")
 
   @@map("discipline")
   @@schema("public")
@@ -814,7 +821,7 @@ model School {
   generalUseRooms              Room[]
   labsAndFunctionalAreas       Lab[]
   supportFacilities            Facility[]
-  insideClassroooms            Int?
+  insideClassrooms             Int?
   outsideClassrooms            Int?
   refrigeratedClassrooms       Int?
   accessibleClassrooms         Int?
@@ -822,7 +829,7 @@ model School {
   localNetworkAvailable        Boolean?
   connectionTypes              ConnectionType?
   devicesUsedByStudents        Device[]
-  availabeDesktops             Int?
+  availableDesktops            Int?
   availableLaptops             Int?
   availableTablets             Int?
   teachingEquipments           TeachingEquipment[]
@@ -923,35 +930,56 @@ model SchoolSettings {
 }
 
 model Series {
-  id            String          @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
-  name          String          @db.VarChar(100)
-  courseId      String          @db.Uuid
-  timetableId   String?         @db.Uuid
-  metadata      Json?
-  createdAt     DateTime?       @default(now()) @db.Timestamp(6)
-  deletedAt     DateTime?       @db.Timestamp(6)
-  updatedAt     DateTime?       @updatedAt @db.Timestamp(6)
-  updatedBy     String?         @db.Uuid
-  tenantId      String?
-  userCreated   String?         @db.VarChar(255)
-  institutionId String          @db.Uuid
-  courseStage   String
-  graduate      String
-  workload      Decimal?        @db.Decimal
-  schoolDays    String
-  schoolId      String?         @db.Uuid
-  classroom     Classroom[]
-  enrollment    Enrollment[]
-  preenrollment PreEnrollment[]
-  course        Course          @relation(fields: [courseId], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "series_courseid_fkey")
-  institution   Institution     @relation(fields: [institutionId], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "series_institution_fkey")
-  School        School?         @relation(fields: [schoolId], references: [id])
-  thematicUnit  ThematicUnit[]
+  id                 String             @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  name               String             @db.VarChar(100)
+  description        String?            @db.VarChar(255)
+  standardAge        Int?
+  ageRangeMin        Int?
+  ageRangeMax        Int?
+  outOfRangeAgeBlock Boolean            @default(false)
+  outOfRangeAgeWarn  Boolean            @default(false)
+  courseId           String             @db.Uuid
+  createdAt          DateTime?          @default(now()) @db.Timestamp(6)
+  deletedAt          DateTime?          @db.Timestamp(6)
+  updatedAt          DateTime?          @updatedAt @db.Timestamp(6)
+  updatedBy          String?            @db.Uuid
+  tenantId           String?
+  userCreated        String?            @db.VarChar(255)
+  institutionId      String             @db.Uuid
+  workload           Decimal?           @db.Decimal
+  schoolDays         String
+  schoolId           String?            @db.Uuid
+  classroom          Classroom[]
+  enrollment         Enrollment[]
+  preenrollment      PreEnrollment[]
+  course             Course             @relation(fields: [courseId], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "series_courseid_fkey")
+  institution        Institution        @relation(fields: [institutionId], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "series_institution_fkey")
+  School             School?            @relation(fields: [schoolId], references: [id])
+  thematicUnit       ThematicUnit[]
+  SeriesDiscipline   SeriesDiscipline[] @relation(map: "seriesdiscipline_series_id_fkey")
 
   @@map("series")
   @@schema("public")
 }
 
+model SeriesDiscipline {
+  id           String     @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  seriesId     String     @db.Uuid
+  disciplineId String     @db.Uuid
+  year         Int
+  workload     Decimal    @db.Decimal
+  createdAt    DateTime   @default(now()) @db.Timestamp(6)
+  deletedAt    DateTime?  @db.Timestamp(6)
+  updatedAt    DateTime?  @updatedAt @db.Timestamp(6)
+  updatedBy    String?    @db.Uuid
+  tenantId     String?
+  series       Series     @relation(fields: [seriesId], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "seriesdiscipline_series_id_fkey")
+  discipline   Discipline @relation(fields: [disciplineId], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "seriesdiscipline_discipline_id_fkey")
+
+  @@map("seriesDiscipline")
+  @@schema("public")
+}
+
 model ServerAllocations {
   id          String    @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
   serverId    String    @db.Uuid
@@ -990,6 +1018,7 @@ model Servers {
   tenantId           String?
   userCreated        String?             @db.VarChar(255)
   userId             String?             @db.Uuid
+  functionId         String?             @db.Uuid
   institutionId      String              @db.Uuid
   codServidor        Int
   contract           contractType?       @default(INDETERMINADO)
@@ -997,69 +1026,115 @@ model Servers {
   server_allocations ServerAllocations[]
   institution        Institution         @relation(fields: [institutionId], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "server_institution_fkey")
   User               User?               @relation(fields: [userId], references: [id])
+  ServerFunction     ServerFunction?     @relation(fields: [functionId], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "fk_server_function")
 
   @@map("servers")
   @@schema("public")
 }
 
+model AuthorizedPeople {
+  id        String    @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  name      String    @db.VarChar(100)
+  kinship   String    @db.VarChar(20)
+  phone     String    @db.VarChar(15)
+  email     String?   @db.VarChar(100)
+  studentId String    @db.Uuid
+  createdAt DateTime  @default(now()) @db.Timestamp(6)
+  deletedAt DateTime? @db.Timestamp(6)
+  updatedAt DateTime? @updatedAt @db.Timestamp(6)
+  updatedBy String?   @db.Uuid
+  tenantId  String?
+  student   Student   @relation(fields: [studentId], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "authorized_people_student_id_fkey")
+
+  @@map("authorizedPeople")
+  @@schema("public")
+}
+
 model Student {
-  id                   String                 @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
-  name                 String                 @db.VarChar(100)
-  birthdate            DateTime               @db.Timestamp(6)
-  gender               String?                @db.Char(1)
-  email                String?                @db.VarChar(255)
-  phone                String?                @db.VarChar(15)
-  address              String?                @db.VarChar(255)
-  guardianName         String?                @db.VarChar(100)
-  guardianPhone        String?                @db.VarChar(15)
-  guardianCpf          String?                @db.VarChar(100)
-  guardianEmail        String?                @db.VarChar(100)
-  status               status?                @default(ACTIVE)
-  photo                Bytes?
-  metadata             Json?
-  createdAt            DateTime?              @default(now()) @db.Timestamp(6)
-  deletedAt            DateTime?              @db.Timestamp(6)
-  updatedAt            DateTime?              @updatedAt @db.Timestamp(6)
-  updatedBy            String?                @db.Uuid
-  tenantId             String?
-  userCreated          String?                @db.VarChar(255)
-  schoolId             String?                @db.Uuid
-  postalCode           String?                @db.VarChar(100)
-  residenceZone        residenceZoneType?     @default(URBANA)
-  numberAddress        String?                @db.VarChar(100)
-  cpf                  String?                @unique @db.VarChar(100)
-  neighborhood         String?                @db.VarChar(100)
-  city                 String?                @db.VarChar(100)
-  complement           String?                @db.VarChar(100)
-  fatherName           String?                @db.VarChar(100)
-  fatherEmail          String?                @db.VarChar(100)
-  fatherCpf            String?                @db.VarChar(100)
-  fatherPhone          String?                @db.VarChar(100)
-  motherName           String?                @db.VarChar(100)
-  motherEmail          String?                @db.VarChar(100)
-  motherCpf            String?                @db.VarChar(100)
-  motherPhone          String?                @db.VarChar(100)
-  rgNumber             String?                @unique @db.VarChar(100)
-  rgState              String?                @db.Char(2)
-  rgIssueDate          DateTime?              @db.Date
-  rgIssuer             String?                @db.VarChar(100)
-  birthCertificate     String?                @db.VarChar(100)
-  placeOfBirth         String?                @db.VarChar(100)
-  docsType             String?                @db.VarChar(100)
-  responsibleType      responsibleType?       @default(PAI)
-  citystate            String?                @db.VarChar
-  disability           disabilityType[]
-  Attendance           Attendance[]
-  ConceptualGrade      ConceptualGrade[]
-  DisciplineAttendance DisciplineAttendance[]
-  DisciplineGrade      DisciplineGrade[]
-  enrollment           Enrollment?
-  GeneralAttendance    GeneralAttendance[]
-  GeneralGrade         GeneralGrade[]
-  NumericGrade         NumericGrade[]
-  preenrollment        PreEnrollment?
-  school               School?                @relation(fields: [schoolId], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "student_school")
-  StudentFeedback      StudentFeedback[]
+  id                              String                 @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  name                            String                 @db.VarChar(100)
+  birthdate                       DateTime               @db.Timestamp(6)
+  gender                          String?                @db.Char(1)
+  inepCode                        String?                @db.VarChar(100)
+  bloodType                       bloodType?
+  susNumber                       String?                @db.VarChar(100)
+  isAlergicMedication             Boolean?               @default(false)
+  medicationAlergies              String?                @db.VarChar(100)
+  isAlergicFood                   Boolean?               @default(false)
+  foodAlergies                    String?                @db.VarChar(100)
+  isAlergicOther                  Boolean?               @default(false)
+  otherAlergies                   String?                @db.VarChar(100)
+  isEpileptic                     Boolean?               @default(false)
+  isDiabetic                      Boolean?               @default(false)
+  isCardiac                       Boolean?               @default(false)
+  isAsthmatic                     Boolean?               @default(false)
+  isHypertensive                  Boolean?               @default(false)
+  otherDiseases                   String?                @db.VarChar(100)
+  isOnSpecificMedication          Boolean?               @default(false)
+  specificMedication              String?                @db.VarChar(100)
+  medicalEmergencyAuthorization   Boolean?               @default(false)
+  emergencyContactName            String?                @db.VarChar(100)
+  emergencyContactPhone           String?                @db.VarChar(15)
+  emergencyContactKinship         String?                @db.VarChar(20)
+  hasPhysicalActivityRestrictions Boolean?               @default(false)
+  physicalActivityRestrictions    String?                @db.VarChar(100)
+  hasHealthcarePlan               Boolean?               @default(false)
+  healthcarePlan                  String?                @db.VarChar(100)
+  email                           String?                @db.VarChar(255)
+  phone                           String?                @db.VarChar(15)
+  phone2                          String?                @db.VarChar(15)
+  address                         String?                @db.VarChar(255)
+  guardianName                    String?                @db.VarChar(100)
+  guardianPhone                   String?                @db.VarChar(15)
+  guardianCpf                     String?                @db.VarChar(100)
+  guardianEmail                   String?                @db.VarChar(100)
+  status                          status?                @default(ACTIVE)
+  photo                           Bytes?
+  metadata                        Json?
+  createdAt                       DateTime?              @default(now()) @db.Timestamp(6)
+  deletedAt                       DateTime?              @db.Timestamp(6)
+  updatedAt                       DateTime?              @updatedAt @db.Timestamp(6)
+  updatedBy                       String?                @db.Uuid
+  tenantId                        String?
+  userCreated                     String?                @db.VarChar(255)
+  schoolId                        String?                @db.Uuid
+  postalCode                      String?                @db.VarChar(100)
+  residenceZone                   residenceZoneType?     @default(URBANA)
+  numberAddress                   String?                @db.VarChar(100)
+  cpf                             String?                @unique @db.VarChar(100)
+  neighborhood                    String?                @db.VarChar(100)
+  city                            String?                @db.VarChar(100)
+  complement                      String?                @db.VarChar(100)
+  fatherName                      String?                @db.VarChar(100)
+  fatherEmail                     String?                @db.VarChar(100)
+  fatherCpf                       String?                @db.VarChar(100)
+  fatherPhone                     String?                @db.VarChar(100)
+  motherName                      String?                @db.VarChar(100)
+  motherEmail                     String?                @db.VarChar(100)
+  motherCpf                       String?                @db.VarChar(100)
+  motherPhone                     String?                @db.VarChar(100)
+  rgNumber                        String?                @unique @db.VarChar(100)
+  rgState                         String?                @db.Char(2)
+  rgIssueDate                     DateTime?              @db.Date
+  rgIssuer                        String?                @db.VarChar(100)
+  birthCertificate                String?                @db.VarChar(100)
+  placeOfBirth                    String?                @db.VarChar(100)
+  docsType                        String?                @db.VarChar(100)
+  responsibleType                 responsibleType?       @default(PAI)
+  citystate                       String?                @db.VarChar
+  disability                      disabilityType[]
+  Attendance                      Attendance[]
+  ConceptualGrade                 ConceptualGrade[]
+  DisciplineAttendance            DisciplineAttendance[]
+  DisciplineGrade                 DisciplineGrade[]
+  enrollment                      Enrollment?
+  GeneralAttendance               GeneralAttendance[]
+  GeneralGrade                    GeneralGrade[]
+  NumericGrade                    NumericGrade[]
+  preenrollment                   PreEnrollment?
+  school                          School?                @relation(fields: [schoolId], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "student_school")
+  StudentFeedback                 StudentFeedback[]
+  AuthorizedPeople                AuthorizedPeople[]     @relation(map: "authorized_people_student_id_fkey")
 
   @@map("student")
   @@schema("public")
@@ -1125,6 +1200,24 @@ model EvaluationRule {
   @@schema("public")
 }
 
+model ServerFunction {
+  id           String    @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  name         String    @db.VarChar(100)
+  abbreviation String    @db.VarChar(10)
+  description  String?   @db.VarChar(255)
+  createdAt    DateTime  @default(now()) @db.Timestamp(6)
+  deletedAt    DateTime? @db.Timestamp(6)
+  updatedAt    DateTime? @updatedAt @db.Timestamp(6)
+  updatedBy    String?   @db.Uuid
+  tenantId     String?
+  userCreated  String?   @db.Uuid
+
+  Servers Servers[] @relation(map: "fk_server_function")
+
+  @@map("serverFunction")
+  @@schema("public")
+}
+
 enum attendancestatus {
   PRESENT
   ABSENT
@@ -1156,6 +1249,7 @@ enum period {
   MORNING
   AFTERNOON
   EVENING
+  INTEGRAL
 
   @@schema("public")
 }
@@ -1397,3 +1491,57 @@ enum Language {
 
   @@schema("public")
 }
+
+enum timeSerial {
+  Anual
+  Creche
+
+  @@schema("public")
+}
+
+enum graduate {
+  Fundamental
+  Medio       @map("Médio")
+  Superior
+  Infantil
+
+  @@schema("public")
+}
+
+enum teachingType {
+  Regular
+  Creche
+
+  @@schema("public")
+}
+
+enum regimeType {
+  Presencial
+  Semipresencial
+  EAD
+
+  @@schema("public")
+}
+
+enum courseModality {
+  ensino_regular     @map("Ensino Regular")
+  especial           @map("Ensino Especial")
+  EJA
+  profissionalizante @map("Ensino Profissionalizante")
+
+  @@schema("public")
+}
+
+enum bloodType {
+  A_plus   @map("A+")
+  A_minus  @map("A-")
+  B_plus   @map("B+")
+  B_minus  @map("B-")
+  AB_plus  @map("AB+")
+  AB_minus @map("AB-")
+  O_plus   @map("O+")
+  O_minus  @map("O-")
+  Outro
+
+  @@schema("public")
+}
diff --git a/src/components/ListWithAction.vue b/src/components/ListWithAction.vue
new file mode 100644
index 0000000..4fcffe2
--- /dev/null
+++ b/src/components/ListWithAction.vue
@@ -0,0 +1,79 @@
+<script setup lang="ts">
+import { IonCard, IonCardContent, IonCardHeader, IonCardTitle, IonIcon, IonItem, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonList } from '@ionic/vue'
+import { eye, pencilSharp, school, trashSharp } from 'ionicons/icons'
+
+interface Props {
+  dataList: {
+    abbreviation: string | null
+    active: boolean
+    address: string | null
+    city: string | null
+    createdAt: string
+    deletedAt: string | null
+    email: string | null
+    id: string
+    institution_id: string
+    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
+  }[]
+}
+
+const props = defineProps<Props>()
+const emits = defineEmits(['update:see', 'update:edit', 'update:delete'])
+</script>
+
+<template>
+  <IonCard v-if="true">
+    <IonCardHeader color="secondary">
+      <div style="display: flex; align-items: center; height: 15px;">
+        <IonIcon :icon="school" style="margin-right: 10px; font-size: 16pt;" />
+        <IonCardTitle style="font-size: medium;">
+          Lista de registros ({{ props.dataList.length }})
+        </IonCardTitle>
+      </div>
+    </IonCardHeader>
+
+    <div v-if="true">
+      <IonCardContent class="ion-no-padding">
+        <!-- listando -->
+
+        <IonList>
+          <IonItemSliding v-for="(item, index) in props.dataList" :key="index">
+            <IonItem>
+              <IonLabel class="ion-no-margin" style="margin-top: 5px; margin-bottom: 5px;">
+                <h2>{{ item.name || 'Item sem nome' }}</h2>
+                <p>{{ item.address || 'Sem endereço' }}</p>
+              </IonLabel>
+            </IonItem>
+
+            <IonItemOptions>
+              <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;" />
+                </div>
+              </IonItemOption>
+              <IonItemOption color="primary" @click="emits('update:edit', { modal: true, data: item })">
+                <div style="width: 40px; display: flex; justify-content: center;">
+                  <IonIcon :icon="pencilSharp" style="font-size: 18pt;" />
+                </div>
+              </IonItemOption>
+              <IonItemOption color="danger" @click="emits('update:delete', { modal: true, data: item })">
+                <div style="width: 40px; display: flex; justify-content: center;">
+                  <IonIcon :icon="trashSharp" style="font-size: 18pt;" />
+                </div>
+              </IonItemOption>
+            </IonItemOptions>
+          </IonItemSliding>
+        </IonList>
+      </IonCardContent>
+    </div>
+  </IonCard>
+</template>
diff --git a/src/components/RegistredItems.vue b/src/components/RegistredItems.vue
new file mode 100644
index 0000000..10fbc8f
--- /dev/null
+++ b/src/components/RegistredItems.vue
@@ -0,0 +1,226 @@
+<script setup lang="ts">
+import { IonButton, IonCardHeader, IonCol, IonIcon, IonItemDivider, IonLabel, IonList, IonPage, IonRow, IonText } from '@ionic/vue'
+import { bookOutline, business, businessOutline, callOutline, checkmarkCircleOutline, documentOutline, fileTrayOutline, globeOutline, locationOutline, mailOutline, mapOutline, personOutline, pinOutline, schoolOutline } from 'ionicons/icons'
+
+import { ref } from 'vue'
+import { useRoute } from 'vue-router'
+
+interface Props {
+  items: {
+    status?: string
+    name: 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
+
+  }
+  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 : business"
+              />
+              <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+                {{ props.items.name }}
+              </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
+            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>
+          </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);
+}
+</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/SeriesForm.vue b/src/modules/school-management/components/SeriesForm.vue
index beea761..8cd5c01 100644
--- a/src/modules/school-management/components/SeriesForm.vue
+++ b/src/modules/school-management/components/SeriesForm.vue
@@ -1,15 +1,13 @@
 <script setup lang="ts">
 import type { Decimal } from '@prisma/client/runtime/library'
-import EpInput from '@/components/EpInput.vue'
 import showToast from '@/utils/toast-alert'
-import { IonIcon, IonInput, IonLabel, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectOption } from '@ionic/vue'
+import { IonButton, IonCol, IonGrid, IonIcon, IonInput, IonItem, IonLabel, IonList, 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 } from 'vue'
 import { useRouter } from 'vue-router'
 import * as yup from 'yup'
 import InstitutionService from '../../institution/services/InstitutionService'
-import SchoolService from '../../institution/services/SchoolService'
 import SeriesService from '../../institution/services/SeriesService'
 import CourseService from '../services/CourseService'
 
@@ -22,11 +20,10 @@ defineExpose({
   registerSeries,
 })
 
-const selectedSegment = ref('general-info')
+const selectedSegment = ref('general')
 const router = useRouter()
 const route = useRouter()
 const seriesId = computed(() => route.currentRoute.value.params.id) as { value: string }
-const schoolService = new SchoolService()
 const seriesService = new SeriesService()
 const courseService = new CourseService()
 const institutionService = new InstitutionService()
@@ -241,8 +238,30 @@ async function loadInstitution() {
   }
 }
 
+// Lista de disciplinas disponíveis
+const disciplineOptions = [
+  { id: 1, name: 'Matemática' },
+  { id: 2, name: 'Português' },
+  { id: 3, name: 'História' },
+  { id: 4, name: 'Geografia' },
+]
+
+// Lista dinâmica de disciplinas selecionadas
+const disciplines = ref([
+  { name: '', year: '', workload: '' }, // Campo inicial vazio
+])
+
+// Adiciona uma nova disciplina
+function addDiscipline() {
+  disciplines.value.push({ name: '', year: '', workload: '' })
+}
+
+// Remove uma disciplina pelo índice
+function removeDiscipline(index: number) {
+  disciplines.value.splice(index, 1)
+}
+
 onMounted(async () => {
-  schoolId.value = (await schoolService.getAll())?.at(0)?.id
   await loadSeries()
   await loadInstitution()
   if (seriesId.value) {
@@ -270,8 +289,8 @@ onMounted(async () => {
           Informações Cadastrais
         </IonLabel>
       </IonSegmentButton>
-      <IonSegmentButton value="rules" content-id="rules">
-        <IonLabel>Regras de avaliação</IonLabel>
+      <IonSegmentButton value="discipline-info" content-id="discipline-info">
+        <IonLabel>Disciplinas</IonLabel>
       </IonSegmentButton>
     </IonSegment>
 
@@ -307,22 +326,10 @@ onMounted(async () => {
           </IonSelect>
         </Field>
 
-        <Field name="discipline">
-          <IonSelect
-            v-model="values.graduate" fill="outline" cancel-text="Cancelar" label-placement="stacked"
-            justify="space-between" label="Disciplina*" placeholder="Selecione"
-            @ion-change="(e) => setFieldValue('graduate', e.target.value)"
-          >
-            <IonSelectOption v-for="graduate in graduate" :key="graduate" :value="graduate">
-              {{ graduate }}
-            </IonSelectOption>
-          </IonSelect>
-        </Field>
-
         <Field name="course_stage">
           <IonSelect
             v-model="values.courseStage" fill="outline" cancel-text="Cancelar" label-placement="stacked"
-            justify="space-between" label="Etapa Curso*" placeholder="Selecione"
+            justify="space-between" label="Etapas do Curso*" placeholder="Selecione"
             @ion-change="(e) => setFieldValue('courseStage', e.target.value)"
           >
             <IonSelectOption v-for="stage in course_stage" :key="stage" :value="stage">
@@ -335,9 +342,59 @@ onMounted(async () => {
           <IonInput v-model="values.description" name="Descrição" label="Descrição" label-placement="stacked" fill="outline" placeholder="Digite uma descrição da série" />
         </Field>
       </IonSegmentContent>
-      <IonSegmentContent id="rules">
-        <EpInput v-model="values.workload" name="workload" label="Carga Horária*" placeholder="Digite a carga horária" />
-        <EpInput v-model="values.schoolDays" name="schoolDays" label="Dias Letivos*" placeholder="Digite os dias letivos" />
+      <IonSegmentContent id="discipline-info">
+        <IonList>
+          <IonItem v-for="(discipline, index) in disciplines" :key="index">
+            <IonGrid>
+              <IonRow>
+                <IonCol size="12">
+                  <IonSelect
+                    v-model="discipline.name"
+                    label="Disciplina"
+                    label-placement="stacked"
+                    placeholder="Selecione uma disciplina"
+                    cancel-text="Cancelar"
+                    fill="outline"
+                  >
+                    <IonSelectOption v-for="option in disciplineOptions" :key="option.id" :value="option.name">
+                      {{ option.name }}
+                    </IonSelectOption>
+                  </IonSelect>
+                </IonCol>
+              </IonRow>
+              <IonRow>
+                <IonCol size="6">
+                  <IonInput
+                    v-model="discipline.workload"
+                    label-placement="stacked"
+                    label="Carga horária"
+                    placeholder="Digite a carga horária"
+                    fill="outline"
+                  />
+                </IonCol>
+                <IonCol size="6">
+                  <IonInput
+                    v-model="discipline.year"
+                    label-placement="stacked"
+                    label="Ano"
+                    placeholder="Digite o ano"
+                    fill="outline"
+                  />
+                </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>
diff --git a/src/modules/school-management/routes.ts b/src/modules/school-management/routes.ts
index 8afd9a0..74e78d2 100644
--- a/src/modules/school-management/routes.ts
+++ b/src/modules/school-management/routes.ts
@@ -1,6 +1,7 @@
-import { book, create, list, people, school } from 'ionicons/icons'
+import { book, create, list, people, person, school } from 'ionicons/icons'
 import DashboardClass from './views/DashboardClass.vue'
 import DashboardCourse from './views/DashboardCourse.vue'
+import DashboardFunction from './views/DashboardFunction.vue'
 import DashboardSchools from './views/DashboardSchools.vue'
 import DashboardSeries from './views/DashboardSeries.vue'
 import EditClass from './views/EditClass.vue'
@@ -9,6 +10,7 @@ import EditSchools from './views/EditSchools.vue'
 import EditSeries from './views/EditSeries.vue'
 import RegisterClass from './views/RegisterClass.vue'
 import RegisterCourse from './views/RegisterCourse.vue'
+import RegisterFunction from './views/RegisterFunction.vue'
 import RegisterSchool from './views/RegisterSchool.vue'
 import RegisterSeries from './views/RegisterSeries.vue'
 
@@ -163,6 +165,31 @@ 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',
+    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..58d63b9 100644
--- a/src/modules/school-management/services/SeriesService.ts
+++ b/src/modules/school-management/services/SeriesService.ts
@@ -1,6 +1,29 @@
 import BaseService from '@/services/BaseService'
 import errorHandler from '@/utils/error-handler'
 
+interface SeriesToSave {
+  name: string
+  courseId: string
+  description?: string
+  tenantId?: string | null
+  userCreated?: string | null
+  createdAt: string
+  deletedAt: string | null
+  updatedAt: string | null
+  updatedBy: string | null
+  institutionId: string
+}
+
+interface SeriesDisciplines {
+  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 +34,11 @@ 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('*')
 
       if (seriesError) {
         errorHandler(seriesError, 'Erro ao buscar séries')
@@ -29,4 +51,63 @@ 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)
+
+      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 {
+      const { data: seriesData, error: seriesError } = await this.client
+        .from('series')
+        .upsert(series, { onConflict: 'id' })
+        .select('*')
+
+      if (seriesError) {
+        errorHandler(seriesError, 'Erro ao inserir ou atualizar a série')
+        return
+      }
+      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')
+      }
+
+      const disciplinesToUpsert = disciplines.map(discipline => ({
+        ...discipline,
+        seriesId, // Adiciona o ID da série retornado
+      }))
+
+      const { data: disciplinesData, error: disciplinesError } = await this.client
+        .from('seriesDiscipline')
+        .upsert(disciplinesToUpsert, { onConflict: 'id' })
+
+      if (disciplinesError) {
+        errorHandler(disciplinesError, 'Erro ao inserir ou atualizar disciplinas da série')
+        return
+      }
+
+      return { series: seriesData, disciplines: disciplinesData }
+    }
+    catch (error) {
+      errorHandler(error, 'Erro ao inserir ou atualizar série e disciplinas')
+    }
+  }
 }
diff --git a/src/modules/school-management/services/ServerFunctionService.ts b/src/modules/school-management/services/ServerFunctionService.ts
new file mode 100644
index 0000000..483cda0
--- /dev/null
+++ b/src/modules/school-management/services/ServerFunctionService.ts
@@ -0,0 +1,145 @@
+import type { ServerFunction } from '@prisma/client'
+import BaseService from '@/services/BaseService'
+import errorHandler from '@/utils/error-handler'
+
+interface ServerFunctionToSave {
+  id?: string
+  name: string
+  abbreviation: string
+  description?: string
+  tenantId?: string | null
+  userCreated?: string | null
+}
+
+const table = 'serverFunction' as const
+
+export default class ServerFunctionService extends BaseService<ServerFunction> {
+  constructor() {
+    super(table)
+  }
+
+  async getServerFunctions() {
+    const { data, error } = await this.client
+      .from(table)
+      .select('*')
+      .is('deletedAt', null)
+
+    if (error) {
+      errorHandler(error, 'Erro ao buscar funções de servidor')
+    }
+    return data as ServerFunction[]
+  }
+
+  async getServerFunctionById(id: string) {
+    if (!id) {
+      return null
+    }
+
+    const { data, error } = await this.client
+      .from(table)
+      .select('*')
+      .eq('id', id)
+      .is('deletedAt', null)
+      .maybeSingle()
+
+    if (error) {
+      errorHandler(error, 'Erro ao buscar função de servidor por ID')
+    }
+    return data as ServerFunction | null
+  }
+
+  async getServerFunctionByName(name: string) {
+    if (!name) {
+      return null
+    }
+
+    const { data, error } = await this.client
+      .from(table)
+      .select('*')
+      .eq('name', name)
+      .is('deletedAt', null)
+      .maybeSingle()
+
+    if (error) {
+      errorHandler(error, 'Erro ao buscar função de servidor por nome')
+    }
+    return data as ServerFunction | null
+  }
+
+  async upsertServerFunction(serverFunction: ServerFunctionToSave) {
+    const now = new Date().toISOString()
+
+    let existing = null
+    if (serverFunction.id) {
+      const { data, error: fetchError } = await this.client
+        .from(table)
+        .select('*')
+        .eq('id', serverFunction.id)
+        .is('deletedAt', null)
+        .maybeSingle()
+
+      if (fetchError)
+        errorHandler(fetchError, 'Erro ao buscar função de servidor existente por ID')
+      existing = data
+    }
+    else if (serverFunction.name) {
+      const { data, error: fetchError } = await this.client
+        .from(table)
+        .select('*')
+        .eq('name', serverFunction.name)
+        .is('deletedAt', null)
+        .maybeSingle()
+
+      if (fetchError)
+        errorHandler(fetchError, 'Erro ao buscar função de servidor existente por nome')
+      existing = data
+    }
+
+    const payload: Partial<ServerFunction> & { id?: string } = {
+      name: serverFunction.name,
+      abbreviation: serverFunction.abbreviation,
+      description: serverFunction.description || null,
+      tenantId: serverFunction.tenantId || null,
+      userCreated: serverFunction.userCreated || null,
+      deletedAt: null,
+      updatedAt: now,
+      ...(existing?.id && { id: existing.id }),
+    }
+
+    const { data, error } = await this.client
+      .from(table)
+      .upsert(payload)
+      .select()
+
+    if (error)
+      errorHandler(error, 'Erro ao inserir/atualizar função de servidor')
+    return data as ServerFunction[]
+  }
+
+  async softDeleteServerFunction(serverFunctionId: string, userId?: string) {
+    if (!serverFunctionId) {
+      errorHandler({ message: 'ID da função de servidor não fornecido' }, 'Erro ao apagar função de servidor')
+      return []
+    }
+
+    const now = new Date().toISOString()
+    const updateFields: Record<string, any> = {
+      deletedAt: now,
+      updatedAt: now,
+    }
+
+    if (userId) {
+      updateFields.updatedBy = userId
+    }
+
+    const { data, error } = await this.client
+      .from(table)
+      .update(updateFields)
+      .eq('id', serverFunctionId)
+      .is('deletedAt', null)
+
+    if (error)
+      errorHandler(error, 'Erro ao apagar função de servidor')
+    return data ?? []
+  }
+}
diff --git a/src/modules/school-management/views/DashboardFunction.vue b/src/modules/school-management/views/DashboardFunction.vue
new file mode 100644
index 0000000..492d1e3
--- /dev/null
+++ b/src/modules/school-management/views/DashboardFunction.vue
@@ -0,0 +1,215 @@
+<script setup lang="ts">
+import type { ServerFunction } from '@prisma/client'
+import ContentLayout from '@/components/theme/ContentLayout.vue'
+import { IonAlert, IonButton, IonCard, IonCardContent, IonCol, IonGrid, IonIcon, IonModal, IonPage, IonRow, IonSearchbar, IonTitle, IonToolbar } from '@ionic/vue'
+import { add, pencil, trash } from 'ionicons/icons'
+import { computed, onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import ServerFunctionService from '../services/ServerFunctionService'
+import RegisterFunctionMobile from './RegisterFunctionMobile.vue'
+
+const router = useRouter()
+const serverFunctionService = new ServerFunctionService()
+const dataList = ref<ServerFunction[]>([])
+const searchQuery = ref('')
+const showDeleteAlert = ref(false)
+const selectedItemId = ref<string>('')
+const showMobileSheet = ref(false)
+const editingId = ref<string | undefined>(undefined)
+
+const filteredDataList = computed(() => {
+  if (!searchQuery.value) {
+    return dataList.value
+  }
+
+  return dataList.value.filter(item =>
+    item.name.toLowerCase().includes(searchQuery.value.toLowerCase())
+    || item.abbreviation.toLowerCase().includes(searchQuery.value.toLowerCase()),
+  )
+})
+
+async function loadData() {
+  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
+}
+
+function navigateToRegister() {
+  if (isMobileDevice()) {
+    editingId.value = undefined
+    showMobileSheet.value = true
+  }
+  else {
+    router.push({ name: 'RegisterFunction' })
+  }
+}
+
+function editItem(id: string) {
+  if (isMobileDevice()) {
+    editingId.value = id
+    showMobileSheet.value = true
+  }
+  else {
+    router.push({ name: 'RegisterFunction', params: { id } })
+  }
+}
+
+function confirmDelete(id: string) {
+  selectedItemId.value = id
+  showDeleteAlert.value = true
+}
+
+async function deleteItem() {
+  if (selectedItemId.value) {
+    try {
+      await serverFunctionService.softDeleteServerFunction(selectedItemId.value)
+      loadData()
+      showDeleteAlert.value = false
+    }
+    catch (error) {
+      console.error('Erro ao excluir função:', error)
+    }
+  }
+}
+
+function formatDate(dateString: string | null) {
+  if (!dateString)
+    return '-'
+  const date = new Date(dateString)
+  return date.toLocaleDateString('pt-BR', { day: '2-digit', month: '2-digit', year: 'numeric' })
+}
+
+onMounted(() => {
+  loadData()
+})
+</script>
+
+<template>
+  <IonPage>
+    <ContentLayout>
+      <IonToolbar>
+        <IonTitle>Funções ativas ({{ filteredDataList.length }})</IonTitle>
+      </IonToolbar>
+
+      <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>
+
+      <IonCard>
+        <IonCardContent>
+          <IonGrid>
+            <IonRow class="header-row">
+              <IonCol size="4">
+                Nome
+              </IonCol>
+              <IonCol size="3">
+                Abreviação
+              </IonCol>
+              <IonCol size="2">
+                Atualizado em
+              </IonCol>
+              <IonCol size="2">
+                Ações
+              </IonCol>
+            </IonRow>
+
+            <IonRow v-for="item in filteredDataList" :key="item.id" class="data-row">
+              <IonCol size="4">
+                {{ item.name }}
+              </IonCol>
+              <IonCol size="3">
+                {{ item.abbreviation }}
+              </IonCol>
+              <IonCol size="2">
+                {{ formatDate(item.updatedAt?.toString() ?? null) }}
+              </IonCol>
+              <IonCol size="2" class="ion-text-center">
+                <IonButton fill="clear" color="primary" @click="editItem(item.id)">
+                  <IonIcon slot="icon-only" :icon="pencil" />
+                </IonButton>
+                <IonButton fill="clear" color="danger" @click="confirmDelete(item.id)">
+                  <IonIcon slot="icon-only" :icon="trash" />
+                </IonButton>
+              </IonCol>
+            </IonRow>
+
+            <IonRow v-if="filteredDataList.length === 0">
+              <IonCol class="ion-text-center">
+                <p>Nenhuma função encontrada</p>
+              </IonCol>
+            </IonRow>
+          </IonGrid>
+        </IonCardContent>
+      </IonCard>
+
+      <IonAlert
+        :is-open="showDeleteAlert"
+        header="Confirmação"
+        message="Tem certeza que deseja excluir esta função?"
+        :buttons="[
+          {
+            text: 'Cancelar',
+            role: 'cancel',
+            handler: () => { showDeleteAlert = false },
+          },
+          {
+            text: 'Excluir',
+            handler: () => { deleteItem() },
+          },
+        ]"
+      />
+    </ContentLayout>
+
+    <IonModal
+      :is-open="showMobileSheet"
+      :breakpoints="[0.3, 0.7, 0.95]"
+      :initial-breakpoint="0.7"
+      handle-behavior="cycle"
+      handle
+      @did-dismiss="showMobileSheet = false"
+    >
+      <RegisterFunctionMobile
+        :edit-id="editingId"
+        @saved="loadData(); showMobileSheet = false"
+        @cancel="showMobileSheet = false"
+      />
+    </IonModal>
+  </IonPage>
+</template>
+
+<style scoped>
+ion-searchbar {
+  --background: var(--ion-color-light);
+}
+
+.header-row {
+  font-weight: bold;
+  background-color: var(--ion-color-light);
+}
+
+.data-row {
+  border-bottom: 1px solid var(--ion-color-light);
+}
+
+.data-row:hover {
+  background-color: rgba(var(--ion-color-light-rgb), 0.5);
+}
+</style>
diff --git a/src/modules/school-management/views/DashboardSchools.vue b/src/modules/school-management/views/DashboardSchools.vue
index 868a8ae..d0e9122 100644
--- a/src/modules/school-management/views/DashboardSchools.vue
+++ b/src/modules/school-management/views/DashboardSchools.vue
@@ -1,12 +1,11 @@
 <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 SchoolCards from '@/modules/school-management/components/SchoolCards.vue'
-import SchoolList from '@/modules/school-management/components/SchoolList.vue'
 import { IonButton, IonContent, IonIcon, IonModal } from '@ionic/vue'
 import { add } from 'ionicons/icons'
 import { computed, onMounted, ref } from 'vue'
-import { useRouter } from 'vue-router'
 import SchoolService from '../services/SchoolService'
 import RegisterSchool from './RegisterSchool.vue'
 
@@ -16,13 +15,17 @@ import RegisterSchool from './RegisterSchool.vue'
 const schoolService = new SchoolService()
 const dataList = ref<Tables<'school'>[]>([])
 // const schoolData = ref<Array<{ school: Tables<'school'>, courses: Tables<'course'>[], series: Tables<'series'>[] }> | []>([])
-const schoolCount = ref(0)
-const classCount = ref(0)
-const approvalRate = ref(0)
-const teacherCount = ref(0)
+// const schoolCount = ref(0)
+// const classCount = ref(0)
+// const approvalRate = ref(0)
+// const teacherCount = ref(0)
 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: false, data: undefined })
+
 function setModalAddSchool(open: boolean) {
   isModalAddSchool.value = open
   if (open) {
@@ -31,6 +34,22 @@ function setModalAddSchool(open: boolean) {
   }
 }
 
+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)
+  }
+}
+
 const newItem = ref()
 const searchResult = ref()
 
@@ -65,45 +84,63 @@ onMounted(() => {
 
 <template>
   <ContentLayout>
-    <SchoolCards
+    <!-- <SchoolCards
       :student-count="schoolCount"
       :teacher-count="teacherCount"
       :class-count="classCount"
       :approval-rate="approvalRate"
-    />
+    /> -->
     <!--  -->
     <!--  -->
 
-    <ion-toolbar>
+    <!-- <ion-toolbar>
       <ion-title>Escolas ativas ({{ filteredDataList.length }})</ion-title>
-    </ion-toolbar>
-    <SearchBox table="school" placeholder="Nome da escola" @update:search-result="searchResult = $event" @update:new-item="newItem = $event" />
-
-    <ion-row class="ion-align-items-center ion-justify-content-between">
-      <ion-col size="10">
-        <ion-searchbar v-model="searchQuery" placeholder="Buscar escola" />
-      </ion-col>
-      <ion-col size="2" class="ion-text-end">
-        <IonButton id="add-btn" expand="block" class="ion-text-uppercase" @click="setModalAddSchool(true)">
-          <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>
-      </ion-col>
-    </ion-row>
-    <SchoolList :data-list="filteredDataList" />
-
-    <IonModal
-      :is-open="isModalAddSchool"
-      :expand-to-scroll="false"
-      :initial-breakpoint="0.95"
-      :breakpoints="[0, 0.7, 0.95, 1]"
-      @ion-modal-did-dismiss="setModalAddSchool(false)"
-    >
-      <IonContent>
-        <RegisterSchool />
-      </IonContent>
-    </IonModal>
+    </ion-toolbar> -->
+
+    <div class="ion-margin-top">
+      <SearchBox table="school" placeholder="Nome da escola" @update:search-result="searchResult = $event" @update:new-item="newItem = $event" />
+
+      <ion-row class="ion-align-items-center ion-justify-content-between">
+        <ion-col size="10">
+          <ion-searchbar v-model="searchQuery" placeholder="Buscar escola" />
+        </ion-col>
+        <ion-col size="2" class="ion-text-end">
+          <IonButton id="add-btn" expand="block" class="ion-text-uppercase" @click="setModalAddSchool(true)">
+            <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>
+        </ion-col>
+      </ion-row>
+
+      <EduprimeList :data-list="filteredDataList" @update:delete="deleteModal = $event" @update:edit="editModal = $event" @update:see="($event) => { console.log($event); seeModal = $event; }" />
+
+      <!-- <SchoolList :data-list="filteredDataList" /> -->
+      <IonModal
+        :is-open="isModalAddSchool"
+        :expand-to-scroll="false"
+        :initial-breakpoint="0.95"
+        :breakpoints="[0, 0.7, 0.95, 1]"
+        @ion-modal-did-dismiss="setModalAddSchool(false)"
+      >
+        <IonContent>
+          <RegisterSchool :close-modal="() => setModalAddSchool(false)" />
+        </IonContent>
+      </IonModal>
+      <!-- Dismiss não funionou, estudar uma solução para isso -->
+
+      <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" name="Detalhes da escola" @close="setSeeModal(false)" @edit="setEditModal(true)" />
+        </IonContent>
+      </IonModal>
+    </div>
   </ContentLayout>
 </template>
 
diff --git a/src/modules/school-management/views/DashboardSeries.vue b/src/modules/school-management/views/DashboardSeries.vue
index 3bd3062..490651d 100644
--- a/src/modules/school-management/views/DashboardSeries.vue
+++ b/src/modules/school-management/views/DashboardSeries.vue
@@ -1,28 +1,22 @@
 <script setup lang="ts">
 import type { Tables } from '@/types/database.types'
+import EduprimeList from '@/components/ListWithAction.vue'
 import ContentLayout from '@/components/theme/ContentLayout.vue'
-// import SchoolCards from '@/modules/school-management/components/SchoolCards.vue'
-import SeriesList from '@/modules/school-management/components/SeriesList.vue'
 import { IonButton, IonCol, IonContent, IonIcon, IonModal, IonRow } from '@ionic/vue'
-import { set } from 'better-auth/*'
 import { add } from 'ionicons/icons'
 import { computed, onMounted, ref } from 'vue'
-import { useRouter } from 'vue-router'
 import SeriesService from '../services/SeriesService'
 import RegisterSeries from './RegisterSeries.vue'
 
-const router = useRouter()
-
-// Estados para os dados da instituição e carregamento
 const seriesService = new SeriesService()
 const dataList = ref<Tables<'series'>[]>([])
-const schoolCount = ref(154)
-const classCount = ref(25)
-const approvalRate = ref(48)
-const teacherCount = ref(30)
 const searchQuery = ref('')
 const isModalAddSchool = ref(false)
 
+const seeModal = ref({ modal: false, data: undefined })
+const editModal = ref({ modal: false, data: undefined })
+const deleteModal = ref({ modal: false, data: undefined })
+
 function setModalAddSeries(open: boolean) {
   isModalAddSchool.value = open
   if (open) {
@@ -36,14 +30,14 @@ const filteredDataList = computed(() => {
     return dataList.value
   }
 
-  return dataList.value.filter((series: Tables<'series'>) =>
+  return dataList.value.filter((series: any) =>
     series.name.toLowerCase().includes(searchQuery.value.toLowerCase()),
   )
 })
 
 async function loadSeries() {
   try {
-    const series = await seriesService.getAll() // getAll() pode retornar null
+    const series = await seriesService.getAllSeries() // getAll() pode retornar null
     dataList.value = series ?? [] // Se retornar null, atribuímos um array vazio
   }
   catch (error) {
@@ -62,38 +56,34 @@ onMounted(() => {
 
 <template>
   <ContentLayout>
-    <!-- <SchoolCards
-      :student-count="schoolCount" :class-count="classCount" :approval-rate="approvalRate"
-      :teacher-count="teacherCount"
-    /> -->
-    <ion-toolbar>
-      <!-- <ion-title>Séries ativas ({{ filteredDataList.length }})</ion-title> -->
-    </ion-toolbar>
-    <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="setModalAddSeries(true)">
-          <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>
-    <SeriesList :data-list="filteredDataList" />
+    <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="setModalAddSeries(true)">
+            <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>
+      <!-- <SeriesList :data-list="filteredDataList" /> -->
+      <EduprimeList :data-list="filteredDataList" @update:delete="deleteModal = $event" @update:edit="editModal = $event" @update:see="($event) => { console.log($event); seeModal = $event; }" />
 
-    <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 />
-      </IonContent>
-    </IonModal>
+      <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(false)" />
+        </IonContent>
+      </IonModal>
+    </div>
   </ContentLayout>
 </template>
 
@@ -106,4 +96,13 @@ ion-label h2 {
 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;
+}
 </style>
diff --git a/src/modules/school-management/views/RegisterFunction.vue b/src/modules/school-management/views/RegisterFunction.vue
new file mode 100644
index 0000000..43c9615
--- /dev/null
+++ b/src/modules/school-management/views/RegisterFunction.vue
@@ -0,0 +1,194 @@
+<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 } 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 isEditing = ref(false)
+const serverFunctionId = computed(() => route.params.id as string | undefined)
+const descriptionRef = ref<HTMLTextAreaElement | null>(null)
+
+onMounted(async () => {
+  if (serverFunctionId.value) {
+    isEditing.value = true
+    const fn = await serverFunctionService.getServerFunctionById(serverFunctionId.value)
+    if (fn) {
+      formValues.value = { id: fn.id, name: fn.name, abbreviation: fn.abbreviation, description: (fn as any).description ?? '' }
+      await nextTick()
+      autoResizeTextarea()
+    }
+  }
+})
+
+async function handleSubmit(values: any) {
+  const payload = {
+    id: isEditing.value ? serverFunctionId.value : undefined,
+    name: values.name,
+    abbreviation: values.abbreviation,
+    description: values.description,
+  }
+
+  await serverFunctionService.upsertServerFunction(payload)
+
+  // Exibe mensagem de sucesso
+  showToast('Nova função cadastrada com sucesso', 'top', 'success')
+
+  // Navega para a lista de funções
+  router.push({ name: 'FunctionListFunction' })
+}
+
+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 = 'auto'
+    el.style.height = `${el.scrollHeight}px`
+  }
+}
+</script>
+
+<template>
+  <IonPage>
+    <IonHeader>
+      <IonToolbar>
+        <IonTitle class="page-title">
+          Nova função
+        </IonTitle>
+      </IonToolbar>
+      <div class="toolbar-accent" />
+    </IonHeader>
+
+    ```
+    <IonContent :scroll-y="true" class="ion-padding content-with-footer">
+      <Form id="function-form" :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" type="text" class="floating-native" placeholder=" ">
+                  <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">
+                <div class="floating-input">
+                  <input v-bind="field" type="text" class="floating-native" placeholder=" ">
+                  <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"
+                    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">
+                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
new file mode 100644
index 0000000..540d2ee
--- /dev/null
+++ b/src/modules/school-management/views/RegisterFunctionMobile.vue
@@ -0,0 +1,272 @@
+<script setup lang="ts">
+import showToast from '@/utils/toast-alert'
+import {
+  IonButton,
+  IonCol,
+  IonContent,
+  IonFooter,
+  IonGrid,
+  IonIcon,
+  IonInput,
+  IonRow,
+  IonTextarea,
+  IonToolbar,
+} from '@ionic/vue'
+import { personSharp } from 'ionicons/icons'
+import { ErrorMessage, Field, Form } from 'vee-validate'
+import { computed, nextTick, onMounted, ref } from 'vue'
+// Router não é necessário neste componente pois usa emits para navegação
+import ServerFunctionService from '../services/ServerFunctionService'
+
+const props = defineProps<{
+  editId?: string
+}>()
+
+const emits = defineEmits<{
+  (e: 'saved'): void
+  (e: 'cancel'): void
+}>()
+
+// Não precisamos do router aqui pois o componente pai gerencia a navegação
+const serverFunctionService = new ServerFunctionService()
+
+const descriptionRef = ref<HTMLTextAreaElement | null>(null)
+const formValues = ref({
+  id: '',
+  name: '',
+  abbreviation: '',
+  description: '',
+})
+
+const isEditing = computed(() => Boolean(props.editId))
+const modalTitle = computed(() => isEditing.value ? 'Editar função' : 'Nova função')
+
+onMounted(async () => {
+  if (props.editId) {
+    const fn = await serverFunctionService.getServerFunctionById(props.editId)
+    if (fn) {
+      formValues.value = {
+        id: fn.id,
+        name: fn.name,
+        abbreviation: fn.abbreviation || '',
+        description: (fn as any).description || '',
+      }
+      await nextTick()
+      autoResizeTextarea()
+    }
+  }
+})
+
+async function handleSubmit(values: any) {
+  const payload = {
+    id: isEditing.value ? props.editId : undefined,
+    name: values.name,
+    abbreviation: values.abbreviation,
+    description: values.description,
+  }
+
+  await serverFunctionService.upsertServerFunction(payload)
+
+  // Exibe mensagem de sucesso
+  showToast('Nova função cadastrada com sucesso', 'top', 'success')
+
+  handleSaved()
+}
+
+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 = 'auto'
+    el.style.height = `${el.scrollHeight}px`
+  }
+}
+</script>
+
+<template>
+  <div class="mobile-function-content">
+    <IonContent class="ion-padding ion-no-padding" :fullscreen="false">
+      <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" :initial-values="formValues" @submit="handleSubmit">
+        <IonGrid>
+          <IonRow>
+            <IonCol size="12">
+              <Field v-slot="{ field, errors }" name="name" rules="required|min:3|max:180">
+                <IonInput
+                  v-bind="field"
+                  label="Nome da função"
+                  label-placement="stacked"
+                  fill="outline"
+                  placeholder="Digite o nome da função"
+                  :class="{ 'has-error': errors.length > 0 }"
+                >
+                  <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">
+                <IonInput
+                  v-bind="field"
+                  label="Abreviação"
+                  label-placement="stacked"
+                  fill="outline"
+                  placeholder="Digite a abreviação"
+                  :class="{ 'has-error': errors.length > 0 }"
+                />
+                <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" rules="max:180">
+                <IonTextarea
+                  v-bind="field"
+                  ref="descriptionRef"
+                  label="Descrição da função"
+                  label-placement="stacked"
+                  fill="outline"
+                  placeholder="Digite uma descrição"
+                  :class="{ 'has-error': errors.length > 0 }"
+                  :maxlength="180"
+                  :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>
+
+    <IonFooter slot="fixed-bottom" class="ion-no-border footer-fixed">
+      <IonToolbar>
+        <IonGrid>
+          <IonRow class="action-buttons-fixed">
+            <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">
+                Salvar
+              </IonButton>
+            </IonCol>
+          </IonRow>
+        </IonGrid>
+      </IonToolbar>
+    </IonFooter>
+  </div>
+</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 {
+  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/RegisterSchool.vue b/src/modules/school-management/views/RegisterSchool.vue
index cb5d2da..6fb2305 100644
--- a/src/modules/school-management/views/RegisterSchool.vue
+++ b/src/modules/school-management/views/RegisterSchool.vue
@@ -3,44 +3,27 @@ import type { MaskitoElement } from '@maskito/core'
 import type { School, SchoolSettings } from '@prisma/client'
 import type { SubmissionHandler } from 'vee-validate'
 import type SchoolForm from '../../school-management/components/SchoolForm.vue'
-import { IonAccordion, IonAccordionGroup, IonButton, IonContent, IonIcon, IonInput, IonItem, IonLabel, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectOption } from '@ionic/vue'
+import { IonAccordion, IonAccordionGroup, IonButton, IonCol, IonFooter, IonGrid, IonIcon, IonInput, IonItem, IonLabel, IonPage, IonRow, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectOption, IonToolbar } from '@ionic/vue'
 import { maskito as vMaskito } from '@maskito/vue'
 import { apps, schoolSharp } from 'ionicons/icons'
 // eslint-disable-next-line no-duplicate-imports
-import { defineRule, Field, Form } from 'vee-validate'
+import { Field, Form } from 'vee-validate'
 
 import { ref, watch } from 'vue'
 
 import { useRouter } from 'vue-router'
 
-// Define validation rules
-defineRule('required', (value) => {
-  return value ? true : 'Este campo é obrigatório.'
-})
-
-defineRule('email', (value) => {
-  const emailRegex = /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/
-  return emailRegex.test(value) || 'E-mail inválido.'
-})
-
-defineRule('cnpj', (value) => {
-  const cnpjRegex = /^\d{2}\.\d{3}\.\d{3}\/\d{4}-\d{2}$/
-  return cnpjRegex.test(value) || 'CNPJ inválido.'
-})
-
-defineRule('postalCode', (value) => {
-  const postalCodeRegex = /^\d{5}-\d{3}$/
-  return postalCodeRegex.test(value) || 'CEP inválido.'
-})
-
-defineRule('min', (value, [min]) => {
-  return value.length >= min || `O campo deve ter pelo menos ${min} caracteres.`
-})
+// function handleCancel() {
+//   router.push({ name: 'InstitutionListInstitutions' })
+// }
 
-defineRule('max', (value, [max]) => {
-  return value.length <= max || `O campo deve ter no máximo ${max} caracteres.`
-})
+// function handleSave() {
+//   schoolFormRef.value?.registerSchool()
+// }
 
+defineProps<{
+  closeModal: (status: boolean) => void
+}>()
 const schoolFormRef = ref<InstanceType<typeof SchoolForm> | null>(null)
 const router = useRouter()
 const school = ref<School>({
@@ -49,7 +32,6 @@ const school = ref<School>({
   idpes: null,
   cnpj: null,
   address: null,
-  state: null,
   city: null,
   state: null,
   postalCode: null,
@@ -105,45 +87,105 @@ const schoolSettings = ref<SchoolSettings>({
 })
 
 const formValues = ref({
-  inepCode: '',
-  schoolName: '',
+  id: '',
+  idpes: null,
+  INEPCode: '',
+  name: '',
   corporateName: '',
-  cnpj: '',
-  educationNetwork: '',
-  state: '',
+  cnpj: null,
+  educationNetwork: null,
   phone1: '',
   phone2: '',
-  email: '',
-  website: '',
   acronym: '',
-  operationalStatus: '',
-  administrativeDependence: '',
-  postalCode: '',
+  blockJournalEntries: null,
+  operationalStatus: null,
+  usesAlternativeRules: null,
+  administrativeDependency: null,
   address: '',
-  number: '',
-  complement: '',
+  addressNumber: '',
+  additionalInfo: '',
   neighborhood: '',
   city: '',
-  district: '',
-  operatingLocation: '',
-  buildingUsage: '',
-  sharedSchool: false,
+  state: '',
+  postalCode: '',
+  unusualLocation: null,
+  email: '',
+  website: '',
+  operatingLocation: null,
+  buildingUsage: null,
+  sharedSchool: null,
   sharedSchoolINEPCode: '',
-  potableWaterAvailable: false,
-  electricityAvailable: false,
-  sewageAvailable: false,
-  wasteDisposal: '',
-  wasteTreatmentBySchool: false,
-  foodServiceAvailable: false,
-  communitySharedSpaces: false,
-  usesSurroundingSpaces: false,
-  specificFacilities: false,
-  internetAvailable: false,
-  connectionType: '',
-  availableDesktops: 0,
-  availableLaptops: 0,
-  availableTablets: 0,
-  // Add other fields as needed...
+  potableWaterAvailable: null,
+  sewageAvailable: null,
+  electricityAvailable: null,
+  wasteDisposal: null,
+  wasteTreatmentBySchool: null,
+  foodServiceAvailable: null,
+  communitySharedSpaces: null,
+  usesSurroundingSpaces: null,
+  specificFacilities: null,
+  generalUseRooms: null,
+  labsAndFunctionalAreas: null,
+  supportFacilities: null,
+  insideClassroooms: null,
+  outsideClassrooms: null,
+  refrigeratedClassrooms: null,
+  accessibleClassrooms: null,
+  internetAvailable: null,
+  localNetworkAvailable: null,
+  devicesUsedByStudents: null,
+  teachingEquipments: null,
+  connectionTypes: null,
+  availabeDesktops: null,
+  availableLaptops: null,
+  availableTablets: null,
+  administrativeStaffNumber: null,
+  teachingStaffNumber: null,
+  generalServicesStaffNumber: null,
+  securityStaffNumber: null,
+  schoolManagementStaffNumber: null,
+  healthcareStaffNumber: null,
+  socialAssistanceStaffNumber: null,
+  specializedAssistance: null,
+  elementaryEducationModel: null,
+  wasPedagogicalProjectUpdated: null,
+  indigenousEducationAvailable: null,
+  linkedWithSuperiorEducation: null,
+  collegiateBodies: null,
+  studentSelectionCriteria: null,
+  indigenousEducationLanguages: null,
+  pedagogicalMaterials: null,
+  headSchoolCode: '',
+  IESCode: '',
+  institutionId: '',
+  active: true,
+  abbreviation: '',
+  longitude: '',
+  latitude: '',
+  totalArea: '',
+  builtArea: '',
+  availableArea: '',
+  blockDiaryEntries: null,
+  regulation: null,
+  logoUrl: '',
+  access: null,
+  managerid: '',
+  managerPosition: '',
+  operationLocation: '',
+  condition: null,
+  sharedSchooLinePCode: null,
+  creationDecree: '',
+  numberOfFloors: null,
+  floorType: null,
+  energyMeter: null,
+  hasExternalArea: null,
+  metadata: null,
+  createdAt: new Date(),
+  deletedAt: null,
+  updatedAt: null,
+  updatedBy: '',
+  tenantId: '',
+  userCreated: '',
 })
 
 // Máscara para CNPJ
@@ -224,368 +266,854 @@ watch(() => formValues.value.postalCode, async (newPostalCode) => {
 const handleSubmit: SubmissionHandler<typeof formValues.value> = (values) => {
   console.log('Form submitted:', values)
 }
-
-// function handleCancel() {
-//   router.push({ name: 'InstitutionListInstitutions' })
-// }
-
-// function handleSave() {
-//   schoolFormRef.value?.registerSchool()
-// }
 </script>
 
 <template>
-  <Form @submit="handleSubmit as SubmissionHandler">
-    <IonSegment
-      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>Dados Gerais</IonLabel>
-      </IonSegmentButton>
-      <IonSegmentButton value="complementary" content-id="complementary">
-        <IonLabel>Informações Complementares</IonLabel>
-      </IonSegmentButton>
-    </IonSegment>
-
-    <div class="ion-margin style-purple-lane" style="display: flex; align-items: center;">
-      <IonIcon :icon="schoolSharp" style="margin-right: 10px;" />
-      Nova escola
-    </div>
+  <IonPage>
+    <ion-content class="ion-no-padding ion-no-margin">
+      <Form class="ion-margin-horizontal" @submit="handleSubmit as SubmissionHandler">
+        <IonSegment
+          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>Dados Gerais</IonLabel>
+          </IonSegmentButton>
+          <IonSegmentButton value="complementary" content-id="complementary">
+            <IonLabel>Informações Complementares</IonLabel>
+          </IonSegmentButton>
+        </IonSegment>
+
+        <div class="ion-margin style-purple-lane" style="display: flex; align-items: center;">
+          <IonIcon :icon="schoolSharp" style="margin-right: 10px;" />
+          Nova escola
+        </div>
+
+        <IonSegmentView>
+          <IonSegmentContent id="general">
+            <Field v-slot="{ field, errors }" name="inepCode" rules="required">
+              <IonInput v-model="formValues.INEPCode" v-bind="field" label="Código INEP" label-placement="stacked" fill="outline" placeholder="Digite o código INEP" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="schoolName" rules="required">
+              <IonInput v-model="formValues.name" v-bind="field" label="Nome da Escola" label-placement="stacked" fill="outline" placeholder="Digite o nome oficial" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="corporateName" rules="required">
+              <IonInput v-model="formValues.corporateName" v-bind="field" label="Razão Social" label-placement="stacked" fill="outline" placeholder="Digite o nome da empresa" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="cnpj" rules="required|cnpj">
+              <IonInput v-model="formValues.cnpj" v-maskito="cnpjOptions" v-bind="field" label="CNPJ" label-placement="stacked" fill="outline" placeholder="nn.nnn.nnn/nnnn-nn" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="educationNetwork" rules="required">
+              <IonSelect v-model="formValues.educationNetwork" v-bind="field" label="Rede de Ensino" label-placement="stacked" fill="outline" placeholder="Selecione a rede de ensino">
+                <IonSelectOption value="Pública">
+                  Pública
+                </IonSelectOption>
+                <IonSelectOption value="Privada">
+                  Privada
+                </IonSelectOption>
+              </IonSelect>
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <div class="title-identifier" style="display: flex; align-items: center;">
+              Endereço
+            </div>
 
-    <IonSegmentView>
-      <IonSegmentContent id="general">
-        <Field v-slot="{ field, errors }" name="inepCode" rules="required">
-          <IonInput v-model="formValues.inepCode" v-bind="field" label="Código INEP" label-placement="stacked" fill="outline" placeholder="Digite o código INEP" />
-          <span class="error-message">{{ errors[0] }}</span>
-        </Field>
-
-        <Field v-slot="{ field, errors }" name="schoolName" rules="required">
-          <IonInput v-model="formValues.schoolName" v-bind="field" label="Nome da Escola" label-placement="stacked" fill="outline" placeholder="Digite o nome da escola" />
-          <span class="error-message">{{ errors[0] }}</span>
-        </Field>
-
-        <Field v-slot="{ field, errors }" name="corporateName" rules="required">
-          <IonInput v-model="formValues.corporateName" v-bind="field" label="Razão Social" label-placement="stacked" fill="outline" placeholder="Digite a razão social" />
-          <span class="error-message">{{ errors[0] }}</span>
-        </Field>
-
-        <Field v-slot="{ field, errors }" name="cnpj" rules="required|cnpj">
-          <IonInput v-model="formValues.cnpj" v-maskito="cnpjOptions" v-bind="field" label="CNPJ" label-placement="stacked" fill="outline" placeholder="Digite o CNPJ" />
-          <span class="error-message">{{ errors[0] }}</span>
-        </Field>
-
-        <Field v-slot="{ field, errors }" name="educationNetwork" rules="required">
-          <IonSelect v-model="formValues.educationNetwork" v-bind="field" label="Rede de Ensino" label-placement="stacked" fill="outline" placeholder="Selecione a rede de ensino">
-            <IonSelectOption value="Pública">
-              Pública
-            </IonSelectOption>
-            <IonSelectOption value="Privada">
-              Privada
-            </IonSelectOption>
-          </IonSelect>
-          <span class="error-message">{{ errors[0] }}</span>
-        </Field>
-
-        <Field v-slot="{ field, errors }" name="phone1" rules="required">
-          <IonInput v-model="formValues.phone1" v-maskito="phoneOptions" v-bind="field" label="Telefone 1" label-placement="stacked" fill="outline" placeholder="Digite o telefone 1" />
-          <span class="error-message">{{ errors[0] }}</span>
-        </Field>
-
-        <Field v-slot="{ field, errors }" name="email" rules="email">
-          <IonInput v-model="formValues.email" v-bind="field" label="E-mail" label-placement="stacked" fill="outline" placeholder="Digite o e-mail" />
-          <span class="error-message">{{ errors[0] }}</span>
-        </Field>
-
-        <Field v-slot="{ field, errors }" name="postalCode" rules="required|postalCode">
-          <IonInput v-model="formValues.postalCode" v-maskito="postalCodeOptions" v-bind="field" label="CEP" label-placement="stacked" fill="outline" placeholder="Digite o CEP" />
-          <span class="error-message">{{ errors[0] }}</span>
-        </Field>
-
-        <Field v-slot="{ field, errors }" name="address" rules="required">
-          <IonInput v-model="formValues.address" v-bind="field" label="Endereço" label-placement="stacked" fill="outline" placeholder="Digite o endereço" />
-          <span class="error-message">{{ errors[0] }}</span>
-        </Field>
-
-        <Field v-slot="{ field, errors }" name="neighborhood" rules="required">
-          <IonInput v-model="formValues.neighborhood" v-bind="field" label="Bairro" label-placement="stacked" fill="outline" placeholder="Digite o bairro" />
-          <span class="error-message">{{ errors[0] }}</span>
-        </Field>
-
-        <Field v-slot="{ field, errors }" name="city" rules="required">
-          <IonInput v-model="formValues.city" v-bind="field" label="Cidade" label-placement="stacked" fill="outline" placeholder="Digite a cidade" />
-          <span class="error-message">{{ errors[0] }}</span>
-        </Field>
-
-        <Field v-slot="{ field, errors }" name="state" rules="required">
-          <IonInput v-model="formValues.state" v-bind="field" label="Estado" label-placement="stacked" fill="outline" placeholder="Digite o estado" />
-          <span class="error-message">{{ errors[0] }}</span>
-        </Field>
-
-        <Field v-slot="{ field, errors }" name="operatingLocation" rules="required">
-          <IonSelect v-model="formValues.operatingLocation" v-bind="field" label="Local de Funcionamento" label-placement="stacked" fill="outline" placeholder="Selecione o local de funcionamento">
-            <IonSelectOption value="Própria">
-              Própria
-            </IonSelectOption>
-            <IonSelectOption value="Alugada">
-              Alugada
-            </IonSelectOption>
-          </IonSelect>
-          <span class="error-message">{{ errors[0] }}</span>
-        </Field>
-
-        <!-- Add other fields similarly -->
-        <!-- </IonCardContent>
-    </IonCard> -->
-      </IonSegmentContent>
-      <IonSegmentContent id="complementary">
-        <IonAccordionGroup>
-          <IonAccordion value="infrastructure">
-            <IonItem slot="header" color="light">
-              <IonLabel>Infraestrutura</IonLabel>
-            </IonItem>
-            <div slot="content" class="ion-padding">
-              <Field v-slot="{ field, errors }" name="operatingLocation" rules="required">
-                <IonSelect v-bind="field" label="Local de Funcionamento" label-placement="stacked" fill="outline" placeholder="Selecione o local de funcionamento">
-                  <IonSelectOption value="Próprio">
-                    Próprio
-                  </IonSelectOption>
-                  <IonSelectOption value="Alugado">
-                    Alugado
-                  </IonSelectOption>
-                </IonSelect>
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="buildingUsage" rules="required">
-                <IonSelect v-bind="field" label="Forma de Ocupação do Prédio" label-placement="stacked" fill="outline" placeholder="Selecione a forma de ocupação">
-                  <IonSelectOption value="Exclusivo">
-                    Exclusivo
-                  </IonSelectOption>
-                  <IonSelectOption value="Compartilhado">
-                    Compartilhado
-                  </IonSelectOption>
-                </IonSelect>
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="sharedSchool" rules="required">
-                <IonSelect v-bind="field" label="Escola Compartilhada?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                  <IonSelectOption value="Sim">
-                    Sim
-                  </IonSelectOption>
-                  <IonSelectOption value="Não">
-                    Não
-                  </IonSelectOption>
-                </IonSelect>
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="sharedSchoolINEPCode">
-                <IonInput v-bind="field" label="Código INEP da escola compartilhada" label-placement="stacked" fill="outline" placeholder="Digite o código INEP" />
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="potableWaterAvailable" rules="required">
-                <IonSelect v-bind="field" label="Água potável disponível" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                  <IonSelectOption value="Sim">
-                    Sim
-                  </IonSelectOption>
-                  <IonSelectOption value="Não">
-                    Não
-                  </IonSelectOption>
-                </IonSelect>
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="electricityAvailable" rules="required">
-                <IonSelect v-bind="field" label="Fonte de energia elétrica" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                  <IonSelectOption value="Sim">
-                    Sim
-                  </IonSelectOption>
-                  <IonSelectOption value="Não">
-                    Não
-                  </IonSelectOption>
-                </IonSelect>
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="sewageAvailable" rules="required">
-                <IonSelect v-bind="field" label="Esgotamento sanitário adequado" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                  <IonSelectOption value="Sim">
-                    Sim
-                  </IonSelectOption>
-                  <IonSelectOption value="Não">
-                    Não
-                  </IonSelectOption>
-                </IonSelect>
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="wasteDisposal" rules="required">
-                <IonSelect v-bind="field" label="Destinação do lixo" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                  <IonSelectOption value="Coleta Regular">
-                    Coleta Regular
-                  </IonSelectOption>
-                  <IonSelectOption value="Reciclagem">
-                    Reciclagem
-                  </IonSelectOption>
-                  <IonSelectOption value="Outro">
-                    Outro
-                  </IonSelectOption>
-                </IonSelect>
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="wasteTreatmentBySchool" rules="required">
-                <IonSelect v-bind="field" label="Tratamento de resíduos realizado pela escola" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                  <IonSelectOption value="Sim">
-                    Sim
-                  </IonSelectOption>
-                  <IonSelectOption value="Não">
-                    Não
-                  </IonSelectOption>
-                </IonSelect>
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="foodServiceAvailable" rules="required">
-                <IonSelect v-bind="field" label="Oferece alimentação escolar aos alunos?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                  <IonSelectOption value="Sim">
-                    Sim
-                  </IonSelectOption>
-                  <IonSelectOption value="Não">
-                    Não
-                  </IonSelectOption>
-                </IonSelect>
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="communitySharedSpaces" rules="required">
-                <IonSelect v-bind="field" label="Compartilha espaços com a comunidade?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                  <IonSelectOption value="Sim">
-                    Sim
-                  </IonSelectOption>
-                  <IonSelectOption value="Não">
-                    Não
-                  </IonSelectOption>
-                </IonSelect>
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="usesSurroundingSpaces" rules="required">
-                <IonSelect v-bind="field" label="Utiliza equipamentos do entorno escolar para atividades educacionais?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                  <IonSelectOption value="Sim">
-                    Sim
-                  </IonSelectOption>
-                  <IonSelectOption value="Não">
-                    Não
-                  </IonSelectOption>
-                </IonSelect>
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
+            <Field v-slot="{ field, errors }" name="postalCode" rules="required|postalCode">
+              <IonInput v-model="formValues.postalCode" v-maskito="postalCodeOptions" v-bind="field" label="CEP" label-placement="stacked" fill="outline" placeholder="nnnnn-nnn" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="state" rules="required">
+              <IonSelect v-model="formValues.state" v-bind="field" label="Estado" label-placement="stacked" fill="outline" placeholder="Selecione o estado">
+                <IonSelectOption value="AC">
+                  Acre
+                </IonSelectOption>
+                <IonSelectOption value="AL">
+                  Alagoas
+                </IonSelectOption>
+                <IonSelectOption value="AP">
+                  Amapá
+                </IonSelectOption>
+                <IonSelectOption value="AM">
+                  Amazonas
+                </IonSelectOption>
+                <IonSelectOption value="BA">
+                  Bahia
+                </IonSelectOption>
+                <IonSelectOption value="CE">
+                  Ceará
+                </IonSelectOption>
+                <IonSelectOption value="DF">
+                  Distrito Federal
+                </IonSelectOption>
+                <IonSelectOption value="ES">
+                  Espírito Santo
+                </IonSelectOption>
+                <IonSelectOption value="GO">
+                  Goiás
+                </IonSelectOption>
+                <IonSelectOption value="MA">
+                  Maranhão
+                </IonSelectOption>
+                <IonSelectOption value="MT">
+                  Mato Grosso
+                </IonSelectOption>
+                <IonSelectOption value="MS">
+                  Mato Grosso do Sul
+                </IonSelectOption>
+                <IonSelectOption value="MG">
+                  Minas Gerais
+                </IonSelectOption>
+                <IonSelectOption value="PA">
+                  Pará
+                </IonSelectOption>
+                <IonSelectOption value="PB">
+                  Paraíba
+                </IonSelectOption>
+                <IonSelectOption value="PR">
+                  Paraná
+                </IonSelectOption>
+                <IonSelectOption value="PE">
+                  Pernambuco
+                </IonSelectOption>
+                <IonSelectOption value="PI">
+                  Piauí
+                </IonSelectOption>
+                <IonSelectOption value="RJ">
+                  Rio de Janeiro
+                </IonSelectOption>
+                <IonSelectOption value="RN">
+                  Rio Grande do Norte
+                </IonSelectOption>
+                <IonSelectOption value="RS">
+                  Rio Grande do Sul
+                </IonSelectOption>
+                <IonSelectOption value="RO">
+                  Rondônia
+                </IonSelectOption>
+                <IonSelectOption value="RR">
+                  Roraima
+                </IonSelectOption>
+                <IonSelectOption value="SC">
+                  Santa Catarina
+                </IonSelectOption>
+                <IonSelectOption value="SP">
+                  São Paulo
+                </IonSelectOption>
+                <IonSelectOption value="SE">
+                  Sergipe
+                </IonSelectOption>
+                <IonSelectOption value="TO">
+                  Tocantins
+                </IonSelectOption>
+              </IonSelect>
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="address" rules="required">
+              <IonInput v-model="formValues.address" v-bind="field" label="Endereço" label-placement="stacked" fill="outline" placeholder="Digite a rua/avenida" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="addressNumber" rules="required">
+              <IonInput v-model="formValues.addressNumber" v-bind="field" label="Número" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="additionalInfo">
+              <IonInput v-model="formValues.additionalInfo" v-bind="field" label="Complemento" label-placement="stacked" fill="outline" placeholder="Digite informações adicionais (opcional)" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="neighborhood" rules="required">
+              <IonInput v-model="formValues.neighborhood" v-bind="field" label="Bairro" label-placement="stacked" fill="outline" placeholder="Digite o nome do bairro" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="city" rules="required">
+              <IonInput v-model="formValues.city" v-bind="field" label="Município" label-placement="stacked" fill="outline" placeholder="Digite a cidade" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="unusualLocation" rules="required">
+              <IonSelect v-model="formValues.unusualLocation" v-bind="field" label="Localização diferenciada da escola" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                <IonSelectOption value="Sim">
+                  Sim
+                </IonSelectOption>
+                <IonSelectOption value="Não">
+                  Não
+                </IonSelectOption>
+              </IonSelect>
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <div class="title-identifier" style="display: flex; align-items: center;">
+              Contato
             </div>
-          </IonAccordion>
-
-          <IonAccordion value="facilities">
-            <IonItem slot="header" color="light">
-              <IonLabel>Dependências</IonLabel>
-            </IonItem>
-            <div slot="content" class="ion-padding">
-              <Field v-slot="{ field, errors }" name="inepCode" rules="required">
-                <IonInput v-bind="field" label="Código INEP" label-placement="stacked" fill="outline" placeholder="Digite o código INEP" />
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="schoolName" rules="required">
-                <IonInput v-bind="field" label="Nome da Escola" label-placement="stacked" fill="outline" placeholder="Digite o nome da escola" />
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="corporateName" rules="required">
-                <IonInput v-bind="field" label="Razão Social" label-placement="stacked" fill="outline" placeholder="Digite a razão social" />
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="cnpj" rules="required|cnpj">
-                <IonInput v-bind="field" label="CNPJ" label-placement="stacked" fill="outline" placeholder="Digite o CNPJ" />
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="educationNetwork" rules="required">
-                <IonSelect v-bind="field" label="Rede de Ensino" label-placement="stacked" fill="outline" placeholder="Selecione a rede de ensino">
-                  <IonSelectOption value="Pública">
-                    Pública
-                  </IonSelectOption>
-                  <IonSelectOption value="Privada">
-                    Privada
-                  </IonSelectOption>
-                </IonSelect>
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="phone1" rules="required">
-                <IonInput v-bind="field" label="Telefone 1" label-placement="stacked" fill="outline" placeholder="Digite o telefone 1" />
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="email" rules="email">
-                <IonInput v-bind="field" label="E-mail" label-placement="stacked" fill="outline" placeholder="Digite o e-mail" />
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="postalCode" rules="required|postalCode">
-                <IonInput v-bind="field" label="CEP" label-placement="stacked" fill="outline" placeholder="Digite o CEP" />
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="address" rules="required">
-                <IonInput v-bind="field" label="Endereço" label-placement="stacked" fill="outline" placeholder="Digite o endereço" />
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
-
-              <Field v-slot="{ field, errors }" name="operatingLocation" rules="required">
-                <IonSelect v-bind="field" label="Local de Funcionamento" label-placement="stacked" fill="outline" placeholder="Selecione o local de funcionamento">
-                  <IonSelectOption value="Própria">
-                    Própria
-                  </IonSelectOption>
-                  <IonSelectOption value="Alugada">
-                    Alugada
-                  </IonSelectOption>
-                </IonSelect>
-                <span class="error-message">{{ errors[0] }}</span>
-              </Field>
+
+            <Field v-slot="{ field, errors }" name="phone1" rules="required">
+              <IonInput v-model="formValues.phone1" v-maskito="phoneOptions" v-bind="field" label="Telefone 1" label-placement="stacked" fill="outline" placeholder="Digite o telefone 1" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="phone2">
+              <IonInput v-model="formValues.phone2" v-maskito="phoneOptions" v-bind="field" label="Telefone 2" label-placement="stacked" fill="outline" placeholder="Digite o telefone 2" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="email" rules="email">
+              <IonInput v-model="formValues.email" v-bind="field" label="E-mail" label-placement="stacked" fill="outline" placeholder="Digite o e-mail" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="website">
+              <IonInput v-model="formValues.website" v-bind="field" label="Site" label-placement="stacked" fill="outline" placeholder="Digite o link do site" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="abbreviation">
+              <IonInput v-model="formValues.abbreviation" v-bind="field" label="Sigla" label-placement="stacked" fill="outline" placeholder="Digite a sigla oficial" />
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <div class="title-identifier" style="display: flex; align-items: center;">
+              Configurações Gerais
             </div>
-          </IonAccordion>
-
-          <IonAccordion value="equipments">
-            <IonItem slot="header" color="light">
-              <IonLabel>Equipamentos</IonLabel>
-            </IonItem>
-          </IonAccordion>
-          <div slot="content" class="ion-padding" />
-
-          <IonAccordion value="humanResources">
-            <IonItem slot="header" color="light">
-              <IonLabel>Recursos Humanos</IonLabel>
-            </IonItem>
-          </IonAccordion>
-          <div slot="content" class="ion-padding" />
-
-          <IonAccordion value="teachingAndPedagogicalPractices">
-            <IonItem slot="header" color="light">
-              <IonLabel>Ensino e Práticas Pedagógicas</IonLabel>
-            </IonItem>
-          </IonAccordion>
-          <div slot="content" class="ion-padding" />
-        </IonAccordionGroup>
-      </IonSegmentContent>
-    </IonSegmentView>
-
-    <IonButton type="submit" expand="block" color="primary">
-      Salvar
-    </IonButton>
-  </Form>
+
+            <Field v-slot="{ field, errors }" name="blockJournalEntries" rules="required">
+              <IonSelect v-model="formValues.blockJournalEntries" v-bind="field" label="Bloquear lançamento no diário para anos letivos encerrados" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                <IonSelectOption value="Sim">
+                  Sim
+                </IonSelectOption>
+                <IonSelectOption value="Não">
+                  Não
+                </IonSelectOption>
+              </IonSelect>
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="usesAlternativeRules" rules="required">
+              <IonSelect v-model="formValues.usesAlternativeRules" v-bind="field" label="Utiliza regra alternativa de avaliação" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                <IonSelectOption value="Sim">
+                  Sim
+                </IonSelectOption>
+                <IonSelectOption value="Não">
+                  Não
+                </IonSelectOption>
+              </IonSelect>
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="operationalStatus" rules="required">
+              <IonSelect v-model="formValues.operationalStatus" v-bind="field" label="Situação de Funcionamento" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                <IonSelectOption value="Ativa">
+                  Ativa
+                </IonSelectOption>
+                <IonSelectOption value="Inativa">
+                  Inativa
+                </IonSelectOption>
+              </IonSelect>
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+
+            <Field v-slot="{ field, errors }" name="administrativeDependency" rules="required">
+              <IonSelect v-model="formValues.administrativeDependency" v-bind="field" label="Dependência Administrativa" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                <IonSelectOption value="Federal">
+                  Federal
+                </IonSelectOption>
+                <IonSelectOption value="Estadual">
+                  Estadual
+                </IonSelectOption>
+                <IonSelectOption value="Municipal">
+                  Municipal
+                </IonSelectOption>
+              </IonSelect>
+              <span class="error-message">{{ errors[0] }}</span>
+            </Field>
+          </IonSegmentContent>
+          <IonSegmentContent id="complementary">
+            <IonAccordionGroup>
+              <IonAccordion value="infrastructure">
+                <IonItem slot="header" class="accordion-header-color">
+                  <IonLabel color="dark">
+                    Infraestrutura
+                  </IonLabel>
+                </IonItem>
+
+                <div slot="content" class="ion-padding">
+                  <Field v-slot="{ field, errors }" name="operatingLocation">
+                    <IonSelect v-model="formValues.operatingLocation" v-bind="field" label="Local de Funcionamento" label-placement="stacked" fill="outline" placeholder="Selecione o local de funcionamento">
+                      <IonSelectOption value="Próprio">
+                        Próprio
+                      </IonSelectOption>
+                      <IonSelectOption value="Alugado">
+                        Alugado
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="buildingUsage">
+                    <IonSelect v-model="formValues.buildingUsage" v-bind="field" label="Forma de Ocupação do Prédio" label-placement="stacked" fill="outline" placeholder="Selecione a forma de ocupação">
+                      <IonSelectOption value="Exclusivo">
+                        Exclusivo
+                      </IonSelectOption>
+                      <IonSelectOption value="Compartilhado">
+                        Compartilhado
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="sharedSchool">
+                    <IonSelect v-model="formValues.sharedSchool" v-bind="field" label="Escola Compartilhada?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="sharedSchoolINEPCode">
+                    <IonInput v-model="formValues.sharedSchoolINEPCode" v-bind="field" label="Código INEP da escola compartilhada" label-placement="stacked" fill="outline" placeholder="Digite o código INEP" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="potableWaterAvailable">
+                    <IonSelect v-model="formValues.potableWaterAvailable" v-bind="field" label="Água potável disponível" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="electricityAvailable">
+                    <IonSelect v-model="formValues.electricityAvailable" v-bind="field" label="Fonte de energia elétrica" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="sewageAvailable">
+                    <IonSelect v-model="formValues.sewageAvailable" v-bind="field" label="Esgotamento sanitário adequado" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="wasteDisposal">
+                    <IonSelect v-model="formValues.wasteDisposal" v-bind="field" label="Destinação do lixo" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Coleta Regular">
+                        Coleta Regular
+                      </IonSelectOption>
+                      <IonSelectOption value="Reciclagem">
+                        Reciclagem
+                      </IonSelectOption>
+                      <IonSelectOption value="Outro">
+                        Outro
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="wasteTreatmentBySchool">
+                    <IonSelect v-model="formValues.wasteTreatmentBySchool" v-bind="field" label="Tratamento de resíduos realizado pela escola" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="foodServiceAvailable">
+                    <IonSelect v-model="formValues.foodServiceAvailable" v-bind="field" label="Oferece alimentação escolar aos alunos?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="communitySharedSpaces">
+                    <IonSelect v-model="formValues.communitySharedSpaces" v-bind="field" label="Compartilha espaços com a comunidade?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="usesSurroundingSpaces">
+                    <IonSelect v-model="formValues.usesSurroundingSpaces" v-bind="field" label="Utiliza equipamentos do entorno escolar para atividades educacionais?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+                </div>
+              </IonAccordion>
+
+              <IonAccordion value="facilities">
+                <IonItem slot="header" class="accordion-header-color">
+                  <IonLabel color="dark">
+                    Dependências
+                  </IonLabel>
+                </IonItem>
+                <div slot="content" class="ion-padding">
+                  <Field v-slot="{ field, errors }" name="specificFacilities">
+                    <IonSelect v-model="formValues.specificFacilities" v-bind="field" label="A escola possui dependências específicas?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <!-- <Field v-slot="{ field, errors }" name="exportToCensus">
+                  <IonSelect v-model="formValues.exportToCensus" v-bind="field" label="Exportar os dados para o Censo Escolar?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                    <IonSelectOption value="Sim">Sim</IonSelectOption>
+                    <IonSelectOption value="Não">Não</IonSelectOption>
+                  </IonSelect>
+                  <span class="error-message">{{ errors[0] }}</span>
+                  </Field> -->
+
+                  <Field v-slot="{ field, errors }" name="generalUseRooms">
+                    <IonSelect v-model="formValues.generalUseRooms" v-bind="field" label="Salas de Uso Geral" label-placement="stacked" fill="outline" multiple placeholder="Selecione as opções">
+                      <IonSelectOption value="salasDeAula">
+                        Salas de Aula
+                      </IonSelectOption>
+                      <IonSelectOption value="espacosComuns">
+                        Espaços Comuns
+                      </IonSelectOption>
+                      <IonSelectOption value="auditorio">
+                        Auditório
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="labsAndFunctionalAreas">
+                    <IonSelect v-model="formValues.labsAndFunctionalAreas" v-bind="field" label="Laboratórios e Áreas Funcionais" label-placement="stacked" fill="outline" multiple placeholder="Selecione as opções">
+                      <IonSelectOption value="informatica">
+                        Informática
+                      </IonSelectOption>
+                      <IonSelectOption value="ciencias">
+                        Ciências
+                      </IonSelectOption>
+                      <IonSelectOption value="multimidia">
+                        Multimídia
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="supportFacilities">
+                    <IonSelect v-model="formValues.supportFacilities" v-bind="field" label="Instalações de Apoio" label-placement="stacked" fill="outline" multiple placeholder="Selecione as opções">
+                      <IonSelectOption value="banheiros">
+                        Banheiros
+                      </IonSelectOption>
+                      <IonSelectOption value="areasExternas">
+                        Áreas Externas
+                      </IonSelectOption>
+                      <IonSelectOption value="acessibilidade">
+                        Acessibilidade
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="insideClassroooms">
+                    <IonInput v-model="formValues.insideClassroooms" v-bind="field" label="Salas de Aula Dentro do Prédio" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="outsideClassrooms">
+                    <IonInput v-model="formValues.outsideClassrooms" v-bind="field" label="Salas de Aula Fora do Prédio" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="refrigeratedClassrooms">
+                    <IonInput v-model="formValues.refrigeratedClassrooms" v-bind="field" label="Salas de Aula Climatizadas" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="accessibleClassrooms">
+                    <IonInput v-model="formValues.accessibleClassrooms" v-bind="field" label="Salas de Aula Adaptadas para Acessibilidade" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+                </div>
+              </IonAccordion>
+
+              <IonAccordion value="equipments">
+                <IonItem slot="header" class="accordion-header-color">
+                  <IonLabel color="dark">
+                    Equipamentos
+                  </IonLabel>
+                </IonItem>
+                <div slot="content" class="ion-padding">
+                  <Field v-slot="{ field, errors }" name="internetAvailable">
+                    <IonSelect v-model="formValues.internetAvailable" v-bind="field" label="A escola tem internet?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="connectionTypes">
+                    <IonSelect v-model="formValues.connectionTypes" v-bind="field" label="Tipos de Conexão Disponíveis" label-placement="stacked" fill="outline" multiple placeholder="Selecione as opções">
+                      <IonSelectOption value="wifi">
+                        Wi-Fi
+                      </IonSelectOption>
+                      <IonSelectOption value="cabo">
+                        Cabo
+                      </IonSelectOption>
+                      <IonSelectOption value="fibra">
+                        Fibra Óptica
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="localNetworkAvailable">
+                    <IonSelect v-model="formValues.localNetworkAvailable" v-bind="field" label="Rede local disponível?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="devicesUsedByStudents">
+                    <IonSelect v-model="formValues.devicesUsedByStudents" v-bind="field" label="Equipamentos acessados pelos alunos" label-placement="stacked" fill="outline" multiple placeholder="Selecione os dispositivos">
+                      <IonSelectOption value="COMPUTER">
+                        Computador
+                      </IonSelectOption>
+                      <IonSelectOption value="TABLET">
+                        Tablet
+                      </IonSelectOption>
+                      <IonSelectOption value="SMARTPHONE">
+                        Smartphone
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="availabeDesktops">
+                    <IonInput v-model.number="formValues.availabeDesktops" v-bind="field" label="Computadores disponíveis (Desktop)" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="availableLaptops">
+                    <IonInput v-model.number="formValues.availableLaptops" v-bind="field" label="Computadores disponíveis (Laptop)" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="availableTablets">
+                    <IonInput v-model.number="formValues.availableTablets" v-bind="field" label="Tablets disponíveis" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="teachingEquipments">
+                    <IonSelect v-model="formValues.teachingEquipments" v-bind="field" label="Equipamentos para ensino/aprendizagem" label-placement="stacked" fill="outline" multiple placeholder="Selecione os equipamentos">
+                      <IonSelectOption value="PROJECTOR">
+                        Projetor
+                      </IonSelectOption>
+                      <IonSelectOption value="DVD_BLU_RAY">
+                        DVD/Blu-ray
+                      </IonSelectOption>
+                      <IonSelectOption value="MULTIMEDIA_TV">
+                        TV multimídia
+                      </IonSelectOption>
+                      <IonSelectOption value="DIGITAL_WHITEBOARD">
+                        Lousa digital
+                      </IonSelectOption>
+                      <IonSelectOption value="SOUND_SYSTEM">
+                        Sistema de som
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+                </div>
+              </IonAccordion>
+
+              <IonAccordion value="humanResources">
+                <IonItem slot="header" class="accordion-header-color">
+                  <IonLabel color="dark">
+                    Recursos Humanos
+                  </IonLabel>
+                </IonItem>
+                <div slot="content" class="ion-padding">
+                  <Field v-slot="{ field, errors }" name="administrativeStaffNumber">
+                    <IonInput v-model.number="formValues.administrativeStaffNumber" v-bind="field" label="Administração e suporte pedagógico" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="teachingStaffNumber">
+                    <IonInput v-model.number="formValues.teachingStaffNumber" v-bind="field" label="Docentes e suporte direto ao ensino" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="generalServicesStaffNumber">
+                    <IonInput v-model.number="formValues.generalServicesStaffNumber" v-bind="field" label="Serviços de apoio e segurança" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="healthcareStaffNumber">
+                    <IonInput v-model.number="formValues.healthcareStaffNumber" v-bind="field" label="Saúde e nutrição" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="socialAssistanceStaffNumber">
+                    <IonInput v-model.number="formValues.socialAssistanceStaffNumber" v-bind="field" label="Psicologia e assistência social" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="schoolManagementStaffNumber">
+                    <IonInput v-model.number="formValues.schoolManagementStaffNumber" v-bind="field" label="Gestão escolar" label-placement="stacked" fill="outline" placeholder="Digite o número" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+                </div>
+              </IonAccordion>
+
+              <IonAccordion value="teachingAndPedagogicalPractices">
+                <IonItem slot="header" class="accordion-header-color">
+                  <IonLabel color="dark">
+                    Ensino e Práticas Pedagógicas
+                  </IonLabel>
+                </IonItem>
+                <div slot="content" class="ion-padding">
+                  <Field v-slot="{ field, errors }" name="specializedAssistance">
+                    <IonSelect v-model="formValues.specializedAssistance" v-bind="field" label="Atendimento Educacional Especializado (AEE)" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="elementaryEducationModel">
+                    <IonSelect v-model="formValues.elementaryEducationModel" v-bind="field" label="Modelo de Ensino Fundamental" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Ciclo">
+                        Ciclos
+                      </IonSelectOption>
+                      <IonSelectOption value="Série">
+                        Séries
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="pedagogicalMaterials">
+                    <IonSelect v-model="formValues.pedagogicalMaterials" v-bind="field" label="Materiais pedagógicos utilizados" label-placement="stacked" fill="outline" multiple placeholder="Selecione os materiais">
+                      <IonSelectOption value="MULTIMEDIA_ARCHIVE">
+                        Arquivo multimídia
+                      </IonSelectOption>
+                      <IonSelectOption value="TOYS">
+                        Brinquedos
+                      </IonSelectOption>
+                      <IonSelectOption value="EDUCATIONAL_GAMES">
+                        Jogos educativos
+                      </IonSelectOption>
+                      <IonSelectOption value="SCIENTIFICAL_MATERIALS">
+                        Materiais científicos
+                      </IonSelectOption>
+                      <IonSelectOption value="AUDIO_EQUIPMENT">
+                        Equipamentos de áudio
+                      </IonSelectOption>
+                      <IonSelectOption value="MUSICAL_INSTRUMENTS">
+                        Instrumentos musicais
+                      </IonSelectOption>
+                      <IonSelectOption value="ARTISTIC_MATERIALS">
+                        Materiais culturais/artísticos
+                      </IonSelectOption>
+                      <IonSelectOption value="SPORT_MATERIALS">
+                        Materiais esportivos
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="collegiateBodies">
+                    <IonSelect v-model="formValues.collegiateBodies" v-bind="field" label="Órgãos colegiados em funcionamento" label-placement="stacked" fill="outline" multiple placeholder="Selecione os órgãos">
+                      <IonSelectOption value="ASSOCIACAO_DE_PAIS">
+                        Associação de Pais
+                      </IonSelectOption>
+                      <IonSelectOption value="ASSOCIACAO_DE_PAIS_E_MESTRES">
+                        Associação de Pais e Mestres
+                      </IonSelectOption>
+                      <IonSelectOption value="GREMIO_ESTUDANTIL">
+                        Grêmio Estudantil
+                      </IonSelectOption>
+                      <IonSelectOption value="CONSELHO_ESCOLAR">
+                        Conselho Escolar
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="studentSelectionCriteria">
+                    <IonSelect v-model="formValues.studentSelectionCriteria" v-bind="field" label="Critérios de seleção para alunos" label-placement="stacked" fill="outline" multiple placeholder="Selecione os critérios">
+                      <IonSelectOption value="ANALISE_CURRICULAR">
+                        Análise curricular
+                      </IonSelectOption>
+                      <IonSelectOption value="EXAME_DE_SELECAO">
+                        Exame de seleção
+                      </IonSelectOption>
+                      <IonSelectOption value="COTAS">
+                        Cotas
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="wasPedagogicalProjectUpdated">
+                    <IonSelect v-model="formValues.wasPedagogicalProjectUpdated" v-bind="field" label="Projeto Político-Pedagógico atualizado nos últimos 12 meses?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="indigenousEducationAvailable">
+                    <IonSelect v-model="formValues.indigenousEducationAvailable" v-bind="field" label="Educação Escolar Indígena disponível?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="indigenousEducationLanguages">
+                    <IonSelect v-model="formValues.indigenousEducationLanguages" v-bind="field" label="Língua de ensino" label-placement="stacked" fill="outline" multiple placeholder="Selecione as línguas">
+                      <IonSelectOption value="PORTUGUES">
+                        Português
+                      </IonSelectOption>
+                      <IonSelectOption value="TIKUNA">
+                        Ticuna
+                      </IonSelectOption>
+                      <IonSelectOption value="GUARANI_KAIOWA">
+                        Guarani Kaiowá
+                      </IonSelectOption>
+                      <IonSelectOption value="KAINGANG">
+                        Kaingang
+                      </IonSelectOption>
+                      <IonSelectOption value="XAVANTE">
+                        Xavante
+                      </IonSelectOption>
+                      <IonSelectOption value="YANOMAMI">
+                        Yanomami
+                      </IonSelectOption>
+                      <IonSelectOption value="OUTRO">
+                        Outro
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="linkedWithSuperiorEducation">
+                    <IonSelect v-model="formValues.linkedWithSuperiorEducation" v-bind="field" label="Vínculo com unidades de ensino superior" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
+                      <IonSelectOption value="Sim">
+                        Sim
+                      </IonSelectOption>
+                      <IonSelectOption value="Não">
+                        Não
+                      </IonSelectOption>
+                    </IonSelect>
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="headSchoolCode">
+                    <IonInput v-model="formValues.headSchoolCode" v-bind="field" label="Código da escola sede" label-placement="stacked" fill="outline" placeholder="Digite o código" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+
+                  <Field v-slot="{ field, errors }" name="IESCode">
+                    <IonInput v-model="formValues.IESCode" v-bind="field" label="Código da Instituição de Ensino Superior" label-placement="stacked" fill="outline" placeholder="Digite o código" />
+                    <span class="error-message">{{ errors[0] }}</span>
+                  </Field>
+                </div>
+              </IonAccordion>
+            </IonAccordionGroup>
+          </IonSegmentContent>
+        </IonSegmentView>
+      </Form>
+    </ion-content>
+    <div>
+      <IonGrid>
+        <IonRow>
+          <IonCol size="6">
+            <IonButton :disabled="false" color="danger" expand="full" @click="closeModal(false)">
+              Cancelar
+            </IonButton>
+          </IonCol>
+          <IonCol size="6">
+            <IonButton :disabled="false" color="secondary" expand="full" @click="">
+              Salvar
+            </IonButton>
+          </IonCol>
+        </IonRow>
+      </IonGrid>
+    </div>
+  </IonPage>
 </template>
 
 <style scoped>
@@ -601,6 +1129,13 @@ const handleSubmit: SubmissionHandler<typeof formValues.value> = (values) => {
   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);
@@ -610,4 +1145,12 @@ 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/school-management/views/RegisterSeries.vue b/src/modules/school-management/views/RegisterSeries.vue
index e02ca5f..1e3c27c 100644
--- a/src/modules/school-management/views/RegisterSeries.vue
+++ b/src/modules/school-management/views/RegisterSeries.vue
@@ -1,50 +1,483 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+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, validate } from 'vee-validate'
+import { computed, onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
-import SeriesForm from '../../school-management/components/SeriesForm.vue'
+import InstitutionService from '../../institution/services/InstitutionService'
+import CourseService from '../services/CourseService'
+import DisciplineService from '../services/DisciplineService'
+import SeriesService from '../services/SeriesService'
 
-const seriesFormRef = ref<InstanceType<typeof SeriesForm> | null>(null)
+defineProps<{
+  closeModal: (status: boolean) => void
+}>()
+
+defineEmits<{
+  (e: 'cancel'): void
+  (e: 'save'): void
+}>()
+
+defineExpose({
+  registerSeries,
+})
+const selectedSegment = ref('general')
 const router = useRouter()
+const route = useRouter()
+const seriesId = computed(() => route.currentRoute.value.params.id) as { value: string }
+const seriesService = new SeriesService()
+const courseService = new CourseService()
+const disciplineService = new DisciplineService()
+const institutionService = new InstitutionService()
+const institutionId = ref()
+const schoolId = ref()
+const institutionList = ref()
+const disciplineList = ref()
+const seriesList = ref()
+const courseList = ref()
+const courseId = ref()
+
+const disciplines = ref<Array<{
+  disciplineId: string
+  seriesId: string
+  name: string
+  year: string
+  workload: string
+  createdAt: Date
+  deletedAt: null | string
+  updatedAt: null | string
+  updatedBy: null | string
+  tenantId: string
+}>>([])
+
+const formValues = ref({
+  name: '',
+  description: '',
+  courseId: '',
+  createdAt: new Date(),
+  deletedAt: null,
+  updatedAt: null,
+  updatedBy: null,
+  tenantId: null,
+  userCreated: null,
+  institutionId: '',
+})
+// Configura o formulário com os valores iniciais
+const { values } = useForm({
+  initialValues: formValues.value,
+})
+
+// Adiciona uma nova disciplina
+function addDiscipline() {
+  disciplines.value.push({
+    disciplineId: '',
+    seriesId: '',
+    name: '',
+    year: '',
+    workload: '',
+    createdAt: new Date(),
+    deletedAt: null,
+    updatedAt: null,
+    updatedBy: null,
+    tenantId: '',
+  })
+}
+
+// Remove uma disciplina pelo índice
+function removeDiscipline(index: number) {
+  disciplines.value.splice(index, 1)
+}
+
+async function saveSeriesAndDisciplines() {
+  const series = {
+    ...formValues.value,
+    createdAt: formValues.value.createdAt.toISOString(),
+  }
+
+  const disciplinesToSave = disciplines.value.map(({ name, ...discipline }) => ({
+    ...discipline,
+    year: Number(discipline.year),
+    workload: Number(discipline.workload),
+    createdAt: new Date().toISOString(),
+  }))
+
+  try {
+    const result = await seriesService.upsertSeriesWithDisciplines(series, disciplinesToSave)
 
-function handleCancel() {
-  router.push({ name: 'SeriesListSeries' })
+    if (result) {
+      showToast('Série e disciplinas salvas com sucesso!', 'top', 'success')
+      router.push('/Series/list')
+    }
+  }
+  catch (error) {
+    console.error('Erro ao salvar série e disciplinas:', error)
+    showToast('Erro ao salvar série e disciplinas. Tente novamente.', 'top', 'danger')
+  }
 }
 
-function handleSave() {
-  seriesFormRef.value?.registerSeries()
+// Sincroniza os valores do formulário com `formValues`
+watch(values, (newValues) => {
+  formValues.value = { ...newValues }
+})
+
+async function registerSeries() {
+  const validationResult = await validate()
+
+  if (!validationResult.valid) {
+    const displayErrors = Object.values(errors.value).join(', ')
+    showToast(displayErrors, 'top', 'warning')
+  }
+  else {
+    const formData = {
+      id: seriesId.value,
+      schoolId: schoolId.value,
+      courseId: courseId.value,
+      institutionId: institutionId.value,
+      courseStage: values.courseStage,
+      graduate: values.graduate,
+      name: values.name,
+      workload: values.workload,
+      schoolDays: values.schoolDays,
+      timetableId: null,
+      metadata: null,
+      createdAt: null,
+      updatedAt: null,
+      deletedAt: null,
+      updatedBy: null,
+      userCreated: null,
+      tenantId: null,
+    }
+    console.log('FormData:', formData)
+    try {
+      let result
+      if (seriesId.value) {
+        result = await seriesService.update(seriesId.value, formData)
+        if (result) {
+          showToast('Série atualizada com sucesso')
+          setTimeout(() => {
+            router.push('/Series/list').then(() => {
+              location.reload()
+            })
+          }, 2000)
+        }
+      }
+      else {
+        result = await seriesService.create(formData)
+        if (result) {
+          showToast('Série cadastrada com sucesso!', 'top', 'success')
+          setTimeout(() => {
+            router.push('/Series/list').then(() => {
+              location.reload()
+            })
+          }, 2000)
+        }
+      }
+    }
+    catch (error) {
+      console.error('Erro ao salvar série:', error)
+      showToast('Erro ao cadastrar série. Tente novamente.', 'top', 'danger')
+    }
+  }
+}
+
+async function loadSeries() {
+  try {
+    const [institutions, series, courses, disciplinas] = await Promise.all([
+      institutionService.getAll(),
+      seriesService.getAllSeries(),
+      courseService.getAllCourses(),
+      disciplineService.getAllDiscipline(),
+    ])
+
+    institutionList.value = institutions?.map(item => ({ id: item.id, name: item.name })) || []
+    seriesList.value = series?.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)
+  }
+}
+async function getSeriesData() {
+  if (seriesId.value) {
+    const seriesDbData = await seriesService.getById(seriesId.value)
+    if (seriesDbData) {
+      institutionId.value = seriesDbData.institutionId
+      courseId.value = seriesDbData.courseId
+      schoolId.value = seriesDbData.schoolId
+      setFieldValue('institutionId', seriesDbData.institutionId)
+      setFieldValue('schoolId', seriesDbData.schoolId)
+      setFieldValue('institutionId', seriesDbData.institutionId)
+      setFieldValue('schoolId', seriesDbData.schoolId)
+      setFieldValue('courseId', seriesDbData.courseId)
+      setFieldValue('name', seriesDbData.name)
+      setFieldValue('courseStage', seriesDbData.courseStage)
+      setFieldValue('graduate', seriesDbData.graduate)
+      setFieldValue('workload', seriesDbData.workload)
+      setFieldValue('schoolDays', seriesDbData.schoolDays)
+    }
+    else {
+      console.error(`Dados da série não encontrados para o ID: ${seriesId.value}`)
+    }
+  }
 }
+
+async function loadInstitution() {
+  try {
+    const institutions = await institutionService.getAll()
+
+    if (institutions && institutions.length === 1) {
+      institutionId.value = institutions[0].id
+      formValues.value.institutionId = institutions[0].id // Define o valor inicial
+    }
+
+    if (institutions) {
+      institutionList.value = institutions.map((institution: any) => ({
+        id: institution.id,
+        name: institution.name,
+      }))
+    }
+  }
+  catch (error) {
+    console.error('Erro ao carregar dados:', error)
+  }
+}
+
+// Atualiza a carga horária com base na disciplina selecionada
+function updateWorkload(index: number, selectedDiscipline: string) {
+  const selected = disciplineList.value.find(d => d.name === selectedDiscipline)
+  if (!selected) {
+    console.warn(`Disciplina não encontrada: ${selectedDiscipline}`)
+    return
+  }
+
+  disciplines.value[index].workload = selected.workload
+  disciplines.value[index].disciplineId = selected.id
+}
+
+onMounted(async () => {
+  await loadSeries()
+  await loadInstitution()
+  if (seriesId.value) {
+    await getSeriesData()
+    if (institutionId.value)
+      setFieldValue('institutionId', institutionId.value)
+    if (courseId.value)
+      setFieldValue('courseId', courseId.value)
+  }
+})
 </script>
 
 <template>
-  <!-- <content-layout :show-footer="true"> -->
-  <!-- <template #header-buttons>
-      <ion-buttons slot="start">
-        <ion-back-button default-href="/" />
-      </ion-buttons>
-    </template> -->
-  <!-- <template #description>
-    Todos os campos são obrigatórios, a menos que indicado de outra forma.
-  </template> -->
-  <div id="series-form">
-    <SeriesForm ref="seriesFormRef" @cancel="handleCancel" @save="handleSave" />
-  </div>
-
-  <!-- <template #footer> -->
-  <!-- <ion-grid>
-    <ion-row class="ion-justify-content-between">
-      <ion-col>
-        <ion-button expand="block" color="danger" @click="handleCancel">
-          Cancelar
-        </ion-button>
-      </ion-col>
-      <ion-col>
-        <ion-button expand="block" color="primary" @click="handleSave">
-          Salvar
-        </ion-button>
-      </ion-col>
-    </ion-row>
-  </ion-grid> -->
-  <!-- </template> -->
-  <!-- </content-layout> -->
-  <!-- </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;" />
+          Nova série
+        </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" 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="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" 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"
+              >
+                <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="description">
+              <IonInput
+                v-model="formValues.description"
+                v-bind="field"
+                label="Descrição"
+                label-placement="stacked"
+                fill="outline"
+                placeholder="Digite uma descrição da série"
+              />
+              <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">
+                        <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" 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" 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="false" 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/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
+})

From f5a4137ec05dbcba853bfe9c81c6d535897a9035 Mon Sep 17 00:00:00 2001
From: alan-cleveston <alan.cleveston@softagon.com.br>
Date: Thu, 15 May 2025 16:54:09 -0300
Subject: [PATCH 03/11] =?UTF-8?q?chore:=20Cadastro=20de=20s=C3=A9ries?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FunctionDetailView.vue         |  114 ++
 src/components/ListWithAction.vue             |  125 +-
 src/components/RegistredItems.vue             |   95 +-
 src/components/listWithActionFunction.vue     |  144 ++
 src/modules/school-management/routes.ts       |   58 +-
 .../services/SeriesService.ts                 |  177 +++
 .../views/DashboardFunction.vue               |  383 +++--
 .../views/DashboardSchools.vue                |   24 +-
 .../views/DashboardSeries.vue                 |  185 ++-
 .../school-management/views/EditClass.vue     |   59 -
 .../school-management/views/EditCourse.vue    |   59 -
 .../school-management/views/EditSchools.vue   |  120 --
 .../school-management/views/EditSeries.vue    |   59 -
 .../views/FunctionDetailsDesktop.vue          |  207 +++
 .../views/RegisterFunction.vue                |  112 +-
 .../views/RegisterFunctionMobile.vue          |  171 ++-
 .../views/RegisterSchool.vue                  | 1263 ++---------------
 .../views/RegisterSeries.vue                  |  148 +-
 18 files changed, 1724 insertions(+), 1779 deletions(-)
 create mode 100644 src/components/FunctionDetailView.vue
 create mode 100644 src/components/listWithActionFunction.vue
 delete mode 100644 src/modules/school-management/views/EditClass.vue
 delete mode 100644 src/modules/school-management/views/EditCourse.vue
 delete mode 100644 src/modules/school-management/views/EditSchools.vue
 delete mode 100644 src/modules/school-management/views/EditSeries.vue
 create mode 100644 src/modules/school-management/views/FunctionDetailsDesktop.vue

diff --git a/src/components/FunctionDetailView.vue b/src/components/FunctionDetailView.vue
new file mode 100644
index 0000000..14aa223
--- /dev/null
+++ b/src/components/FunctionDetailView.vue
@@ -0,0 +1,114 @@
+<script setup lang="ts">
+import { IonButton, IonChip, IonCol, IonContent, IonGrid, IonIcon, IonItemDivider, IonLabel, IonList, IonPage, IonRow, IonText } from '@ionic/vue'
+import { documentTextOutline, personSharp, textOutline } from 'ionicons/icons'
+import { ref } from 'vue'
+
+interface Props {
+  items: {
+    id?: string
+    name: string
+    abbreviation?: string
+    description?: string
+    updatedAt?: string
+  }
+  name?: string
+}
+
+const props = defineProps<Props>()
+const emits = defineEmits(['close', 'edit'])
+
+const metaIcon = ref(personSharp)
+</script>
+
+<template>
+  <IonPage>
+    <IonContent class="ion-padding">
+      <!-- Título no mesmo estilo exato do formulário -->
+      <div class="style-purple-lane" style="display: flex; align-items: center;">
+        <IonIcon :icon="personSharp" style="margin-right: 10px;" />
+        {{ props.name }}
+      </div>
+
+      <div class="function-detail-content">
+        <!-- Informações gerais header -->
+        <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 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">
+            <IonChip color="primary">
+              {{ 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" />
+            <IonText color="primary" style="font-size: 11pt; padding-top: 2px;">
+              {{ 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>
+            </IonText>
+          </div>
+        </IonList>
+      </div>
+    </IonContent>
+
+    <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>
+.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;
+}
+
+.function-detail-content {
+  padding: 16px 0;
+}
+
+.abbreviation-tag {
+  display: flex;
+  justify-content: flex-start;
+  margin: 10px 0;
+}
+
+.description-text {
+  white-space: pre-line;
+  line-height: 1.5;
+}
+</style>
diff --git a/src/components/ListWithAction.vue b/src/components/ListWithAction.vue
index 4fcffe2..a2c8177 100644
--- a/src/components/ListWithAction.vue
+++ b/src/components/ListWithAction.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { IonCard, IonCardContent, IonCardHeader, IonCardTitle, IonIcon, IonItem, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonList } from '@ionic/vue'
-import { eye, pencilSharp, school, trashSharp } from 'ionicons/icons'
+import { arrowBack, arrowForward, eye, pencilSharp, school, trashSharp } from 'ionicons/icons'
+import { ref } from 'vue'
 
 interface Props {
   dataList: {
@@ -23,11 +24,26 @@ interface Props {
     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 isOpen = ref<boolean[]>([])
+const itemSliding = ref<(InstanceType<typeof IonItemSliding> | null)[]>([])
+
+const innerWidth = window.innerWidth
+
+// function handleOpened(index: number) {
+//   isOpen.value[index] = true
+// }
 </script>
 
 <template>
@@ -44,36 +60,95 @@ const emits = defineEmits(['update:see', 'update:edit', 'update:delete'])
     <div v-if="true">
       <IonCardContent class="ion-no-padding">
         <!-- listando -->
-
+        <!-- <pre>
+          list: {{ list }}
+        </pre> -->
         <IonList>
-          <IonItemSliding v-for="(item, index) in props.dataList" :key="index">
-            <IonItem>
-              <IonLabel class="ion-no-margin" style="margin-top: 5px; margin-bottom: 5px;">
+          <div v-if="innerWidth < 992">
+            <IonItemSliding
+              v-for="(item, index) in props.dataList" :key="index" ref="itemSliding"
+            >
+              <!-- @ion-drag="console.log('ion-drag')" -->
+              <IonItem>
+                <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;" />
+                  </div>
+                </IonItemOption>
+                <IonItemOption color="primary" @click="emits('update:edit', { modal: true, data: item })">
+                  <div style="width: 40px; display: flex; justify-content: center;">
+                    <IonIcon :icon="pencilSharp" style="font-size: 18pt;" />
+                  </div>
+                </IonItemOption>
+                <IonItemOption color="danger" @click="emits('update:delete', { modal: true, data: item })">
+                  <div style="width: 40px; display: flex; justify-content: center;">
+                    <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" style="margin-top: 5px; margin-bottom: 5px;">
                 <h2>{{ item.name || 'Item sem nome' }}</h2>
-                <p>{{ item.address || 'Sem endereço' }}</p>
+                <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%;">
+                <IonItemOption style="background-color: white;" @click="emits('update:see', { modal: true, data: item })">
+                  <div style="width: 40px; display: flex; justify-content: center;">
+                    <IonIcon color="tertiary" :icon="eye" size="large" />
+                  </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" size="large" />
+                  </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" size="large" />
+                  </div>
+                </IonItemOption>
+              </div>
             </IonItem>
-
-            <IonItemOptions>
-              <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;" />
-                </div>
-              </IonItemOption>
-              <IonItemOption color="primary" @click="emits('update:edit', { modal: true, data: item })">
-                <div style="width: 40px; display: flex; justify-content: center;">
-                  <IonIcon :icon="pencilSharp" style="font-size: 18pt;" />
-                </div>
-              </IonItemOption>
-              <IonItemOption color="danger" @click="emits('update:delete', { modal: true, data: item })">
-                <div style="width: 40px; display: flex; justify-content: center;">
-                  <IonIcon :icon="trashSharp" style="font-size: 18pt;" />
-                </div>
-              </IonItemOption>
-            </IonItemOptions>
-          </IonItemSliding>
+          </div>
         </IonList>
       </IonCardContent>
     </div>
   </IonCard>
 </template>
+
+<style scoped>
+
+</style>
diff --git a/src/components/RegistredItems.vue b/src/components/RegistredItems.vue
index 10fbc8f..574c6db 100644
--- a/src/components/RegistredItems.vue
+++ b/src/components/RegistredItems.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { IonButton, IonCardHeader, IonCol, IonIcon, IonItemDivider, IonLabel, IonList, IonPage, IonRow, IonText } from '@ionic/vue'
-import { bookOutline, business, businessOutline, callOutline, checkmarkCircleOutline, documentOutline, fileTrayOutline, globeOutline, locationOutline, mailOutline, mapOutline, personOutline, pinOutline, schoolOutline } from 'ionicons/icons'
+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'
@@ -9,6 +9,10 @@ interface Props {
   items: {
     status?: string
     name: string
+    courseName?: string
+    institutionName?: string
+    workload?: number
+    schoolDays?: string
     email?: string
     website?: string
     address?: string
@@ -21,6 +25,12 @@ interface Props {
     state?: string
     postalCode?: string
     neighborhood?: string
+    disciplines?: [
+      {
+        disciplineName?: string
+        workload?: number
+      },
+    ]
 
   }
   type?: string
@@ -76,13 +86,55 @@ const metaIcon = ref((route.meta.icon as string) || '')
             <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 : business"
+                :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;"
@@ -139,6 +191,7 @@ const metaIcon = ref((route.meta.icon as string) || '')
         </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"
           >
@@ -185,6 +238,36 @@ const metaIcon = ref((route.meta.icon as string) || '')
                 {{ 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>
@@ -223,4 +306,12 @@ 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/listWithActionFunction.vue b/src/components/listWithActionFunction.vue
new file mode 100644
index 0000000..8a8d0b9
--- /dev/null
+++ b/src/components/listWithActionFunction.vue
@@ -0,0 +1,144 @@
+<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'
+
+interface Props {
+  dataList: {
+    id: string
+    name: string
+    abbreviation?: string | null
+    description?: string | null
+    createdAt?: string
+    updatedAt?: string | null
+    deletedAt?: string | null
+  }[]
+}
+
+const props = defineProps<Props>()
+const emits = defineEmits(['update:see', 'update:edit', 'update:delete'])
+
+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)
+})
+</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;" />
+        <IonCardTitle style="font-size: medium;">
+          Lista de funções ({{ props.dataList.length }})
+        </IonCardTitle>
+      </div>
+    </IonCardHeader>
+
+    <div v-if="true">
+      <IonCardContent class="ion-no-padding">
+        <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)"
+            >
+              <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 }}
+                  </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);">
+                <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;" />
+                  </div>
+                </IonItemOption>
+                <IonItemOption color="primary" @click="emits('update:edit', { modal: true, data: item })">
+                  <div style="width: 40px; display: flex; justify-content: center;">
+                    <IonIcon :icon="pencilSharp" style="font-size: 18pt;" />
+                  </div>
+                </IonItemOption>
+                <IonItemOption color="danger" @click="emits('update:delete', { modal: true, data: item })">
+                  <div style="width: 40px; display: flex; justify-content: center;">
+                    <IonIcon :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 }}
+                </p>
+              </IonLabel>
+              <div style="display: flex; min-height: 100%;">
+                <IonItemOption style="background-color: white;" @click="emits('update:see', { modal: true, data: item })">
+                  <div style="width: 40px; display: flex; justify-content: center;">
+                    <IonIcon color="tertiary" :icon="eye" size="large" />
+                  </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" size="large" />
+                  </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" size="large" />
+                  </div>
+                </IonItemOption>
+              </div>
+            </IonItem>
+          </div>
+        </IonList>
+      </IonCardContent>
+    </div>
+  </IonCard>
+</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/modules/school-management/routes.ts b/src/modules/school-management/routes.ts
index 74e78d2..44a5f67 100644
--- a/src/modules/school-management/routes.ts
+++ b/src/modules/school-management/routes.ts
@@ -4,10 +4,6 @@ import DashboardCourse from './views/DashboardCourse.vue'
 import DashboardFunction from './views/DashboardFunction.vue'
 import DashboardSchools from './views/DashboardSchools.vue'
 import DashboardSeries from './views/DashboardSeries.vue'
-import EditClass from './views/EditClass.vue'
-import EditCourse from './views/EditCourse.vue'
-import EditSchools from './views/EditSchools.vue'
-import EditSeries from './views/EditSeries.vue'
 import RegisterClass from './views/RegisterClass.vue'
 import RegisterCourse from './views/RegisterCourse.vue'
 import RegisterFunction from './views/RegisterFunction.vue'
@@ -28,20 +24,7 @@ const routes = [
       requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
     },
   },
-  {
-    path: '/Schools/edit/:id',
-    name: 'EditSchools',
-    component: EditSchools,
-    moduleName: 'Schools',
-    moduleIcon: school,
-    meta: {
-      moduleName: 'Schools',
-      icon: create,
-      name: 'Editar escola',
-      order: 2,
-      requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
-    },
-  },
+
   {
     path: '/Schools/register',
     name: 'RegisterSchool',
@@ -79,18 +62,7 @@ const routes = [
       requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
     },
   },
-  {
-    path: '/Class/edit/:id',
-    name: 'EditClass',
-    component: EditClass,
-    meta: {
-      moduleName: 'Schools',
-      icon: create,
-      name: 'Editar turma',
-      order: 6,
-      requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
-    },
-  },
+
   {
     path: '/Series/list',
     name: 'SeriesListSeries',
@@ -104,18 +76,7 @@ const routes = [
       requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
     },
   },
-  {
-    path: '/Series/edit/:id',
-    name: 'EditSeries',
-    component: EditSeries,
-    meta: {
-      moduleName: 'Schools',
-      icon: create,
-      name: 'Editar série',
-      order: 8,
-      requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
-    },
-  },
+
   {
     path: '/Series/register',
     name: 'RegisterSeries',
@@ -141,18 +102,7 @@ const routes = [
       requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
     },
   },
-  {
-    path: '/Course/edit/:id',
-    name: 'EditCourse',
-    component: EditCourse,
-    meta: {
-      moduleName: 'Schools',
-      icon: create,
-      name: 'Editar curso',
-      order: 11,
-      requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
-    },
-  },
+
   {
     path: '/Course/register',
     name: 'RegisterCourse',
diff --git a/src/modules/school-management/services/SeriesService.ts b/src/modules/school-management/services/SeriesService.ts
index 58d63b9..a3ddaa4 100644
--- a/src/modules/school-management/services/SeriesService.ts
+++ b/src/modules/school-management/services/SeriesService.ts
@@ -5,6 +5,11 @@ interface SeriesToSave {
   name: string
   courseId: string
   description?: string
+  workload?: number
+  ageRangeMin: number
+  ageRangeMax: number
+  standardAge: number
+  schoolDays: number
   tenantId?: string | null
   userCreated?: string | null
   createdAt: string
@@ -110,4 +115,176 @@ export default class SeriesService extends BaseService<TabelaType> {
       errorHandler(error, 'Erro ao inserir ou atualizar série e disciplinas')
     }
   }
+
+  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) -- Faz o join com a tabela de disciplinas para obter o nome
+              `)
+              .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 => ({
+                ...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) -- Faz o join com a tabela de disciplinas para obter o nome
+          `)
+          .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 => ({
+            ...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
index 492d1e3..cd23b8f 100644
--- a/src/modules/school-management/views/DashboardFunction.vue
+++ b/src/modules/school-management/views/DashboardFunction.vue
@@ -1,52 +1,68 @@
 <script setup lang="ts">
+import type { Tables } from '@/types/database.types'
 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 { IonAlert, IonButton, IonCard, IonCardContent, IonCol, IonGrid, IonIcon, IonModal, IonPage, IonRow, IonSearchbar, IonTitle, IonToolbar } from '@ionic/vue'
-import { add, pencil, trash } from 'ionicons/icons'
-import { computed, onMounted, ref } from '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 showDeleteAlert = ref(false)
-const selectedItemId = ref<string>('')
-const showMobileSheet = ref(false)
+const isModalAddFunction = ref(false)
 const editingId = ref<string | undefined>(undefined)
 
-const filteredDataList = computed(() => {
-  if (!searchQuery.value) {
-    return dataList.value
-  }
+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 })
 
-  return dataList.value.filter(item =>
-    item.name.toLowerCase().includes(searchQuery.value.toLowerCase())
-    || item.abbreviation.toLowerCase().includes(searchQuery.value.toLowerCase()),
-  )
+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,
+  }))
 })
 
-async function loadData() {
-  try {
-    const functions = await serverFunctionService.getServerFunctions()
+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
 
-    dataList.value = functions || []
-  }
-  catch (error) {
-    console.error('Erro ao carregar funções:', error)
-  }
-}
+  // Depois ordena a lista alfabeticamente pelo nome
+  return filtered.sort((a, b) => {
+    return a.name.localeCompare(b.name)
+  })
+})
 
-function isMobileDevice() {
-  return window.innerWidth <= 768
+function setModalAddFunction(open: boolean) {
+  isModalAddFunction.value = open
+  if (open) {
+    isModalAddFunction.value = false
+    setTimeout(() => (isModalAddFunction.value = true), 10)
+  }
 }
 
 function navigateToRegister() {
   if (isMobileDevice()) {
     editingId.value = undefined
-    showMobileSheet.value = true
+    setModalAddFunction(true)
   }
   else {
     router.push({ name: 'RegisterFunction' })
@@ -56,142 +72,217 @@ function navigateToRegister() {
 function editItem(id: string) {
   if (isMobileDevice()) {
     editingId.value = id
-    showMobileSheet.value = true
+    setEditModal(true)
   }
   else {
     router.push({ name: 'RegisterFunction', params: { id } })
   }
 }
 
-function confirmDelete(id: string) {
-  selectedItemId.value = id
-  showDeleteAlert.value = true
+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 deleteItem() {
-  if (selectedItemId.value) {
+async function handleDelete() {
+  if (deleteModal.value?.data?.id) {
     try {
-      await serverFunctionService.softDeleteServerFunction(selectedItemId.value)
-      loadData()
-      showDeleteAlert.value = false
+      await serverFunctionService.softDeleteServerFunction(deleteModal.value.data.id)
+      loadFunctions()
+      setDeleteModal(false)
     }
-    catch (error) {
+    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')
+      }
     }
   }
-}
-
-function formatDate(dateString: string | null) {
-  if (!dateString)
-    return '-'
-  const date = new Date(dateString)
-  return date.toLocaleDateString('pt-BR', { day: '2-digit', month: '2-digit', year: 'numeric' })
+  else {
+    console.error('ID da função não encontrado para exclusão:', deleteModal)
+  }
 }
 
 onMounted(() => {
-  loadData()
+  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>
-      <IonToolbar>
-        <IonTitle>Funções ativas ({{ filteredDataList.length }})</IonTitle>
-      </IonToolbar>
-
-      <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>
-
-      <IonCard>
-        <IonCardContent>
-          <IonGrid>
-            <IonRow class="header-row">
-              <IonCol size="4">
-                Nome
-              </IonCol>
-              <IonCol size="3">
-                Abreviação
-              </IonCol>
-              <IonCol size="2">
-                Atualizado em
-              </IonCol>
-              <IonCol size="2">
-                Ações
-              </IonCol>
-            </IonRow>
-
-            <IonRow v-for="item in filteredDataList" :key="item.id" class="data-row">
-              <IonCol size="4">
-                {{ item.name }}
-              </IonCol>
-              <IonCol size="3">
-                {{ item.abbreviation }}
-              </IonCol>
-              <IonCol size="2">
-                {{ formatDate(item.updatedAt?.toString() ?? null) }}
-              </IonCol>
-              <IonCol size="2" class="ion-text-center">
-                <IonButton fill="clear" color="primary" @click="editItem(item.id)">
-                  <IonIcon slot="icon-only" :icon="pencil" />
+      <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)"
+          />
+        </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)"
+            />
+          </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 fill="clear" color="danger" @click="confirmDelete(item.id)">
-                  <IonIcon slot="icon-only" :icon="trash" />
+                <IonButton
+                  style="text-transform: capitalize;"
+                  size="small"
+                  color="danger"
+                  @click="handleDelete()"
+                >
+                  Confirmar
                 </IonButton>
-              </IonCol>
-            </IonRow>
-
-            <IonRow v-if="filteredDataList.length === 0">
-              <IonCol class="ion-text-center">
-                <p>Nenhuma função encontrada</p>
-              </IonCol>
-            </IonRow>
-          </IonGrid>
-        </IonCardContent>
-      </IonCard>
-
-      <IonAlert
-        :is-open="showDeleteAlert"
-        header="Confirmação"
-        message="Tem certeza que deseja excluir esta função?"
-        :buttons="[
-          {
-            text: 'Cancelar',
-            role: 'cancel',
-            handler: () => { showDeleteAlert = false },
-          },
-          {
-            text: 'Excluir',
-            handler: () => { deleteItem() },
-          },
-        ]"
-      />
+              </div>
+            </IonCardHeader>
+          </IonCard>
+        </IonModal>
+      </div>
     </ContentLayout>
-
-    <IonModal
-      :is-open="showMobileSheet"
-      :breakpoints="[0.3, 0.7, 0.95]"
-      :initial-breakpoint="0.7"
-      handle-behavior="cycle"
-      handle
-      @did-dismiss="showMobileSheet = false"
-    >
-      <RegisterFunctionMobile
-        :edit-id="editingId"
-        @saved="loadData(); showMobileSheet = false"
-        @cancel="showMobileSheet = false"
-      />
-    </IonModal>
   </IonPage>
 </template>
 
@@ -200,16 +291,18 @@ ion-searchbar {
   --background: var(--ion-color-light);
 }
 
-.header-row {
-  font-weight: bold;
-  background-color: var(--ion-color-light);
+ion-segment {
+  --background: rgba(var(--ion-color-tertiary-rgb), 0.15);
+  --color: var(--ion-color-secondary);
 }
 
-.data-row {
-  border-bottom: 1px solid var(--ion-color-light);
+.custom-button {
+  max-width: 120px;
 }
-
-.data-row:hover {
-  background-color: rgba(var(--ion-color-light-rgb), 0.5);
+#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/DashboardSchools.vue b/src/modules/school-management/views/DashboardSchools.vue
index d0e9122..b9a8ccb 100644
--- a/src/modules/school-management/views/DashboardSchools.vue
+++ b/src/modules/school-management/views/DashboardSchools.vue
@@ -6,10 +6,11 @@ import ContentLayout from '@/components/theme/ContentLayout.vue'
 import { IonButton, IonContent, IonIcon, IonModal } from '@ionic/vue'
 import { add } from 'ionicons/icons'
 import { computed, onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
 import SchoolService from '../services/SchoolService'
 import RegisterSchool from './RegisterSchool.vue'
 
-// const router = useRouter()
+const router = useRouter()
 
 // Estados para os dados da instituição e carregamento
 const schoolService = new SchoolService()
@@ -73,9 +74,22 @@ async function loadSchools() {
   }
 }
 
-// function navigateToRegister() {
-//   router.push({ name: 'RegisterSchool' })
-// }
+function isMobileDevice() {
+  return window.innerWidth <= 768
+}
+
+function navigateToRegister() {
+  switch (isMobileDevice()) {
+    case true:
+      // Se for um dispositivo móvel, defina o ID de edição como indefinido e mostre a folha móvel
+      // editingId.value = undefined
+      setModalAddSchool(true)
+      break
+    case false:
+      // Caso contrário, navegue para a página de registro
+      router.push({ name: 'RegisterSchool' })
+  }
+}
 
 onMounted(() => {
   loadSchools()
@@ -105,7 +119,7 @@ onMounted(() => {
           <ion-searchbar v-model="searchQuery" placeholder="Buscar escola" />
         </ion-col>
         <ion-col size="2" class="ion-text-end">
-          <IonButton id="add-btn" expand="block" class="ion-text-uppercase" @click="setModalAddSchool(true)">
+          <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>
diff --git a/src/modules/school-management/views/DashboardSeries.vue b/src/modules/school-management/views/DashboardSeries.vue
index 490651d..7fc9c59 100644
--- a/src/modules/school-management/views/DashboardSeries.vue
+++ b/src/modules/school-management/views/DashboardSeries.vue
@@ -1,22 +1,29 @@
 <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, IonCol, IonContent, IonIcon, IonModal, IonRow } from '@ionic/vue'
 import { add } from 'ionicons/icons'
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
 import SeriesService from '../services/SeriesService'
 import RegisterSeries from './RegisterSeries.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 })
+const seeModal = ref({ modal: false, data: undefined as any })
 const editModal = ref({ modal: false, data: undefined })
 const deleteModal = ref({ modal: false, data: undefined })
 
+const editingId = ref<string | undefined>(undefined)
+
 function setModalAddSeries(open: boolean) {
   isModalAddSchool.value = open
   if (open) {
@@ -25,6 +32,46 @@ function setModalAddSeries(open: boolean) {
   }
 }
 
+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
@@ -37,8 +84,9 @@ const filteredDataList = computed(() => {
 
 async function loadSeries() {
   try {
-    const series = await seriesService.getAllSeries() // getAll() pode retornar null
+    const series = await seriesService.getAllSeriesWithDetails() // getAll() pode retornar null
     dataList.value = series ?? [] // Se retornar null, atribuímos um array vazio
+    console.log(series)
   }
   catch (error) {
     console.error('Erro ao carregar as séries:', error)
@@ -48,10 +96,40 @@ async function loadSeries() {
 // 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>
@@ -62,7 +140,7 @@ onMounted(() => {
           <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="setModalAddSeries(true)">
+          <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>
@@ -70,7 +148,31 @@ onMounted(() => {
         </IonCol>
       </IonRow>
       <!-- <SeriesList :data-list="filteredDataList" /> -->
-      <EduprimeList :data-list="filteredDataList" @update:delete="deleteModal = $event" @update:edit="editModal = $event" @update:see="($event) => { console.log($event); seeModal = $event; }" />
+      <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"
@@ -83,6 +185,73 @@ onMounted(() => {
           <RegisterSeries :close-modal="() => 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>
+      <pre>{{ seeModal.data }}</pre>
+
+      <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"
+            @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>
@@ -105,4 +274,10 @@ ion-segment {
 .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/EditClass.vue b/src/modules/school-management/views/EditClass.vue
deleted file mode 100644
index 62eefe7..0000000
--- a/src/modules/school-management/views/EditClass.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { useRouter } from 'vue-router'
-import ClassForm from '../../school-management/components/ClassForm.vue'
-
-const classFormRef = ref<InstanceType<typeof ClassForm> | null>(null)
-const router = useRouter()
-function handleCancel() {
-  router.push({ name: 'ClassListClass' })
-}
-
-function handleSave() {
-  classFormRef.value?.registerClass()
-}
-</script>
-
-<template>
-  <content-layout :show-footer="true">
-    <template #header-buttons>
-      <ion-buttons slot="start">
-        <ion-back-button default-href="/" />
-      </ion-buttons>
-    </template>
-    <template #description>
-      Todos os campos são obrigatórios, a menos que indicado de outra forma.
-    </template>
-    <div id="class-form">
-      <ClassForm ref="classFormRef" @cancel="handleCancel" @save="handleSave" />
-    </div>
-
-    <template #footer>
-      <ion-grid>
-        <ion-row class="ion-justify-content-between">
-          <ion-col>
-            <ion-button expand="block" color="danger" @click="handleCancel">
-              Cancelar
-            </ion-button>
-          </ion-col>
-          <ion-col>
-            <ion-button expand="block" color="primary" @click="handleSave">
-              Salvar
-            </ion-button>
-          </ion-col>
-        </ion-row>
-      </ion-grid>
-    </template>
-  </content-layout>
-</template>
-
-<style scoped>
-ion-label h2 {
-  margin: 0;
-  font-weight: bold;
-}
-
-ion-searchbar {
-  --background: var(--ion-color-light);
-}
-</style>
diff --git a/src/modules/school-management/views/EditCourse.vue b/src/modules/school-management/views/EditCourse.vue
deleted file mode 100644
index 7027d13..0000000
--- a/src/modules/school-management/views/EditCourse.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { useRouter } from 'vue-router'
-import CourseForm from '../../school-management/components/CourseForm.vue'
-
-const courseFormRef = ref<InstanceType<typeof CourseForm> | null>(null)
-const router = useRouter()
-function handleCancel() {
-  router.push({ name: 'CourseListCourse' })
-}
-
-function handleSave() {
-  courseFormRef.value?.registerCourse()
-}
-</script>
-
-<template>
-  <content-layout :show-footer="true">
-    <template #header-buttons>
-      <ion-buttons slot="start">
-        <ion-back-button default-href="/" />
-      </ion-buttons>
-    </template>
-    <template #description>
-      Todos os campos são obrigatórios, a menos que indicado de outra forma.
-    </template>
-    <div id="course-form">
-      <CourseForm ref="courseFormRef" @cancel="handleCancel" @save="handleSave" />
-    </div>
-
-    <template #footer>
-      <ion-grid>
-        <ion-row class="ion-justify-content-between">
-          <ion-col>
-            <ion-button expand="block" color="danger" @click="handleCancel">
-              Cancelar
-            </ion-button>
-          </ion-col>
-          <ion-col>
-            <ion-button expand="block" color="primary" @click="handleSave">
-              Salvar
-            </ion-button>
-          </ion-col>
-        </ion-row>
-      </ion-grid>
-    </template>
-  </content-layout>
-</template>
-
-<style scoped>
-ion-label h2 {
-  margin: 0;
-  font-weight: bold;
-}
-
-ion-searchbar {
-  --background: var(--ion-color-light);
-}
-</style>
diff --git a/src/modules/school-management/views/EditSchools.vue b/src/modules/school-management/views/EditSchools.vue
deleted file mode 100644
index d3f935b..0000000
--- a/src/modules/school-management/views/EditSchools.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { useRouter } from 'vue-router'
-import SchoolForm from '../../school-management/components/SchoolForm.vue'
-import { School, SchoolSettings } from '@prisma/client'
-
-const schoolFormRef = ref<InstanceType<typeof SchoolForm> | null>(null)
-const school = ref<School>({
-  id: '',
-  idpes: null,
-  cnpj: null,
-  name: '',
-  address: null,
-  city: null,
-  state: null,
-  postalCode: null,
-  phone: null,
-  institutionId: '',
-  active: null,
-  abbreviation: null,
-  longitude: null,
-  latitude: null,
-  totalArea: null,
-  builtArea: null,
-  availableArea: null,
-  acronym: null,
-  blockDiaryEntries: null,
-  operationalStatus: null,
-  administrativeDependency: null, regulation: null,
-  logoUrl: null,
-  access: null,
-  managerid: null,
-  managerPosition: null,
-  operationLocation: null,
-  condition: null,
-  sharedSchooLinePCode: null,
-  creationDecree: null,
-  numberOfFloors: null,
-  floorType: null,
-  energyMeter: null,
-  hasExternalArea: null,
-  metadata: null,
-  createdAt: null,
-  deletedAt: null,
-  updatedAt: null,
-  updatedBy: null,
-  tenantId: null,
-  userCreated: null,
-})
-const schoolSettings = ref<SchoolSettings>({
-  id: '',
-  createdAt: new Date(),
-  dateOpening: null,
-  dateClosing: null,
-  schoolDays: null,
-  dateStart: null,
-  dateEnd: null,
-  institutionId: '',
-  schoolId: '',
-  updatedAt: null,
-  updatedBy: null,
-  tenantId: null,
-  userCreated: null,
-  deletedAt: null
-})
-
-const router = useRouter()
-function handleCancel() {
-  router.push({ name: 'InstitutionListInstitutions' })
-}
-
-function handleSave() {
-  schoolFormRef.value?.registerSchool()
-}
-</script>
-
-<template>
-  <content-layout :show-footer="true">
-    <template #header-buttons>
-      <ion-buttons slot="start">
-        <ion-back-button default-href="/" />
-      </ion-buttons>
-    </template>
-    <template #description>
-      Todos os campos são obrigatórios, a menos que indicado de outra forma.
-    </template>
-    <div id="school-form">
-      <SchoolForm ref="schoolFormRef" :school="school" :schoolSettings="schoolSettings" @cancel="handleCancel"
-        @save="handleSave" />
-    </div>
-
-    <template #footer>
-      <ion-grid>
-        <ion-row class="ion-justify-content-between">
-          <ion-col>
-            <ion-button expand="block" color="danger" @click="handleCancel">
-              Cancelar
-            </ion-button>
-          </ion-col>
-          <ion-col>
-            <ion-button expand="block" color="primary" @click="handleSave">
-              Salvar
-            </ion-button>
-          </ion-col>
-        </ion-row>
-      </ion-grid>
-    </template>
-  </content-layout>
-</template>
-
-<style scoped>
-ion-label h2 {
-  margin: 0;
-  font-weight: bold;
-}
-
-ion-searchbar {
-  --background: var(--ion-color-light);
-}
-</style>
diff --git a/src/modules/school-management/views/EditSeries.vue b/src/modules/school-management/views/EditSeries.vue
deleted file mode 100644
index 618bee5..0000000
--- a/src/modules/school-management/views/EditSeries.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { useRouter } from 'vue-router'
-import SeriesForm from '../../school-management/components/SeriesForm.vue'
-
-const seriesFormRef = ref<InstanceType<typeof SeriesForm> | null>(null)
-const router = useRouter()
-function handleCancel() {
-  router.push({ name: 'SeriesListSeries' })
-}
-
-function handleSave() {
-  seriesFormRef.value?.registerSeries()
-}
-</script>
-
-<template>
-  <content-layout :show-footer="true">
-    <template #header-buttons>
-      <ion-buttons slot="start">
-        <ion-back-button default-href="/" />
-      </ion-buttons>
-    </template>
-    <template #description>
-      Todos os campos são obrigatórios, a menos que indicado de outra forma.
-    </template>
-    <div id="series-form">
-      <SeriesForm ref="seriesFormRef" @cancel="handleCancel" @save="handleSave" />
-    </div>
-
-    <template #footer>
-      <ion-grid>
-        <ion-row class="ion-justify-content-between">
-          <ion-col>
-            <ion-button expand="block" color="danger" @click="handleCancel">
-              Cancelar
-            </ion-button>
-          </ion-col>
-          <ion-col>
-            <ion-button expand="block" color="primary" @click="handleSave">
-              Salvar
-            </ion-button>
-          </ion-col>
-        </ion-row>
-      </ion-grid>
-    </template>
-  </content-layout>
-</template>
-
-<style scoped>
-ion-label h2 {
-  margin: 0;
-  font-weight: bold;
-}
-
-ion-searchbar {
-  --background: var(--ion-color-light);
-}
-</style>
diff --git a/src/modules/school-management/views/FunctionDetailsDesktop.vue b/src/modules/school-management/views/FunctionDetailsDesktop.vue
new file mode 100644
index 0000000..5e10e79
--- /dev/null
+++ b/src/modules/school-management/views/FunctionDetailsDesktop.vue
@@ -0,0 +1,207 @@
+<script setup lang="ts">
+import type { ServerFunction } from '@prisma/client'
+import ContentLayout from '@/components/theme/ContentLayout.vue'
+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'
+
+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
index 43c9615..5c68751 100644
--- a/src/modules/school-management/views/RegisterFunction.vue
+++ b/src/modules/school-management/views/RegisterFunction.vue
@@ -13,7 +13,7 @@ import {
   IonToolbar,
 } from '@ionic/vue'
 import { ErrorMessage, Field, Form } from 'vee-validate'
-import { computed, nextTick, onMounted, ref } from 'vue'
+import { computed, nextTick, onMounted, reactive, ref, watch, watchEffect } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import ServerFunctionService from '../services/ServerFunctionService'
 
@@ -23,20 +23,84 @@ 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 }),
+  (newValues) => {
+    console.log('Valores do formulário mudaram:', newValues)
+
+    if (isEditing.value) {
+      checkForChanges()
+    }
+  },
+  { deep: true, immediate: true },
+)
 
 onMounted(async () => {
   if (serverFunctionId.value) {
+    console.log('ID da função para edição:', serverFunctionId.value)
+
     isEditing.value = true
     const fn = await serverFunctionService.getServerFunctionById(serverFunctionId.value)
+
+    console.log('Função encontrada:', fn)
+
     if (fn) {
-      formValues.value = { id: fn.id, name: fn.name, abbreviation: fn.abbreviation, description: (fn as any).description ?? '' }
-      await nextTick()
+      // 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) {
@@ -49,11 +113,16 @@ async function handleSubmit(values: any) {
 
   await serverFunctionService.upsertServerFunction(payload)
 
-  // Exibe mensagem de sucesso
-  showToast('Nova função cadastrada com sucesso', 'top', 'success')
+  const successMessage = isEditing.value
+    ? 'Função atualizada com sucesso'
+    : 'Nova função cadastrada com sucesso'
+
+  showToast(successMessage, 'top', 'success')
 
-  // Navega para a lista de funções
-  router.push({ name: 'FunctionListFunction' })
+  router.push({
+    name: 'FunctionListFunction',
+    query: { refresh: Date.now().toString() },
+  })
 }
 
 function resetForm() {
@@ -68,8 +137,9 @@ function trimDescription(event: Event) {
 function autoResizeTextarea() {
   const el = descriptionRef.value
   if (el) {
+    el.style.height = '80px'
     el.style.height = 'auto'
-    el.style.height = `${el.scrollHeight}px`
+    el.style.height = `${Math.max(80, el.scrollHeight)}px`
   }
 }
 </script>
@@ -79,21 +149,27 @@ function autoResizeTextarea() {
     <IonHeader>
       <IonToolbar>
         <IonTitle class="page-title">
-          Nova função
+          {{ pageTitle }}
         </IonTitle>
       </IonToolbar>
       <div class="toolbar-accent" />
     </IonHeader>
 
-    ```
     <IonContent :scroll-y="true" class="ion-padding content-with-footer">
-      <Form id="function-form" :initial-values="formValues" @submit="handleSubmit">
+      <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" type="text" class="floating-native" placeholder=" ">
+                  <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">
@@ -109,7 +185,14 @@ function autoResizeTextarea() {
             <IonCol size="12">
               <Field v-slot="{ field }" name="abbreviation">
                 <div class="floating-input">
-                  <input v-bind="field" type="text" class="floating-native" placeholder=" ">
+                  <input
+                    v-bind="field"
+                    v-model="formValues.abbreviation"
+                    type="text"
+                    class="floating-native"
+                    placeholder=" "
+                    @input="field.onInput"
+                  >
                   <label class="floating-label"><span>Abreviação</span></label>
                 </div>
                 <ErrorMessage v-slot="{ message }" name="abbreviation">
@@ -128,6 +211,7 @@ function autoResizeTextarea() {
                   <textarea
                     v-bind="field"
                     ref="descriptionRef"
+                    v-model="formValues.description"
                     class="description-native"
                     placeholder=" "
                     maxlength="181"
@@ -161,7 +245,7 @@ function autoResizeTextarea() {
               </IonButton>
             </IonCol>
             <IonCol size="6">
-              <IonButton expand="block" type="submit" form="function-form">
+              <IonButton expand="block" type="submit" form="function-form" :disabled="!saveButtonEnabled">
                 Salvar
               </IonButton>
             </IonCol>
diff --git a/src/modules/school-management/views/RegisterFunctionMobile.vue b/src/modules/school-management/views/RegisterFunctionMobile.vue
index 540d2ee..efa51cc 100644
--- a/src/modules/school-management/views/RegisterFunctionMobile.vue
+++ b/src/modules/school-management/views/RegisterFunctionMobile.vue
@@ -4,18 +4,17 @@ import {
   IonButton,
   IonCol,
   IonContent,
-  IonFooter,
   IonGrid,
   IonIcon,
   IonInput,
+  IonPage,
+
   IonRow,
   IonTextarea,
-  IonToolbar,
 } from '@ionic/vue'
 import { personSharp } from 'ionicons/icons'
 import { ErrorMessage, Field, Form } from 'vee-validate'
-import { computed, nextTick, onMounted, ref } from 'vue'
-// Router não é necessário neste componente pois usa emits para navegação
+import { computed, nextTick, onMounted, ref, watch, watchEffect } from 'vue'
 import ServerFunctionService from '../services/ServerFunctionService'
 
 const props = defineProps<{
@@ -27,7 +26,6 @@ const emits = defineEmits<{
   (e: 'cancel'): void
 }>()
 
-// Não precisamos do router aqui pois o componente pai gerencia a navegação
 const serverFunctionService = new ServerFunctionService()
 
 const descriptionRef = ref<HTMLTextAreaElement | null>(null)
@@ -38,23 +36,95 @@ const formValues = ref({
   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 }),
+  (newValues) => {
+    console.log('Mobile: Valores do formulário mudaram:', newValues)
+
+    if (isEditing.value) {
+      checkForChanges()
+    }
+  },
+  { deep: true, immediate: true },
+)
+
 onMounted(async () => {
   if (props.editId) {
+    console.log('Mobile: ID da função para edição:', props.editId)
+
     const fn = await serverFunctionService.getServerFunctionById(props.editId)
+
+    console.log('Mobile: Função encontrada:', fn)
+
     if (fn) {
-      formValues.value = {
+      const loadedValues = {
         id: fn.id,
         name: fn.name,
         abbreviation: fn.abbreviation || '',
         description: (fn as any).description || '',
       }
-      await nextTick()
+
+      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) {
@@ -67,8 +137,11 @@ async function handleSubmit(values: any) {
 
   await serverFunctionService.upsertServerFunction(payload)
 
-  // Exibe mensagem de sucesso
-  showToast('Nova função cadastrada com sucesso', 'top', 'success')
+  const successMessage = isEditing.value
+    ? 'Função atualizada com sucesso'
+    : 'Nova função cadastrada com sucesso'
+
+  showToast(successMessage, 'top', 'success')
 
   handleSaved()
 }
@@ -90,31 +163,34 @@ function trimDescription(event: any) {
 function autoResizeTextarea() {
   const el = descriptionRef.value
   if (el) {
+    el.style.height = '80px'
     el.style.height = 'auto'
-    el.style.height = `${el.scrollHeight}px`
+    el.style.height = `${Math.max(80, el.scrollHeight)}px`
   }
 }
 </script>
 
 <template>
-  <div class="mobile-function-content">
-    <IonContent class="ion-padding ion-no-padding" :fullscreen="false">
+  <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" :initial-values="formValues" @submit="handleSubmit">
+      <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" 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>
@@ -134,11 +210,13 @@ function autoResizeTextarea() {
               <Field v-slot="{ field, errors }" name="abbreviation">
                 <IonInput
                   v-bind="field"
+                  v-model="formValues.abbreviation"
                   label="Abreviação"
                   label-placement="stacked"
                   fill="outline"
                   placeholder="Digite a abreviação"
                   :class="{ 'has-error': errors.length > 0 }"
+                  @ion-input="field.onInput"
                 />
                 <ErrorMessage v-slot="{ message }" name="abbreviation">
                   <div class="error-message">
@@ -155,6 +233,7 @@ function autoResizeTextarea() {
                 <IonTextarea
                   v-bind="field"
                   ref="descriptionRef"
+                  v-model="formValues.description"
                   label="Descrição da função"
                   label-placement="stacked"
                   fill="outline"
@@ -179,36 +258,33 @@ function autoResizeTextarea() {
         </IonGrid>
       </Form>
     </IonContent>
-
-    <IonFooter slot="fixed-bottom" class="ion-no-border footer-fixed">
-      <IonToolbar>
-        <IonGrid>
-          <IonRow class="action-buttons-fixed">
-            <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">
-                Salvar
-              </IonButton>
-            </IonCol>
-          </IonRow>
-        </IonGrid>
-      </IonToolbar>
-    </IonFooter>
-  </div>
+    <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 {
+/* .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);
@@ -233,40 +309,41 @@ function autoResizeTextarea() {
   padding-left: 16px;
 }
 
-.action-buttons-fixed {
+/* .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 {
+/* .mobile-function-content {
   height: 100%;
   display: flex;
   flex-direction: column;
-}
+} */
 
-.footer-fixed {
+/* .footer-fixed {
   position: sticky;
   bottom: 0;
   z-index: 10;
-}
+} */
 
-ion-content {
+/* ion-content {
   --padding-bottom: 80px;
-}
+} */
 
-ion-modal .modal-wrapper {
+/* ion-modal .modal-wrapper {
   --height: 70%;
-}
+} */
 
-.action-buttons-fixed {
+/* .action-buttons-fixed {
   position: sticky;
   bottom: 0;
   background: var(--ion-color-light);
   padding: 8px 0;
-}
+} */
 </style>
diff --git a/src/modules/school-management/views/RegisterSchool.vue b/src/modules/school-management/views/RegisterSchool.vue
index 6fb2305..b9a8ccb 100644
--- a/src/modules/school-management/views/RegisterSchool.vue
+++ b/src/modules/school-management/views/RegisterSchool.vue
@@ -1,1156 +1,179 @@
 <script setup lang="ts">
-import type { MaskitoElement } from '@maskito/core'
-import type { School, SchoolSettings } from '@prisma/client'
-import type { SubmissionHandler } from 'vee-validate'
-import type SchoolForm from '../../school-management/components/SchoolForm.vue'
-import { IonAccordion, IonAccordionGroup, IonButton, IonCol, IonFooter, IonGrid, IonIcon, IonInput, IonItem, IonLabel, IonPage, IonRow, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectOption, IonToolbar } from '@ionic/vue'
-import { maskito as vMaskito } from '@maskito/vue'
-import { apps, schoolSharp } from 'ionicons/icons'
-// eslint-disable-next-line no-duplicate-imports
-import { Field, Form } from 'vee-validate'
-
-import { ref, watch } from 'vue'
-
+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 { IonButton, IonContent, IonIcon, IonModal } from '@ionic/vue'
+import { add } from 'ionicons/icons'
+import { computed, onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
+import SchoolService from '../services/SchoolService'
+import RegisterSchool from './RegisterSchool.vue'
 
-// function handleCancel() {
-//   router.push({ name: 'InstitutionListInstitutions' })
-// }
-
-// function handleSave() {
-//   schoolFormRef.value?.registerSchool()
-// }
-
-defineProps<{
-  closeModal: (status: boolean) => void
-}>()
-const schoolFormRef = ref<InstanceType<typeof SchoolForm> | null>(null)
 const router = useRouter()
-const school = ref<School>({
-  id: '',
-  name: '',
-  idpes: null,
-  cnpj: null,
-  address: null,
-  city: null,
-  state: null,
-  postalCode: null,
-  phone: null,
-  institutionId: '',
-  active: null,
-  abbreviation: null,
-  longitude: null,
-  latitude: null,
-  totalArea: null,
-  builtArea: null,
-  availableArea: null,
-  acronym: null,
-  blockDiaryEntries: null,
-  operationalStatus: null,
-  administrativeDependency: null,
-  regulation: null,
-  logoUrl: null,
-  access: null,
-  managerid: null,
-  managerPosition: null,
-  operationLocation: null,
-  condition: null,
-  sharedSchooLinePCode: null,
-  creationDecree: null,
-  numberOfFloors: null,
-  floorType: null,
-  energyMeter: null,
-  hasExternalArea: null,
-  metadata: null,
-  createdAt: null,
-  deletedAt: null,
-  updatedAt: null,
-  updatedBy: null,
-  tenantId: null,
-  userCreated: null,
-})
-const schoolSettings = ref<SchoolSettings>({
-  id: '',
-  createdAt: new Date(),
-  dateOpening: null,
-  dateClosing: null,
-  schoolDays: null,
-  dateStart: null,
-  dateEnd: null,
-  institutionId: '',
-  schoolId: '',
-  updatedAt: null,
-  updatedBy: null,
-  tenantId: null,
-  userCreated: null,
-  deletedAt: null,
-})
 
-const formValues = ref({
-  id: '',
-  idpes: null,
-  INEPCode: '',
-  name: '',
-  corporateName: '',
-  cnpj: null,
-  educationNetwork: null,
-  phone1: '',
-  phone2: '',
-  acronym: '',
-  blockJournalEntries: null,
-  operationalStatus: null,
-  usesAlternativeRules: null,
-  administrativeDependency: null,
-  address: '',
-  addressNumber: '',
-  additionalInfo: '',
-  neighborhood: '',
-  city: '',
-  state: '',
-  postalCode: '',
-  unusualLocation: null,
-  email: '',
-  website: '',
-  operatingLocation: null,
-  buildingUsage: null,
-  sharedSchool: null,
-  sharedSchoolINEPCode: '',
-  potableWaterAvailable: null,
-  sewageAvailable: null,
-  electricityAvailable: null,
-  wasteDisposal: null,
-  wasteTreatmentBySchool: null,
-  foodServiceAvailable: null,
-  communitySharedSpaces: null,
-  usesSurroundingSpaces: null,
-  specificFacilities: null,
-  generalUseRooms: null,
-  labsAndFunctionalAreas: null,
-  supportFacilities: null,
-  insideClassroooms: null,
-  outsideClassrooms: null,
-  refrigeratedClassrooms: null,
-  accessibleClassrooms: null,
-  internetAvailable: null,
-  localNetworkAvailable: null,
-  devicesUsedByStudents: null,
-  teachingEquipments: null,
-  connectionTypes: null,
-  availabeDesktops: null,
-  availableLaptops: null,
-  availableTablets: null,
-  administrativeStaffNumber: null,
-  teachingStaffNumber: null,
-  generalServicesStaffNumber: null,
-  securityStaffNumber: null,
-  schoolManagementStaffNumber: null,
-  healthcareStaffNumber: null,
-  socialAssistanceStaffNumber: null,
-  specializedAssistance: null,
-  elementaryEducationModel: null,
-  wasPedagogicalProjectUpdated: null,
-  indigenousEducationAvailable: null,
-  linkedWithSuperiorEducation: null,
-  collegiateBodies: null,
-  studentSelectionCriteria: null,
-  indigenousEducationLanguages: null,
-  pedagogicalMaterials: null,
-  headSchoolCode: '',
-  IESCode: '',
-  institutionId: '',
-  active: true,
-  abbreviation: '',
-  longitude: '',
-  latitude: '',
-  totalArea: '',
-  builtArea: '',
-  availableArea: '',
-  blockDiaryEntries: null,
-  regulation: null,
-  logoUrl: '',
-  access: null,
-  managerid: '',
-  managerPosition: '',
-  operationLocation: '',
-  condition: null,
-  sharedSchooLinePCode: null,
-  creationDecree: '',
-  numberOfFloors: null,
-  floorType: null,
-  energyMeter: null,
-  hasExternalArea: null,
-  metadata: null,
-  createdAt: new Date(),
-  deletedAt: null,
-  updatedAt: null,
-  updatedBy: '',
-  tenantId: '',
-  userCreated: '',
-})
-
-// Máscara para CNPJ
-const cnpjOptions = {
-  mask: [/\d/, /\d/, '.', /\d/, /\d/, /\d/, '.', /\d/, /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/, '-', /\d/, /\d/],
+// Estados para os dados da instituição e carregamento
+const schoolService = new SchoolService()
+const dataList = ref<Tables<'school'>[]>([])
+// const schoolData = ref<Array<{ school: Tables<'school'>, courses: Tables<'course'>[], series: Tables<'series'>[] }> | []>([])
+// const schoolCount = ref(0)
+// const classCount = ref(0)
+// const approvalRate = ref(0)
+// const teacherCount = ref(0)
+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: false, data: undefined })
+
+function setModalAddSchool(open: boolean) {
+  isModalAddSchool.value = open
+  if (open) {
+    isModalAddSchool.value = false
+    setTimeout(() => (isModalAddSchool.value = true), 10)
+  }
+}
 
-  elementPredicate: (el: HTMLElement): Promise<MaskitoElement> => {
-    return new Promise((resolve) => {
-      requestAnimationFrame(async () => {
-        // eslint-disable-next-line no-undef
-        const input = await (el as HTMLIonInputElement).getInputElement()
-        resolve(input as MaskitoElement)
-      })
-    })
-  },
+function setSeeModal(open: boolean) {
+  seeModal.value.modal = open
+  if (open) {
+    seeModal.value.modal = false
+    setTimeout(() => (seeModal.value.modal = true), 10)
+  }
 }
 
-// Máscara para Telefone
-const phoneOptions = {
-  mask: ['(', /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
-  elementPredicate: (el: HTMLElement): Promise<MaskitoElement> => {
-    return new Promise((resolve) => {
-      requestAnimationFrame(async () => {
-        // eslint-disable-next-line no-undef
-        const input = await (el as HTMLIonInputElement).getInputElement()
-        resolve(input as MaskitoElement)
-      })
-    })
-  },
+function setEditModal(open: boolean) {
+  editModal.value.modal = open
+  if (open) {
+    editModal.value.modal = false
+    setTimeout(() => (editModal.value.modal = true), 10)
+  }
 }
 
-// Máscara para CEP
-const postalCodeOptions = {
-  mask: [/\d/, /\d/, '.', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/],
+const newItem = ref()
+const searchResult = ref()
 
-  elementPredicate: (el: HTMLElement): Promise<MaskitoElement> => {
-    return new Promise((resolve) => {
-      requestAnimationFrame(async () => {
-        // eslint-disable-next-line no-undef
-        const input = await (el as HTMLIonInputElement).getInputElement()
-        resolve(input as MaskitoElement)
-      })
-    })
-  },
-}
+const filteredDataList = computed(() => {
+  if (!searchQuery.value) {
+    return dataList.value
+  }
 
-async function fetchAddressByPostalCode(postalCode: string) {
-  try {
-    const response = await fetch(`https://viacep.com.br/ws/${postalCode}/json/`)
-    const data = await response.json()
-    if (data.erro) {
-      throw new Error('CEP não encontrado')
-    }
+  return dataList.value.filter((classroom: Tables<'school'>) =>
+    classroom.name.toLowerCase().includes(searchQuery.value.toLowerCase()),
+  )
+})
 
-    return data
+async function loadSchools() {
+  try {
+    const schools = await schoolService.getAll() // getAll() pode retornar null
+    dataList.value = schools ?? [] // Se retornar null, atribuímos um array vazio
   }
   catch (error) {
-    console.error('Erro ao buscar o endereço:', error)
-    return null
+    console.error('Erro ao carregar as escolas:', error)
   }
 }
 
-// Observa mudanças no campo de CEP
-watch(() => formValues.value.postalCode, async (newPostalCode) => {
-  const cepCleaned = String(newPostalCode).replace(/\D/g, '')
+function isMobileDevice() {
+  return window.innerWidth <= 768
+}
 
-  if (cepCleaned && cepCleaned.length === 8) {
-    const endereco = await fetchAddressByPostalCode(cepCleaned)
-    if (endereco) {
-      formValues.value.address = endereco.logradouro
-      formValues.value.neighborhood = endereco.bairro
-      formValues.value.city = endereco.localidade
-      formValues.value.state = endereco.uf
-    }
+function navigateToRegister() {
+  switch (isMobileDevice()) {
+    case true:
+      // Se for um dispositivo móvel, defina o ID de edição como indefinido e mostre a folha móvel
+      // editingId.value = undefined
+      setModalAddSchool(true)
+      break
+    case false:
+      // Caso contrário, navegue para a página de registro
+      router.push({ name: 'RegisterSchool' })
   }
-}, { deep: true })
-
-const handleSubmit: SubmissionHandler<typeof formValues.value> = (values) => {
-  console.log('Form submitted:', values)
 }
+
+onMounted(() => {
+  loadSchools()
+})
 </script>
 
 <template>
-  <IonPage>
-    <ion-content class="ion-no-padding ion-no-margin">
-      <Form class="ion-margin-horizontal" @submit="handleSubmit as SubmissionHandler">
-        <IonSegment
-          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>Dados Gerais</IonLabel>
-          </IonSegmentButton>
-          <IonSegmentButton value="complementary" content-id="complementary">
-            <IonLabel>Informações Complementares</IonLabel>
-          </IonSegmentButton>
-        </IonSegment>
-
-        <div class="ion-margin style-purple-lane" style="display: flex; align-items: center;">
-          <IonIcon :icon="schoolSharp" style="margin-right: 10px;" />
-          Nova escola
-        </div>
-
-        <IonSegmentView>
-          <IonSegmentContent id="general">
-            <Field v-slot="{ field, errors }" name="inepCode" rules="required">
-              <IonInput v-model="formValues.INEPCode" v-bind="field" label="Código INEP" label-placement="stacked" fill="outline" placeholder="Digite o código INEP" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="schoolName" rules="required">
-              <IonInput v-model="formValues.name" v-bind="field" label="Nome da Escola" label-placement="stacked" fill="outline" placeholder="Digite o nome oficial" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="corporateName" rules="required">
-              <IonInput v-model="formValues.corporateName" v-bind="field" label="Razão Social" label-placement="stacked" fill="outline" placeholder="Digite o nome da empresa" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="cnpj" rules="required|cnpj">
-              <IonInput v-model="formValues.cnpj" v-maskito="cnpjOptions" v-bind="field" label="CNPJ" label-placement="stacked" fill="outline" placeholder="nn.nnn.nnn/nnnn-nn" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="educationNetwork" rules="required">
-              <IonSelect v-model="formValues.educationNetwork" v-bind="field" label="Rede de Ensino" label-placement="stacked" fill="outline" placeholder="Selecione a rede de ensino">
-                <IonSelectOption value="Pública">
-                  Pública
-                </IonSelectOption>
-                <IonSelectOption value="Privada">
-                  Privada
-                </IonSelectOption>
-              </IonSelect>
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <div class="title-identifier" style="display: flex; align-items: center;">
-              Endereço
-            </div>
-
-            <Field v-slot="{ field, errors }" name="postalCode" rules="required|postalCode">
-              <IonInput v-model="formValues.postalCode" v-maskito="postalCodeOptions" v-bind="field" label="CEP" label-placement="stacked" fill="outline" placeholder="nnnnn-nnn" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="state" rules="required">
-              <IonSelect v-model="formValues.state" v-bind="field" label="Estado" label-placement="stacked" fill="outline" placeholder="Selecione o estado">
-                <IonSelectOption value="AC">
-                  Acre
-                </IonSelectOption>
-                <IonSelectOption value="AL">
-                  Alagoas
-                </IonSelectOption>
-                <IonSelectOption value="AP">
-                  Amapá
-                </IonSelectOption>
-                <IonSelectOption value="AM">
-                  Amazonas
-                </IonSelectOption>
-                <IonSelectOption value="BA">
-                  Bahia
-                </IonSelectOption>
-                <IonSelectOption value="CE">
-                  Ceará
-                </IonSelectOption>
-                <IonSelectOption value="DF">
-                  Distrito Federal
-                </IonSelectOption>
-                <IonSelectOption value="ES">
-                  Espírito Santo
-                </IonSelectOption>
-                <IonSelectOption value="GO">
-                  Goiás
-                </IonSelectOption>
-                <IonSelectOption value="MA">
-                  Maranhão
-                </IonSelectOption>
-                <IonSelectOption value="MT">
-                  Mato Grosso
-                </IonSelectOption>
-                <IonSelectOption value="MS">
-                  Mato Grosso do Sul
-                </IonSelectOption>
-                <IonSelectOption value="MG">
-                  Minas Gerais
-                </IonSelectOption>
-                <IonSelectOption value="PA">
-                  Pará
-                </IonSelectOption>
-                <IonSelectOption value="PB">
-                  Paraíba
-                </IonSelectOption>
-                <IonSelectOption value="PR">
-                  Paraná
-                </IonSelectOption>
-                <IonSelectOption value="PE">
-                  Pernambuco
-                </IonSelectOption>
-                <IonSelectOption value="PI">
-                  Piauí
-                </IonSelectOption>
-                <IonSelectOption value="RJ">
-                  Rio de Janeiro
-                </IonSelectOption>
-                <IonSelectOption value="RN">
-                  Rio Grande do Norte
-                </IonSelectOption>
-                <IonSelectOption value="RS">
-                  Rio Grande do Sul
-                </IonSelectOption>
-                <IonSelectOption value="RO">
-                  Rondônia
-                </IonSelectOption>
-                <IonSelectOption value="RR">
-                  Roraima
-                </IonSelectOption>
-                <IonSelectOption value="SC">
-                  Santa Catarina
-                </IonSelectOption>
-                <IonSelectOption value="SP">
-                  São Paulo
-                </IonSelectOption>
-                <IonSelectOption value="SE">
-                  Sergipe
-                </IonSelectOption>
-                <IonSelectOption value="TO">
-                  Tocantins
-                </IonSelectOption>
-              </IonSelect>
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="address" rules="required">
-              <IonInput v-model="formValues.address" v-bind="field" label="Endereço" label-placement="stacked" fill="outline" placeholder="Digite a rua/avenida" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="addressNumber" rules="required">
-              <IonInput v-model="formValues.addressNumber" v-bind="field" label="Número" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="additionalInfo">
-              <IonInput v-model="formValues.additionalInfo" v-bind="field" label="Complemento" label-placement="stacked" fill="outline" placeholder="Digite informações adicionais (opcional)" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="neighborhood" rules="required">
-              <IonInput v-model="formValues.neighborhood" v-bind="field" label="Bairro" label-placement="stacked" fill="outline" placeholder="Digite o nome do bairro" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="city" rules="required">
-              <IonInput v-model="formValues.city" v-bind="field" label="Município" label-placement="stacked" fill="outline" placeholder="Digite a cidade" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="unusualLocation" rules="required">
-              <IonSelect v-model="formValues.unusualLocation" v-bind="field" label="Localização diferenciada da escola" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                <IonSelectOption value="Sim">
-                  Sim
-                </IonSelectOption>
-                <IonSelectOption value="Não">
-                  Não
-                </IonSelectOption>
-              </IonSelect>
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <div class="title-identifier" style="display: flex; align-items: center;">
-              Contato
-            </div>
-
-            <Field v-slot="{ field, errors }" name="phone1" rules="required">
-              <IonInput v-model="formValues.phone1" v-maskito="phoneOptions" v-bind="field" label="Telefone 1" label-placement="stacked" fill="outline" placeholder="Digite o telefone 1" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="phone2">
-              <IonInput v-model="formValues.phone2" v-maskito="phoneOptions" v-bind="field" label="Telefone 2" label-placement="stacked" fill="outline" placeholder="Digite o telefone 2" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="email" rules="email">
-              <IonInput v-model="formValues.email" v-bind="field" label="E-mail" label-placement="stacked" fill="outline" placeholder="Digite o e-mail" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="website">
-              <IonInput v-model="formValues.website" v-bind="field" label="Site" label-placement="stacked" fill="outline" placeholder="Digite o link do site" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="abbreviation">
-              <IonInput v-model="formValues.abbreviation" v-bind="field" label="Sigla" label-placement="stacked" fill="outline" placeholder="Digite a sigla oficial" />
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <div class="title-identifier" style="display: flex; align-items: center;">
-              Configurações Gerais
-            </div>
-
-            <Field v-slot="{ field, errors }" name="blockJournalEntries" rules="required">
-              <IonSelect v-model="formValues.blockJournalEntries" v-bind="field" label="Bloquear lançamento no diário para anos letivos encerrados" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                <IonSelectOption value="Sim">
-                  Sim
-                </IonSelectOption>
-                <IonSelectOption value="Não">
-                  Não
-                </IonSelectOption>
-              </IonSelect>
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="usesAlternativeRules" rules="required">
-              <IonSelect v-model="formValues.usesAlternativeRules" v-bind="field" label="Utiliza regra alternativa de avaliação" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                <IonSelectOption value="Sim">
-                  Sim
-                </IonSelectOption>
-                <IonSelectOption value="Não">
-                  Não
-                </IonSelectOption>
-              </IonSelect>
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="operationalStatus" rules="required">
-              <IonSelect v-model="formValues.operationalStatus" v-bind="field" label="Situação de Funcionamento" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                <IonSelectOption value="Ativa">
-                  Ativa
-                </IonSelectOption>
-                <IonSelectOption value="Inativa">
-                  Inativa
-                </IonSelectOption>
-              </IonSelect>
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-
-            <Field v-slot="{ field, errors }" name="administrativeDependency" rules="required">
-              <IonSelect v-model="formValues.administrativeDependency" v-bind="field" label="Dependência Administrativa" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                <IonSelectOption value="Federal">
-                  Federal
-                </IonSelectOption>
-                <IonSelectOption value="Estadual">
-                  Estadual
-                </IonSelectOption>
-                <IonSelectOption value="Municipal">
-                  Municipal
-                </IonSelectOption>
-              </IonSelect>
-              <span class="error-message">{{ errors[0] }}</span>
-            </Field>
-          </IonSegmentContent>
-          <IonSegmentContent id="complementary">
-            <IonAccordionGroup>
-              <IonAccordion value="infrastructure">
-                <IonItem slot="header" class="accordion-header-color">
-                  <IonLabel color="dark">
-                    Infraestrutura
-                  </IonLabel>
-                </IonItem>
-
-                <div slot="content" class="ion-padding">
-                  <Field v-slot="{ field, errors }" name="operatingLocation">
-                    <IonSelect v-model="formValues.operatingLocation" v-bind="field" label="Local de Funcionamento" label-placement="stacked" fill="outline" placeholder="Selecione o local de funcionamento">
-                      <IonSelectOption value="Próprio">
-                        Próprio
-                      </IonSelectOption>
-                      <IonSelectOption value="Alugado">
-                        Alugado
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="buildingUsage">
-                    <IonSelect v-model="formValues.buildingUsage" v-bind="field" label="Forma de Ocupação do Prédio" label-placement="stacked" fill="outline" placeholder="Selecione a forma de ocupação">
-                      <IonSelectOption value="Exclusivo">
-                        Exclusivo
-                      </IonSelectOption>
-                      <IonSelectOption value="Compartilhado">
-                        Compartilhado
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="sharedSchool">
-                    <IonSelect v-model="formValues.sharedSchool" v-bind="field" label="Escola Compartilhada?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="sharedSchoolINEPCode">
-                    <IonInput v-model="formValues.sharedSchoolINEPCode" v-bind="field" label="Código INEP da escola compartilhada" label-placement="stacked" fill="outline" placeholder="Digite o código INEP" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="potableWaterAvailable">
-                    <IonSelect v-model="formValues.potableWaterAvailable" v-bind="field" label="Água potável disponível" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="electricityAvailable">
-                    <IonSelect v-model="formValues.electricityAvailable" v-bind="field" label="Fonte de energia elétrica" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="sewageAvailable">
-                    <IonSelect v-model="formValues.sewageAvailable" v-bind="field" label="Esgotamento sanitário adequado" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="wasteDisposal">
-                    <IonSelect v-model="formValues.wasteDisposal" v-bind="field" label="Destinação do lixo" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Coleta Regular">
-                        Coleta Regular
-                      </IonSelectOption>
-                      <IonSelectOption value="Reciclagem">
-                        Reciclagem
-                      </IonSelectOption>
-                      <IonSelectOption value="Outro">
-                        Outro
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="wasteTreatmentBySchool">
-                    <IonSelect v-model="formValues.wasteTreatmentBySchool" v-bind="field" label="Tratamento de resíduos realizado pela escola" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="foodServiceAvailable">
-                    <IonSelect v-model="formValues.foodServiceAvailable" v-bind="field" label="Oferece alimentação escolar aos alunos?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="communitySharedSpaces">
-                    <IonSelect v-model="formValues.communitySharedSpaces" v-bind="field" label="Compartilha espaços com a comunidade?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="usesSurroundingSpaces">
-                    <IonSelect v-model="formValues.usesSurroundingSpaces" v-bind="field" label="Utiliza equipamentos do entorno escolar para atividades educacionais?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-                </div>
-              </IonAccordion>
-
-              <IonAccordion value="facilities">
-                <IonItem slot="header" class="accordion-header-color">
-                  <IonLabel color="dark">
-                    Dependências
-                  </IonLabel>
-                </IonItem>
-                <div slot="content" class="ion-padding">
-                  <Field v-slot="{ field, errors }" name="specificFacilities">
-                    <IonSelect v-model="formValues.specificFacilities" v-bind="field" label="A escola possui dependências específicas?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <!-- <Field v-slot="{ field, errors }" name="exportToCensus">
-                  <IonSelect v-model="formValues.exportToCensus" v-bind="field" label="Exportar os dados para o Censo Escolar?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                    <IonSelectOption value="Sim">Sim</IonSelectOption>
-                    <IonSelectOption value="Não">Não</IonSelectOption>
-                  </IonSelect>
-                  <span class="error-message">{{ errors[0] }}</span>
-                  </Field> -->
-
-                  <Field v-slot="{ field, errors }" name="generalUseRooms">
-                    <IonSelect v-model="formValues.generalUseRooms" v-bind="field" label="Salas de Uso Geral" label-placement="stacked" fill="outline" multiple placeholder="Selecione as opções">
-                      <IonSelectOption value="salasDeAula">
-                        Salas de Aula
-                      </IonSelectOption>
-                      <IonSelectOption value="espacosComuns">
-                        Espaços Comuns
-                      </IonSelectOption>
-                      <IonSelectOption value="auditorio">
-                        Auditório
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="labsAndFunctionalAreas">
-                    <IonSelect v-model="formValues.labsAndFunctionalAreas" v-bind="field" label="Laboratórios e Áreas Funcionais" label-placement="stacked" fill="outline" multiple placeholder="Selecione as opções">
-                      <IonSelectOption value="informatica">
-                        Informática
-                      </IonSelectOption>
-                      <IonSelectOption value="ciencias">
-                        Ciências
-                      </IonSelectOption>
-                      <IonSelectOption value="multimidia">
-                        Multimídia
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="supportFacilities">
-                    <IonSelect v-model="formValues.supportFacilities" v-bind="field" label="Instalações de Apoio" label-placement="stacked" fill="outline" multiple placeholder="Selecione as opções">
-                      <IonSelectOption value="banheiros">
-                        Banheiros
-                      </IonSelectOption>
-                      <IonSelectOption value="areasExternas">
-                        Áreas Externas
-                      </IonSelectOption>
-                      <IonSelectOption value="acessibilidade">
-                        Acessibilidade
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="insideClassroooms">
-                    <IonInput v-model="formValues.insideClassroooms" v-bind="field" label="Salas de Aula Dentro do Prédio" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="outsideClassrooms">
-                    <IonInput v-model="formValues.outsideClassrooms" v-bind="field" label="Salas de Aula Fora do Prédio" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="refrigeratedClassrooms">
-                    <IonInput v-model="formValues.refrigeratedClassrooms" v-bind="field" label="Salas de Aula Climatizadas" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="accessibleClassrooms">
-                    <IonInput v-model="formValues.accessibleClassrooms" v-bind="field" label="Salas de Aula Adaptadas para Acessibilidade" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-                </div>
-              </IonAccordion>
-
-              <IonAccordion value="equipments">
-                <IonItem slot="header" class="accordion-header-color">
-                  <IonLabel color="dark">
-                    Equipamentos
-                  </IonLabel>
-                </IonItem>
-                <div slot="content" class="ion-padding">
-                  <Field v-slot="{ field, errors }" name="internetAvailable">
-                    <IonSelect v-model="formValues.internetAvailable" v-bind="field" label="A escola tem internet?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="connectionTypes">
-                    <IonSelect v-model="formValues.connectionTypes" v-bind="field" label="Tipos de Conexão Disponíveis" label-placement="stacked" fill="outline" multiple placeholder="Selecione as opções">
-                      <IonSelectOption value="wifi">
-                        Wi-Fi
-                      </IonSelectOption>
-                      <IonSelectOption value="cabo">
-                        Cabo
-                      </IonSelectOption>
-                      <IonSelectOption value="fibra">
-                        Fibra Óptica
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="localNetworkAvailable">
-                    <IonSelect v-model="formValues.localNetworkAvailable" v-bind="field" label="Rede local disponível?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="devicesUsedByStudents">
-                    <IonSelect v-model="formValues.devicesUsedByStudents" v-bind="field" label="Equipamentos acessados pelos alunos" label-placement="stacked" fill="outline" multiple placeholder="Selecione os dispositivos">
-                      <IonSelectOption value="COMPUTER">
-                        Computador
-                      </IonSelectOption>
-                      <IonSelectOption value="TABLET">
-                        Tablet
-                      </IonSelectOption>
-                      <IonSelectOption value="SMARTPHONE">
-                        Smartphone
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="availabeDesktops">
-                    <IonInput v-model.number="formValues.availabeDesktops" v-bind="field" label="Computadores disponíveis (Desktop)" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="availableLaptops">
-                    <IonInput v-model.number="formValues.availableLaptops" v-bind="field" label="Computadores disponíveis (Laptop)" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="availableTablets">
-                    <IonInput v-model.number="formValues.availableTablets" v-bind="field" label="Tablets disponíveis" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="teachingEquipments">
-                    <IonSelect v-model="formValues.teachingEquipments" v-bind="field" label="Equipamentos para ensino/aprendizagem" label-placement="stacked" fill="outline" multiple placeholder="Selecione os equipamentos">
-                      <IonSelectOption value="PROJECTOR">
-                        Projetor
-                      </IonSelectOption>
-                      <IonSelectOption value="DVD_BLU_RAY">
-                        DVD/Blu-ray
-                      </IonSelectOption>
-                      <IonSelectOption value="MULTIMEDIA_TV">
-                        TV multimídia
-                      </IonSelectOption>
-                      <IonSelectOption value="DIGITAL_WHITEBOARD">
-                        Lousa digital
-                      </IonSelectOption>
-                      <IonSelectOption value="SOUND_SYSTEM">
-                        Sistema de som
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-                </div>
-              </IonAccordion>
-
-              <IonAccordion value="humanResources">
-                <IonItem slot="header" class="accordion-header-color">
-                  <IonLabel color="dark">
-                    Recursos Humanos
-                  </IonLabel>
-                </IonItem>
-                <div slot="content" class="ion-padding">
-                  <Field v-slot="{ field, errors }" name="administrativeStaffNumber">
-                    <IonInput v-model.number="formValues.administrativeStaffNumber" v-bind="field" label="Administração e suporte pedagógico" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="teachingStaffNumber">
-                    <IonInput v-model.number="formValues.teachingStaffNumber" v-bind="field" label="Docentes e suporte direto ao ensino" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="generalServicesStaffNumber">
-                    <IonInput v-model.number="formValues.generalServicesStaffNumber" v-bind="field" label="Serviços de apoio e segurança" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="healthcareStaffNumber">
-                    <IonInput v-model.number="formValues.healthcareStaffNumber" v-bind="field" label="Saúde e nutrição" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="socialAssistanceStaffNumber">
-                    <IonInput v-model.number="formValues.socialAssistanceStaffNumber" v-bind="field" label="Psicologia e assistência social" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="schoolManagementStaffNumber">
-                    <IonInput v-model.number="formValues.schoolManagementStaffNumber" v-bind="field" label="Gestão escolar" label-placement="stacked" fill="outline" placeholder="Digite o número" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-                </div>
-              </IonAccordion>
-
-              <IonAccordion value="teachingAndPedagogicalPractices">
-                <IonItem slot="header" class="accordion-header-color">
-                  <IonLabel color="dark">
-                    Ensino e Práticas Pedagógicas
-                  </IonLabel>
-                </IonItem>
-                <div slot="content" class="ion-padding">
-                  <Field v-slot="{ field, errors }" name="specializedAssistance">
-                    <IonSelect v-model="formValues.specializedAssistance" v-bind="field" label="Atendimento Educacional Especializado (AEE)" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="elementaryEducationModel">
-                    <IonSelect v-model="formValues.elementaryEducationModel" v-bind="field" label="Modelo de Ensino Fundamental" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Ciclo">
-                        Ciclos
-                      </IonSelectOption>
-                      <IonSelectOption value="Série">
-                        Séries
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="pedagogicalMaterials">
-                    <IonSelect v-model="formValues.pedagogicalMaterials" v-bind="field" label="Materiais pedagógicos utilizados" label-placement="stacked" fill="outline" multiple placeholder="Selecione os materiais">
-                      <IonSelectOption value="MULTIMEDIA_ARCHIVE">
-                        Arquivo multimídia
-                      </IonSelectOption>
-                      <IonSelectOption value="TOYS">
-                        Brinquedos
-                      </IonSelectOption>
-                      <IonSelectOption value="EDUCATIONAL_GAMES">
-                        Jogos educativos
-                      </IonSelectOption>
-                      <IonSelectOption value="SCIENTIFICAL_MATERIALS">
-                        Materiais científicos
-                      </IonSelectOption>
-                      <IonSelectOption value="AUDIO_EQUIPMENT">
-                        Equipamentos de áudio
-                      </IonSelectOption>
-                      <IonSelectOption value="MUSICAL_INSTRUMENTS">
-                        Instrumentos musicais
-                      </IonSelectOption>
-                      <IonSelectOption value="ARTISTIC_MATERIALS">
-                        Materiais culturais/artísticos
-                      </IonSelectOption>
-                      <IonSelectOption value="SPORT_MATERIALS">
-                        Materiais esportivos
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="collegiateBodies">
-                    <IonSelect v-model="formValues.collegiateBodies" v-bind="field" label="Órgãos colegiados em funcionamento" label-placement="stacked" fill="outline" multiple placeholder="Selecione os órgãos">
-                      <IonSelectOption value="ASSOCIACAO_DE_PAIS">
-                        Associação de Pais
-                      </IonSelectOption>
-                      <IonSelectOption value="ASSOCIACAO_DE_PAIS_E_MESTRES">
-                        Associação de Pais e Mestres
-                      </IonSelectOption>
-                      <IonSelectOption value="GREMIO_ESTUDANTIL">
-                        Grêmio Estudantil
-                      </IonSelectOption>
-                      <IonSelectOption value="CONSELHO_ESCOLAR">
-                        Conselho Escolar
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="studentSelectionCriteria">
-                    <IonSelect v-model="formValues.studentSelectionCriteria" v-bind="field" label="Critérios de seleção para alunos" label-placement="stacked" fill="outline" multiple placeholder="Selecione os critérios">
-                      <IonSelectOption value="ANALISE_CURRICULAR">
-                        Análise curricular
-                      </IonSelectOption>
-                      <IonSelectOption value="EXAME_DE_SELECAO">
-                        Exame de seleção
-                      </IonSelectOption>
-                      <IonSelectOption value="COTAS">
-                        Cotas
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="wasPedagogicalProjectUpdated">
-                    <IonSelect v-model="formValues.wasPedagogicalProjectUpdated" v-bind="field" label="Projeto Político-Pedagógico atualizado nos últimos 12 meses?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="indigenousEducationAvailable">
-                    <IonSelect v-model="formValues.indigenousEducationAvailable" v-bind="field" label="Educação Escolar Indígena disponível?" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="indigenousEducationLanguages">
-                    <IonSelect v-model="formValues.indigenousEducationLanguages" v-bind="field" label="Língua de ensino" label-placement="stacked" fill="outline" multiple placeholder="Selecione as línguas">
-                      <IonSelectOption value="PORTUGUES">
-                        Português
-                      </IonSelectOption>
-                      <IonSelectOption value="TIKUNA">
-                        Ticuna
-                      </IonSelectOption>
-                      <IonSelectOption value="GUARANI_KAIOWA">
-                        Guarani Kaiowá
-                      </IonSelectOption>
-                      <IonSelectOption value="KAINGANG">
-                        Kaingang
-                      </IonSelectOption>
-                      <IonSelectOption value="XAVANTE">
-                        Xavante
-                      </IonSelectOption>
-                      <IonSelectOption value="YANOMAMI">
-                        Yanomami
-                      </IonSelectOption>
-                      <IonSelectOption value="OUTRO">
-                        Outro
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="linkedWithSuperiorEducation">
-                    <IonSelect v-model="formValues.linkedWithSuperiorEducation" v-bind="field" label="Vínculo com unidades de ensino superior" label-placement="stacked" fill="outline" placeholder="Selecione uma opção">
-                      <IonSelectOption value="Sim">
-                        Sim
-                      </IonSelectOption>
-                      <IonSelectOption value="Não">
-                        Não
-                      </IonSelectOption>
-                    </IonSelect>
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="headSchoolCode">
-                    <IonInput v-model="formValues.headSchoolCode" v-bind="field" label="Código da escola sede" label-placement="stacked" fill="outline" placeholder="Digite o código" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-
-                  <Field v-slot="{ field, errors }" name="IESCode">
-                    <IonInput v-model="formValues.IESCode" v-bind="field" label="Código da Instituição de Ensino Superior" label-placement="stacked" fill="outline" placeholder="Digite o código" />
-                    <span class="error-message">{{ errors[0] }}</span>
-                  </Field>
-                </div>
-              </IonAccordion>
-            </IonAccordionGroup>
-          </IonSegmentContent>
-        </IonSegmentView>
-      </Form>
-    </ion-content>
-    <div>
-      <IonGrid>
-        <IonRow>
-          <IonCol size="6">
-            <IonButton :disabled="false" color="danger" expand="full" @click="closeModal(false)">
-              Cancelar
-            </IonButton>
-          </IonCol>
-          <IonCol size="6">
-            <IonButton :disabled="false" color="secondary" expand="full" @click="">
-              Salvar
-            </IonButton>
-          </IonCol>
-        </IonRow>
-      </IonGrid>
+  <ContentLayout>
+    <!-- <SchoolCards
+      :student-count="schoolCount"
+      :teacher-count="teacherCount"
+      :class-count="classCount"
+      :approval-rate="approvalRate"
+    /> -->
+    <!--  -->
+    <!--  -->
+
+    <!-- <ion-toolbar>
+      <ion-title>Escolas ativas ({{ filteredDataList.length }})</ion-title>
+    </ion-toolbar> -->
+
+    <div class="ion-margin-top">
+      <SearchBox table="school" placeholder="Nome da escola" @update:search-result="searchResult = $event" @update:new-item="newItem = $event" />
+
+      <ion-row class="ion-align-items-center ion-justify-content-between">
+        <ion-col size="10">
+          <ion-searchbar v-model="searchQuery" placeholder="Buscar escola" />
+        </ion-col>
+        <ion-col 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>
+        </ion-col>
+      </ion-row>
+
+      <EduprimeList :data-list="filteredDataList" @update:delete="deleteModal = $event" @update:edit="editModal = $event" @update:see="($event) => { console.log($event); seeModal = $event; }" />
+
+      <!-- <SchoolList :data-list="filteredDataList" /> -->
+      <IonModal
+        :is-open="isModalAddSchool"
+        :expand-to-scroll="false"
+        :initial-breakpoint="0.95"
+        :breakpoints="[0, 0.7, 0.95, 1]"
+        @ion-modal-did-dismiss="setModalAddSchool(false)"
+      >
+        <IonContent>
+          <RegisterSchool :close-modal="() => setModalAddSchool(false)" />
+        </IonContent>
+      </IonModal>
+      <!-- Dismiss não funionou, estudar uma solução para isso -->
+
+      <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" name="Detalhes da escola" @close="setSeeModal(false)" @edit="setEditModal(true)" />
+        </IonContent>
+      </IonModal>
     </div>
-  </IonPage>
+  </ContentLayout>
 </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-label h2 {
+  margin: 0;
+  font-weight: bold;
 }
 
-ion-segment-content#general ion-input, ion-select {
-  margin: 10px 0px 12px 0px;
-  color: var(--ion-color-secondary);
+ion-searchbar {
+  --background: var(--ion-color-light);
 }
 
-ion-segment-content#complementary ion-input, ion-select {
-  margin: 10px 0px 12px 0px;
-  color: var(--ion-color-secondary);
+ion-segment {
+  --background: rgba(var(--ion-color-tertiary-rgb), 0.15);
+  --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;
+.custom-button {
+  max-width: 120px;
 }
 </style>
diff --git a/src/modules/school-management/views/RegisterSeries.vue b/src/modules/school-management/views/RegisterSeries.vue
index 1e3c27c..c4c8990 100644
--- a/src/modules/school-management/views/RegisterSeries.vue
+++ b/src/modules/school-management/views/RegisterSeries.vue
@@ -12,6 +12,7 @@ import SeriesService from '../services/SeriesService'
 
 defineProps<{
   closeModal: (status: boolean) => void
+  editId?: string
 }>()
 
 defineEmits<{
@@ -19,9 +20,6 @@ defineEmits<{
   (e: 'save'): void
 }>()
 
-defineExpose({
-  registerSeries,
-})
 const selectedSegment = ref('general')
 const router = useRouter()
 const route = useRouter()
@@ -62,12 +60,20 @@ const formValues = ref({
   tenantId: null,
   userCreated: null,
   institutionId: '',
+  ageRangeMin: '',
+  ageRangeMax: '',
+  standardAge: '',
+  schoolDays: '',
+  workload: '',
 })
 // Configura o formulário com os valores iniciais
 const { values } = useForm({
   initialValues: formValues.value,
 })
 
+const isEditing = computed(() => Boolean(props.editId))
+const modalTitle = computed(() => isEditing.value ? 'Editar Série' : 'Nova Série')
+
 // Adiciona uma nova disciplina
 function addDiscipline() {
   disciplines.value.push({
@@ -121,66 +127,6 @@ watch(values, (newValues) => {
   formValues.value = { ...newValues }
 })
 
-async function registerSeries() {
-  const validationResult = await validate()
-
-  if (!validationResult.valid) {
-    const displayErrors = Object.values(errors.value).join(', ')
-    showToast(displayErrors, 'top', 'warning')
-  }
-  else {
-    const formData = {
-      id: seriesId.value,
-      schoolId: schoolId.value,
-      courseId: courseId.value,
-      institutionId: institutionId.value,
-      courseStage: values.courseStage,
-      graduate: values.graduate,
-      name: values.name,
-      workload: values.workload,
-      schoolDays: values.schoolDays,
-      timetableId: null,
-      metadata: null,
-      createdAt: null,
-      updatedAt: null,
-      deletedAt: null,
-      updatedBy: null,
-      userCreated: null,
-      tenantId: null,
-    }
-    console.log('FormData:', formData)
-    try {
-      let result
-      if (seriesId.value) {
-        result = await seriesService.update(seriesId.value, formData)
-        if (result) {
-          showToast('Série atualizada com sucesso')
-          setTimeout(() => {
-            router.push('/Series/list').then(() => {
-              location.reload()
-            })
-          }, 2000)
-        }
-      }
-      else {
-        result = await seriesService.create(formData)
-        if (result) {
-          showToast('Série cadastrada com sucesso!', 'top', 'success')
-          setTimeout(() => {
-            router.push('/Series/list').then(() => {
-              location.reload()
-            })
-          }, 2000)
-        }
-      }
-    }
-    catch (error) {
-      console.error('Erro ao salvar série:', error)
-      showToast('Erro ao cadastrar série. Tente novamente.', 'top', 'danger')
-    }
-  }
-}
-
 async function loadSeries() {
   try {
     const [institutions, series, courses, disciplinas] = await Promise.all([
@@ -275,7 +221,7 @@ onMounted(async () => {
       <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;" />
-          Nova série
+          {{ modalTitle }}
         </div>
         <IonSegment
           v-model="selectedSegment" mode="ios" :scrollable="false"
@@ -342,6 +288,78 @@ onMounted(async () => {
               <span class="error-message">{{ errors[0] }}</span>
             </Field>
 
+            <Field v-slot="{ field, errors }" name="workload">
+              <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">
+                  <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"
@@ -349,7 +367,7 @@ onMounted(async () => {
                 label="Descrição"
                 label-placement="stacked"
                 fill="outline"
-                placeholder="Digite uma descrição da série"
+                placeholder="Digite uma descrição"
               />
               <span class="error-message">{{ errors[0] }}</span>
             </Field>

From 150c5beb4c07b2d714bf106a5937470d8f96aea1 Mon Sep 17 00:00:00 2001
From: alan-cleveston <alan.cleveston@softagon.com.br>
Date: Fri, 16 May 2025 16:49:19 -0300
Subject: [PATCH 04/11] =?UTF-8?q?chore:=20salvando,=20editando=20e=20exclu?=
 =?UTF-8?q?indo=20s=C3=A9rie?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/school-management/routes.ts       |  74 +----
 .../services/SeriesService.ts                 | 118 ++++++--
 .../views/DashboardFunction.vue               |   1 +
 .../views/DashboardSeries.vue                 |  11 +-
 .../views/RegisterSeries.vue                  | 284 ++++++++++--------
 5 files changed, 265 insertions(+), 223 deletions(-)

diff --git a/src/modules/school-management/routes.ts b/src/modules/school-management/routes.ts
index 4b6865e..c51fe08 100644
--- a/src/modules/school-management/routes.ts
+++ b/src/modules/school-management/routes.ts
@@ -1,23 +1,11 @@
-<<<<<<< HEAD
 import { book, create, list, people, person, school } from 'ionicons/icons'
-import DashboardClass from './views/DashboardClass.vue'
-import DashboardCourse from './views/DashboardCourse.vue'
 import DashboardFunction from './views/DashboardFunction.vue'
-import DashboardSchools from './views/DashboardSchools.vue'
 import DashboardSeries from './views/DashboardSeries.vue'
-import RegisterClass from './views/RegisterClass.vue'
-import RegisterCourse from './views/RegisterCourse.vue'
-import RegisterFunction from './views/RegisterFunction.vue'
-import RegisterSchool from './views/RegisterSchool.vue'
-import RegisterSeries from './views/RegisterSeries.vue'
-=======
-import { create, person, school } from 'ionicons/icons'
-import DashboardFunction from './views/DashboardFunction.vue'
 // import DashboardSchools from './views/DashboardSchools.vue'
 import FunctionDetailsDesktop from './views/FunctionDetailsDesktop.vue'
 import RegisterFunction from './views/RegisterFunction.vue'
 // import RegisterSchool from './views/RegisterSchool.vue'
->>>>>>> 1cbf4031bec06e98f62e54d6d7bebcf85e4dca9f
+import RegisterSeries from './views/RegisterSeries.vue'
 
 const routes = [
   // {
@@ -183,9 +171,6 @@ const routes = [
       requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
     },
   },
-<<<<<<< HEAD
-
-=======
   {
     path: '/Function/register/:id?',
     name: 'RegisterFunction',
@@ -198,45 +183,18 @@ const routes = [
       requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
     },
   },
->>>>>>> 1cbf4031bec06e98f62e54d6d7bebcf85e4dca9f
   {
     path: '/Function/details/:id',
     name: 'FunctionDetails',
     component: FunctionDetailsDesktop,
     meta: {
       moduleName: 'Schools',
-<<<<<<< HEAD
       icon: create,
       name: 'Registrar escola',
       order: 3,
       requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
     },
   },
-  {
-    path: '/Class/list',
-    name: 'ClassListClass',
-    component: DashboardClass,
-    meta: {
-      moduleName: 'Schools',
-      moduleIcon: school,
-      icon: people,
-      name: 'Turmas',
-      order: 4,
-      requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
-    },
-  },
-  {
-    path: '/Class/register',
-    name: 'RegisterClass',
-    component: RegisterClass,
-    meta: {
-      moduleName: 'Schools',
-      icon: create,
-      name: 'Registrar turma',
-      order: 5,
-      requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
-    },
-  },
 
   {
     path: '/Series/list',
@@ -264,37 +222,7 @@ const routes = [
       requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
     },
   },
-  {
-    path: '/Course/list',
-    name: 'CourseListCourse',
-    component: DashboardCourse,
-    meta: {
-      moduleName: 'Schools',
-      moduleIcon: school,
-      icon: book,
-      name: 'Cursos',
-      order: 10,
-      requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
-    },
-  },
 
-  {
-    path: '/Course/register',
-    name: 'RegisterCourse',
-    component: RegisterCourse,
-    meta: {
-      moduleName: 'Schools',
-      icon: create,
-      name: 'Registrar curso',
-      order: 12,
-=======
-      icon: person,
-      name: 'Detalhes da função',
-      order: 15,
->>>>>>> 1cbf4031bec06e98f62e54d6d7bebcf85e4dca9f
-      requiredRole: ['ADMIN', 'GESTORMUNICIPAL', 'GESTORESCOLAR'],
-    },
-  },
   {
     path: '/Function/list',
     name: 'FunctionListFunction',
diff --git a/src/modules/school-management/services/SeriesService.ts b/src/modules/school-management/services/SeriesService.ts
index a3ddaa4..b8cc432 100644
--- a/src/modules/school-management/services/SeriesService.ts
+++ b/src/modules/school-management/services/SeriesService.ts
@@ -2,17 +2,18 @@ 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
-  ageRangeMax: number
-  standardAge: number
+  ageRangeMin: number | null
+  ageRangeMax: number | null
+  standardAge: number | null
   schoolDays: number
   tenantId?: string | null
   userCreated?: string | null
-  createdAt: string
+  createdAt: string | null
   deletedAt: string | null
   updatedAt: string | null
   updatedBy: string | null
@@ -20,6 +21,7 @@ interface SeriesToSave {
 }
 
 interface SeriesDisciplines {
+  id?: string
   seriesId: string
   disciplineId: string
   year: number
@@ -44,6 +46,7 @@ export default class SeriesService extends BaseService<TabelaType> {
       const { data: series, error: seriesError } = await this.client
         .from(table)
         .select('*')
+        .is('deletedAt', null)
 
       if (seriesError) {
         errorHandler(seriesError, 'Erro ao buscar séries')
@@ -63,6 +66,7 @@ export default class SeriesService extends BaseService<TabelaType> {
         .from('seriesDisciplines')
         .select('*')
         .eq('seriesId', serieId)
+        .is('deletedAt', null)
 
       if (error) {
         errorHandler(error, 'Erro ao buscar disciplinas da série')
@@ -77,42 +81,118 @@ export default class SeriesService extends BaseService<TabelaType> {
 
   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) {
-        errorHandler(seriesError, 'Erro ao inserir ou atualizar a série')
-        return
+        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
+      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)
 
-      const disciplinesToUpsert = disciplines.map(discipline => ({
-        ...discipline,
-        seriesId, // Adiciona o ID da série retornado
-      }))
+      if (fetchError) {
+        throw new Error(`Erro ao buscar disciplinas existentes da série: ${fetchError.message}`)
+      }
 
-      const { data: disciplinesData, error: disciplinesError } = await this.client
-        .from('seriesDiscipline')
-        .upsert(disciplinesToUpsert, { onConflict: 'id' })
+      // 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,
+          })
+        }
+      }
 
-      if (disciplinesError) {
-        errorHandler(disciplinesError, 'Erro ao inserir ou atualizar disciplinas da série')
-        return
+      // 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: disciplinesData }
+      return { series: seriesData, disciplines: [...disciplinesToInsert, ...disciplinesToUpdate] }
     }
     catch (error) {
-      errorHandler(error, 'Erro ao inserir ou atualizar série e disciplinas')
+      throw new Error(`Erro ao inserir ou atualizar série e disciplinas: ${error.message}`)
     }
   }
 
diff --git a/src/modules/school-management/views/DashboardFunction.vue b/src/modules/school-management/views/DashboardFunction.vue
index a14746b..44697f1 100644
--- a/src/modules/school-management/views/DashboardFunction.vue
+++ b/src/modules/school-management/views/DashboardFunction.vue
@@ -227,6 +227,7 @@ watch(
             />
           </IonContent>
         </IonModal>
+        <pre>{{ seeModal.data?.id }}</pre>
 
         <IonModal
           :is-open="editModal.modal"
diff --git a/src/modules/school-management/views/DashboardSeries.vue b/src/modules/school-management/views/DashboardSeries.vue
index 5e2129e..55c46b2 100644
--- a/src/modules/school-management/views/DashboardSeries.vue
+++ b/src/modules/school-management/views/DashboardSeries.vue
@@ -182,7 +182,11 @@ watch(
         @ion-modal-did-dismiss="setModalAddSeries(false)"
       >
         <IonContent>
-          <RegisterSeries :close-modal="() => setModalAddSeries(false)" />
+          <RegisterSeries
+            :close-modal="setModalAddSeries"
+            @cancel="setModalAddSeries(false)"
+            @saved="loadSeries(); setModalAddSeries(false)"
+          />
         </IonContent>
       </IonModal>
 
@@ -207,9 +211,6 @@ watch(
           />
         </IonContent>
       </IonModal>
-      <pre>{{ seeModal.data?.id }}</pre>
-
-      <!-- <pre>{{ seeModal.data }}</pre> -->
 
       <IonModal
         :is-open="editModal.modal"
@@ -220,7 +221,7 @@ watch(
       >
         <IonContent>
           <RegisterSeries
-            :edit-id="seeModal.data?.id"
+            :edit-id="editingId"
             :close-modal="setEditModal"
             @saved="loadSeries(); setEditModal(false)"
             @cancel="setEditModal(false)"
diff --git a/src/modules/school-management/views/RegisterSeries.vue b/src/modules/school-management/views/RegisterSeries.vue
index b38a580..d274385 100644
--- a/src/modules/school-management/views/RegisterSeries.vue
+++ b/src/modules/school-management/views/RegisterSeries.vue
@@ -2,46 +2,45 @@
 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, validate } from 'vee-validate'
+import { Field, Form, useForm } from 'vee-validate'
 import { computed, onMounted, ref, watch } from 'vue'
-import { useRouter } from 'vue-router'
 import InstitutionService from '../../institution/services/InstitutionService'
 import CourseService from '../services/CourseService'
 import DisciplineService from '../services/DisciplineService'
 import SeriesService from '../services/SeriesService'
 
-defineProps<{
+const props = defineProps<{
   closeModal: (status: boolean) => void
   editId?: string
 }>()
 
-defineEmits<{
+const emit = defineEmits<{
   (e: 'cancel'): void
-  (e: 'save'): void
+  (e: 'saved'): void
 }>()
 
 const selectedSegment = ref('general')
-const router = useRouter()
-const route = useRouter()
-const seriesId = computed(() => route.currentRoute.value.params.id) as { value: string }
 const seriesService = new SeriesService()
 const courseService = new CourseService()
 const disciplineService = new DisciplineService()
 const institutionService = new InstitutionService()
-const institutionId = ref()
-const schoolId = ref()
-const institutionList = ref()
-const disciplineList = ref()
-const seriesList = ref()
-const courseList = ref()
-const courseId = ref()
+
+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: string
-  workload: string
+  year: number | null
+  workload: number | null
   createdAt: Date
   deletedAt: null | string
   updatedAt: null | string
@@ -50,38 +49,51 @@ const disciplines = ref<Array<{
 }>>([])
 
 const formValues = ref({
+  id: '',
   name: '',
   description: '',
   courseId: '',
-  createdAt: new Date(),
-  deletedAt: null,
-  updatedAt: null,
-  updatedBy: null,
-  tenantId: null,
-  userCreated: null,
   institutionId: '',
-  ageRangeMin: '',
-  ageRangeMax: '',
-  standardAge: '',
-  schoolDays: '',
-  workload: '',
-})
-// Configura o formulário com os valores iniciais
-const { values } = useForm({
-  initialValues: formValues.value,
+  ageRangeMin: null,
+  ageRangeMax: null,
+  standardAge: null,
+  schoolDays: null,
+  workload: null,
 })
 
-// const isEditing = computed(() => Boolean(props.editId))
-const modalTitle = computed(() => 'Editar Série')
+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, disciplines: [] })
 
 // Adiciona uma nova disciplina
 function addDiscipline() {
   disciplines.value.push({
+    id: null,
     disciplineId: '',
     seriesId: '',
     name: '',
-    year: '',
-    workload: '',
+    workload: null,
+    year: null,
     createdAt: new Date(),
     deletedAt: null,
     updatedAt: null,
@@ -95,49 +107,84 @@ function removeDiscipline(index: number) {
   disciplines.value.splice(index, 1)
 }
 
-async function saveSeriesAndDisciplines() {
-  const series = {
-    ...formValues.value,
-    createdAt: formValues.value.createdAt.toISOString(),
+// 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
   }
+}
 
-  const disciplinesToSave = disciplines.value.map(({ name, ...discipline }) => ({
-    ...discipline,
-    year: Number(discipline.year),
-    workload: Number(discipline.workload),
-    createdAt: new Date().toISOString(),
-  }))
+// Sincroniza os valores do formulário com `formValues`
+const { values } = useForm({
+  initialValues: formValues.value,
+})
 
-  try {
-    const result = await seriesService.upsertSeriesWithDisciplines(series, disciplinesToSave)
+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
+}
 
-    if (result) {
-      showToast('Série e disciplinas salvas com sucesso!', 'top', 'success')
-      router.push('/Series/list')
+// 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 || null,
+        }
+
+        // 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, disciplines: [...disciplines.value] }
+        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)
     }
-  }
-  catch (error) {
-    console.error('Erro ao salvar série e disciplinas:', error)
-    showToast('Erro ao salvar série e disciplinas. Tente novamente.', 'top', 'danger')
   }
 }
 
-// Sincroniza os valores do formulário com `formValues`
-watch(values, (newValues) => {
-  formValues.value = { ...newValues }
-})
-
-async function loadSeries() {
+// Carrega as listas de instituições, cursos e disciplinas
+async function loadDropdownData() {
   try {
-    const [institutions, series, courses, disciplinas] = await Promise.all([
+    const [institutions, courses, disciplinas] = await Promise.all([
       institutionService.getAll(),
-      seriesService.getAllSeries(),
       courseService.getAllCourses(),
       disciplineService.getAllDiscipline(),
     ])
 
     institutionList.value = institutions?.map(item => ({ id: item.id, name: item.name })) || []
-    seriesList.value = series?.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 })) || []
   }
@@ -145,72 +192,57 @@ async function loadSeries() {
     console.error('Erro ao carregar dados:', error)
   }
 }
-async function getSeriesData() {
-  if (seriesId.value) {
-    const seriesDbData = await seriesService.getById(seriesId.value)
-    if (seriesDbData) {
-      institutionId.value = seriesDbData.institutionId
-      courseId.value = seriesDbData.courseId
-      schoolId.value = seriesDbData.schoolId
-      setFieldValue('institutionId', seriesDbData.institutionId)
-      setFieldValue('schoolId', seriesDbData.schoolId)
-      setFieldValue('institutionId', seriesDbData.institutionId)
-      setFieldValue('schoolId', seriesDbData.schoolId)
-      setFieldValue('courseId', seriesDbData.courseId)
-      setFieldValue('name', seriesDbData.name)
-      setFieldValue('courseStage', seriesDbData.courseStage)
-      setFieldValue('graduate', seriesDbData.graduate)
-      setFieldValue('workload', seriesDbData.workload)
-      setFieldValue('schoolDays', seriesDbData.schoolDays)
-    }
-    else {
-      console.error(`Dados da série não encontrados para o ID: ${seriesId.value}`)
-    }
+
+// Salva a série e as disciplinas
+async function saveSeriesAndDisciplines() {
+  const series = {
+    ...formValues.value,
+    createdAt: isEditing.value ? undefined : new Date().toISOString(),
+    updatedAt: isEditing.value ? new Date().toISOString() : undefined,
+    deletedAt: null, // Add default value for deletedAt
+    updatedBy: null, // Add default value for updatedBy
   }
-}
 
-async function loadInstitution() {
-  try {
-    const institutions = await institutionService.getAll()
+  // 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.`)
+    }
 
-    if (institutions && institutions.length === 1) {
-      institutionId.value = institutions[0].id
-      formValues.value.institutionId = institutions[0].id // Define o valor inicial
+    return {
+      disciplineId: selectedDiscipline.id, // Garante que `disciplineId` seja preenchido
+      seriesId: series.id, // Vincula o ID da série
+      year: discipline.year,
+      workload: discipline.workload,
+      createdAt: discipline.createdAt || new Date().toISOString(),
+      updatedAt: isEditing.value ? new Date().toISOString() : undefined,
+      deletedAt: discipline.deletedAt || null,
+      tenantId: discipline.tenantId,
     }
+  })
 
-    if (institutions) {
-      institutionList.value = institutions.map((institution: any) => ({
-        id: institution.id,
-        name: institution.name,
-      }))
+  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 carregar dados:', error)
+    console.error('Erro ao salvar série:', error)
+    showToast('Erro ao salvar série. Tente novamente.', 'top', 'danger')
   }
 }
 
-// Atualiza a carga horária com base na disciplina selecionada
-function updateWorkload(index: number, selectedDiscipline: string) {
-  const selected = disciplineList.value.find(d => d.name === selectedDiscipline)
-  if (!selected) {
-    console.warn(`Disciplina não encontrada: ${selectedDiscipline}`)
-    return
-  }
-
-  disciplines.value[index].workload = selected.workload
-  disciplines.value[index].disciplineId = selected.id
-}
-
 onMounted(async () => {
-  await loadSeries()
-  await loadInstitution()
-  if (seriesId.value) {
-    await getSeriesData()
-    if (institutionId.value)
-      setFieldValue('institutionId', institutionId.value)
-    if (courseId.value)
-      setFieldValue('courseId', courseId.value)
+  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>
@@ -236,10 +268,9 @@ onMounted(async () => {
             <IonLabel>Disciplinas</IonLabel>
           </IonSegmentButton>
         </IonSegment>
-        <pre>{{ $props.editId }}</pre>
         <IonSegmentView>
           <IonSegmentContent id="general">
-            <Field v-slot="{ field, errors }" name="name" rules="required">
+            <Field v-slot="{ field, errors }" name="name" label="Nome" rules="required">
               <IonInput
                 v-model="formValues.name"
                 v-bind="field"
@@ -253,7 +284,7 @@ onMounted(async () => {
 
             <Field v-slot="{ field, errors }" name="institutionId">
               <IonSelect
-                v-model="institutionId"
+                v-model="formValues.institutionId"
                 :disabled="true"
                 v-bind="field"
                 label="Instituição"
@@ -270,16 +301,17 @@ onMounted(async () => {
               <span class="error-message">{{ errors[0] }}</span>
             </Field>
 
-            <Field v-slot="{ field, errors }" name="courseId" rules="required">
+            <Field v-slot="{ field, errors }" name="courseId" label="Curso" rules="required">
               <IonSelect
                 v-model="formValues.courseId"
                 v-bind="field"
-                label="Curso*"
+                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 }}
@@ -288,7 +320,7 @@ onMounted(async () => {
               <span class="error-message">{{ errors[0] }}</span>
             </Field>
 
-            <Field v-slot="{ field, errors }" name="workload">
+            <Field v-slot="{ field, errors }" name="workload" label="Carga horária" rules="required">
               <IonInput
                 v-model="formValues.workload"
                 v-bind="field"
@@ -302,7 +334,7 @@ onMounted(async () => {
 
             <IonRow>
               <IonCol size="6">
-                <Field v-slot="{ field, errors }" name="schoolDays">
+                <Field v-slot="{ field, errors }" name="schoolDays" label="Dias letivos" rules="required">
                   <IonInput
                     v-model="formValues.schoolDays"
                     v-bind="field"
@@ -451,7 +483,7 @@ onMounted(async () => {
             </IonButton>
           </IonCol>
           <IonCol size="6">
-            <IonButton :disabled="false" color="secondary" expand="full" @click="saveSeriesAndDisciplines">
+            <IonButton :disabled="!hasChanges" color="secondary" expand="full" @click="saveSeriesAndDisciplines">
               Salvar
             </IonButton>
           </IonCol>

From 1825790fec3efe6c8511424ef1ee3f1ad1734352 Mon Sep 17 00:00:00 2001
From: alan-cleveston <alan.cleveston@softagon.com.br>
Date: Tue, 20 May 2025 10:04:49 -0300
Subject: [PATCH 05/11] =?UTF-8?q?fix:=20s=C3=A9ries=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ListWithAction.vue                      | 10 ++++------
 src/modules/school-management/routes.ts                |  2 +-
 .../school-management/views/DashboardSeries.vue        |  2 +-
 .../{RegisterSeries.vue => RegisterSeriesMobile.vue}   |  6 +++---
 4 files changed, 9 insertions(+), 11 deletions(-)
 rename src/modules/school-management/views/{RegisterSeries.vue => RegisterSeriesMobile.vue} (99%)

diff --git a/src/components/ListWithAction.vue b/src/components/ListWithAction.vue
index a2c8177..0c6c57f 100644
--- a/src/components/ListWithAction.vue
+++ b/src/components/ListWithAction.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { IonCard, IonCardContent, IonCardHeader, IonCardTitle, IonIcon, IonItem, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonList } from '@ionic/vue'
-import { arrowBack, arrowForward, eye, pencilSharp, school, trashSharp } from 'ionicons/icons'
+import { apps, arrowBack, arrowForward, eye, pencilSharp, school, trashSharp } from 'ionicons/icons'
 import { ref } from 'vue'
+import { useRoute } from 'vue-router'
 
 interface Props {
   dataList: {
@@ -36,21 +37,18 @@ interface Props {
 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)[]>([])
 
 const innerWidth = window.innerWidth
-
-// function handleOpened(index: number) {
-//   isOpen.value[index] = true
-// }
 </script>
 
 <template>
   <IonCard v-if="true">
     <IonCardHeader color="secondary">
       <div style="display: flex; align-items: center; height: 15px;">
-        <IonIcon :icon="school" 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 registros ({{ props.dataList.length }})
         </IonCardTitle>
diff --git a/src/modules/school-management/routes.ts b/src/modules/school-management/routes.ts
index c51fe08..366f1da 100644
--- a/src/modules/school-management/routes.ts
+++ b/src/modules/school-management/routes.ts
@@ -5,7 +5,7 @@ import DashboardSeries from './views/DashboardSeries.vue'
 import FunctionDetailsDesktop from './views/FunctionDetailsDesktop.vue'
 import RegisterFunction from './views/RegisterFunction.vue'
 // import RegisterSchool from './views/RegisterSchool.vue'
-import RegisterSeries from './views/RegisterSeries.vue'
+import RegisterSeries from './views/RegisterSeriesMobile.vue'
 
 const routes = [
   // {
diff --git a/src/modules/school-management/views/DashboardSeries.vue b/src/modules/school-management/views/DashboardSeries.vue
index 55c46b2..75fc699 100644
--- a/src/modules/school-management/views/DashboardSeries.vue
+++ b/src/modules/school-management/views/DashboardSeries.vue
@@ -9,7 +9,7 @@ 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 './RegisterSeries.vue'
+import RegisterSeries from './RegisterSeriesMobile.vue'
 
 const router = useRouter()
 const route = router.currentRoute
diff --git a/src/modules/school-management/views/RegisterSeries.vue b/src/modules/school-management/views/RegisterSeriesMobile.vue
similarity index 99%
rename from src/modules/school-management/views/RegisterSeries.vue
rename to src/modules/school-management/views/RegisterSeriesMobile.vue
index d274385..94bc9d9 100644
--- a/src/modules/school-management/views/RegisterSeries.vue
+++ b/src/modules/school-management/views/RegisterSeriesMobile.vue
@@ -410,7 +410,7 @@ onMounted(async () => {
                 <IonGrid>
                   <IonRow>
                     <IonCol size="12">
-                      <Field v-slot="{ field, errors }" name="discipline.name">
+                      <Field v-slot="{ field, errors }" name="discipline.name" label="Disciplina" rules="required">
                         <IonSelect
                           v-model="discipline.name"
                           v-bind="field"
@@ -431,7 +431,7 @@ onMounted(async () => {
                   </IonRow>
                   <IonRow>
                     <IonCol size="6">
-                      <Field v-slot="{ field, errors }" name="workload" rules="required">
+                      <Field v-slot="{ field, errors }" name="workload" label="Carga horária" rules="required">
                         <IonInput
                           v-model="discipline.workload"
                           v-bind="field"
@@ -444,7 +444,7 @@ onMounted(async () => {
                       </Field>
                     </IonCol>
                     <IonCol size="6">
-                      <Field v-slot="{ field, errors }" name="year" rules="required">
+                      <Field v-slot="{ field, errors }" name="year" label="Ano" rules="required">
                         <IonInput
                           v-model="discipline.year"
                           v-bind="field"

From 4f7d7a1bdb63f670951c0511c6f0b02a3c72459c Mon Sep 17 00:00:00 2001
From: alan-cleveston <alan.cleveston@softagon.com.br>
Date: Tue, 20 May 2025 10:19:08 -0300
Subject: [PATCH 06/11] fix: merge homolog

---
 .../services/SeriesService.ts                 |  15 +-
 .../views/DashboardFunction.vue               |   1 -
 .../views/DashboardSchools.vue                | 179 ------------------
 .../views/DashboardSeries.vue                 |   2 +-
 .../views/RegisterSchool.vue                  | 179 ------------------
 src/modules/teacher-journey                   |   2 +-
 6 files changed, 12 insertions(+), 366 deletions(-)
 delete mode 100644 src/modules/school-management/views/DashboardSchools.vue
 delete mode 100644 src/modules/school-management/views/RegisterSchool.vue

diff --git a/src/modules/school-management/services/SeriesService.ts b/src/modules/school-management/services/SeriesService.ts
index b8cc432..c76afb6 100644
--- a/src/modules/school-management/services/SeriesService.ts
+++ b/src/modules/school-management/services/SeriesService.ts
@@ -192,7 +192,12 @@ export default class SeriesService extends BaseService<TabelaType> {
       return { series: seriesData, disciplines: [...disciplinesToInsert, ...disciplinesToUpdate] }
     }
     catch (error) {
-      throw new Error(`Erro ao inserir ou atualizar série e disciplinas: ${error.message}`)
+      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')
+      }
     }
   }
 
@@ -223,7 +228,7 @@ export default class SeriesService extends BaseService<TabelaType> {
               .from('seriesDiscipline')
               .select(`
                 *,
-                discipline:disciplineId (name) -- Faz o join com a tabela de disciplinas para obter o nome
+                discipline:disciplineId (name)
               `)
               .eq('seriesId', series.id)
               .is('deletedAt', null)
@@ -238,7 +243,7 @@ export default class SeriesService extends BaseService<TabelaType> {
               courseName: series.course?.name || 'Curso não informado',
               institutionName: series.institution?.name || 'Instituição não informada',
               disciplines: (disciplines || []).map(d => ({
-                ...d,
+                ...(typeof d === 'object' && d !== null ? d : {}),
                 disciplineName: d.discipline?.name || 'Disciplina não informada',
               })),
             }
@@ -288,7 +293,7 @@ export default class SeriesService extends BaseService<TabelaType> {
           .from('seriesDiscipline')
           .select(`
             *,
-            discipline:disciplineId (name) -- Faz o join com a tabela de disciplinas para obter o nome
+            discipline:disciplineId (name)
           `)
           .eq('seriesId', seriesId)
           .is('deletedAt', null)
@@ -306,7 +311,7 @@ export default class SeriesService extends BaseService<TabelaType> {
           courseName: series.course?.name || 'Curso não informado',
           institutionName: series.institution?.name || 'Instituição não informada',
           disciplines: (disciplines || []).map(d => ({
-            ...d,
+            ...(typeof d === 'object' && d !== null ? d : {}),
             disciplineName: d.discipline?.name || 'Disciplina não informada',
           })),
         }
diff --git a/src/modules/school-management/views/DashboardFunction.vue b/src/modules/school-management/views/DashboardFunction.vue
index 44697f1..a14746b 100644
--- a/src/modules/school-management/views/DashboardFunction.vue
+++ b/src/modules/school-management/views/DashboardFunction.vue
@@ -227,7 +227,6 @@ watch(
             />
           </IonContent>
         </IonModal>
-        <pre>{{ seeModal.data?.id }}</pre>
 
         <IonModal
           :is-open="editModal.modal"
diff --git a/src/modules/school-management/views/DashboardSchools.vue b/src/modules/school-management/views/DashboardSchools.vue
deleted file mode 100644
index b9a8ccb..0000000
--- a/src/modules/school-management/views/DashboardSchools.vue
+++ /dev/null
@@ -1,179 +0,0 @@
-<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 { IonButton, IonContent, IonIcon, IonModal } from '@ionic/vue'
-import { add } from 'ionicons/icons'
-import { computed, onMounted, ref } from 'vue'
-import { useRouter } from 'vue-router'
-import SchoolService from '../services/SchoolService'
-import RegisterSchool from './RegisterSchool.vue'
-
-const router = useRouter()
-
-// Estados para os dados da instituição e carregamento
-const schoolService = new SchoolService()
-const dataList = ref<Tables<'school'>[]>([])
-// const schoolData = ref<Array<{ school: Tables<'school'>, courses: Tables<'course'>[], series: Tables<'series'>[] }> | []>([])
-// const schoolCount = ref(0)
-// const classCount = ref(0)
-// const approvalRate = ref(0)
-// const teacherCount = ref(0)
-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: false, data: undefined })
-
-function setModalAddSchool(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)
-  }
-}
-
-const newItem = ref()
-const searchResult = ref()
-
-const filteredDataList = computed(() => {
-  if (!searchQuery.value) {
-    return dataList.value
-  }
-
-  return dataList.value.filter((classroom: Tables<'school'>) =>
-    classroom.name.toLowerCase().includes(searchQuery.value.toLowerCase()),
-  )
-})
-
-async function loadSchools() {
-  try {
-    const schools = await schoolService.getAll() // getAll() pode retornar null
-    dataList.value = schools ?? [] // Se retornar null, atribuímos um array vazio
-  }
-  catch (error) {
-    console.error('Erro ao carregar as escolas:', error)
-  }
-}
-
-function isMobileDevice() {
-  return window.innerWidth <= 768
-}
-
-function navigateToRegister() {
-  switch (isMobileDevice()) {
-    case true:
-      // Se for um dispositivo móvel, defina o ID de edição como indefinido e mostre a folha móvel
-      // editingId.value = undefined
-      setModalAddSchool(true)
-      break
-    case false:
-      // Caso contrário, navegue para a página de registro
-      router.push({ name: 'RegisterSchool' })
-  }
-}
-
-onMounted(() => {
-  loadSchools()
-})
-</script>
-
-<template>
-  <ContentLayout>
-    <!-- <SchoolCards
-      :student-count="schoolCount"
-      :teacher-count="teacherCount"
-      :class-count="classCount"
-      :approval-rate="approvalRate"
-    /> -->
-    <!--  -->
-    <!--  -->
-
-    <!-- <ion-toolbar>
-      <ion-title>Escolas ativas ({{ filteredDataList.length }})</ion-title>
-    </ion-toolbar> -->
-
-    <div class="ion-margin-top">
-      <SearchBox table="school" placeholder="Nome da escola" @update:search-result="searchResult = $event" @update:new-item="newItem = $event" />
-
-      <ion-row class="ion-align-items-center ion-justify-content-between">
-        <ion-col size="10">
-          <ion-searchbar v-model="searchQuery" placeholder="Buscar escola" />
-        </ion-col>
-        <ion-col 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>
-        </ion-col>
-      </ion-row>
-
-      <EduprimeList :data-list="filteredDataList" @update:delete="deleteModal = $event" @update:edit="editModal = $event" @update:see="($event) => { console.log($event); seeModal = $event; }" />
-
-      <!-- <SchoolList :data-list="filteredDataList" /> -->
-      <IonModal
-        :is-open="isModalAddSchool"
-        :expand-to-scroll="false"
-        :initial-breakpoint="0.95"
-        :breakpoints="[0, 0.7, 0.95, 1]"
-        @ion-modal-did-dismiss="setModalAddSchool(false)"
-      >
-        <IonContent>
-          <RegisterSchool :close-modal="() => setModalAddSchool(false)" />
-        </IonContent>
-      </IonModal>
-      <!-- Dismiss não funionou, estudar uma solução para isso -->
-
-      <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" name="Detalhes da escola" @close="setSeeModal(false)" @edit="setEditModal(true)" />
-        </IonContent>
-      </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;
-}
-</style>
diff --git a/src/modules/school-management/views/DashboardSeries.vue b/src/modules/school-management/views/DashboardSeries.vue
index 75fc699..9d4350b 100644
--- a/src/modules/school-management/views/DashboardSeries.vue
+++ b/src/modules/school-management/views/DashboardSeries.vue
@@ -20,7 +20,7 @@ const isModalAddSchool = ref(false)
 
 const seeModal = ref({ modal: false, data: undefined as any })
 const editModal = ref({ modal: false, data: undefined })
-const deleteModal = ref({ modal: false, data: undefined })
+const deleteModal = ref<{ modal: boolean, data: { id: string } | undefined }>({ modal: false, data: undefined })
 
 const editingId = ref<string | undefined>(undefined)
 
diff --git a/src/modules/school-management/views/RegisterSchool.vue b/src/modules/school-management/views/RegisterSchool.vue
deleted file mode 100644
index b9a8ccb..0000000
--- a/src/modules/school-management/views/RegisterSchool.vue
+++ /dev/null
@@ -1,179 +0,0 @@
-<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 { IonButton, IonContent, IonIcon, IonModal } from '@ionic/vue'
-import { add } from 'ionicons/icons'
-import { computed, onMounted, ref } from 'vue'
-import { useRouter } from 'vue-router'
-import SchoolService from '../services/SchoolService'
-import RegisterSchool from './RegisterSchool.vue'
-
-const router = useRouter()
-
-// Estados para os dados da instituição e carregamento
-const schoolService = new SchoolService()
-const dataList = ref<Tables<'school'>[]>([])
-// const schoolData = ref<Array<{ school: Tables<'school'>, courses: Tables<'course'>[], series: Tables<'series'>[] }> | []>([])
-// const schoolCount = ref(0)
-// const classCount = ref(0)
-// const approvalRate = ref(0)
-// const teacherCount = ref(0)
-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: false, data: undefined })
-
-function setModalAddSchool(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)
-  }
-}
-
-const newItem = ref()
-const searchResult = ref()
-
-const filteredDataList = computed(() => {
-  if (!searchQuery.value) {
-    return dataList.value
-  }
-
-  return dataList.value.filter((classroom: Tables<'school'>) =>
-    classroom.name.toLowerCase().includes(searchQuery.value.toLowerCase()),
-  )
-})
-
-async function loadSchools() {
-  try {
-    const schools = await schoolService.getAll() // getAll() pode retornar null
-    dataList.value = schools ?? [] // Se retornar null, atribuímos um array vazio
-  }
-  catch (error) {
-    console.error('Erro ao carregar as escolas:', error)
-  }
-}
-
-function isMobileDevice() {
-  return window.innerWidth <= 768
-}
-
-function navigateToRegister() {
-  switch (isMobileDevice()) {
-    case true:
-      // Se for um dispositivo móvel, defina o ID de edição como indefinido e mostre a folha móvel
-      // editingId.value = undefined
-      setModalAddSchool(true)
-      break
-    case false:
-      // Caso contrário, navegue para a página de registro
-      router.push({ name: 'RegisterSchool' })
-  }
-}
-
-onMounted(() => {
-  loadSchools()
-})
-</script>
-
-<template>
-  <ContentLayout>
-    <!-- <SchoolCards
-      :student-count="schoolCount"
-      :teacher-count="teacherCount"
-      :class-count="classCount"
-      :approval-rate="approvalRate"
-    /> -->
-    <!--  -->
-    <!--  -->
-
-    <!-- <ion-toolbar>
-      <ion-title>Escolas ativas ({{ filteredDataList.length }})</ion-title>
-    </ion-toolbar> -->
-
-    <div class="ion-margin-top">
-      <SearchBox table="school" placeholder="Nome da escola" @update:search-result="searchResult = $event" @update:new-item="newItem = $event" />
-
-      <ion-row class="ion-align-items-center ion-justify-content-between">
-        <ion-col size="10">
-          <ion-searchbar v-model="searchQuery" placeholder="Buscar escola" />
-        </ion-col>
-        <ion-col 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>
-        </ion-col>
-      </ion-row>
-
-      <EduprimeList :data-list="filteredDataList" @update:delete="deleteModal = $event" @update:edit="editModal = $event" @update:see="($event) => { console.log($event); seeModal = $event; }" />
-
-      <!-- <SchoolList :data-list="filteredDataList" /> -->
-      <IonModal
-        :is-open="isModalAddSchool"
-        :expand-to-scroll="false"
-        :initial-breakpoint="0.95"
-        :breakpoints="[0, 0.7, 0.95, 1]"
-        @ion-modal-did-dismiss="setModalAddSchool(false)"
-      >
-        <IonContent>
-          <RegisterSchool :close-modal="() => setModalAddSchool(false)" />
-        </IonContent>
-      </IonModal>
-      <!-- Dismiss não funionou, estudar uma solução para isso -->
-
-      <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" name="Detalhes da escola" @close="setSeeModal(false)" @edit="setEditModal(true)" />
-        </IonContent>
-      </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;
-}
-</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

From fafdfb7d83720c395dbb8888b5c8994b7b3d5800 Mon Sep 17 00:00:00 2001
From: alan-cleveston <alan.cleveston@softagon.com.br>
Date: Tue, 20 May 2025 10:45:43 -0300
Subject: [PATCH 07/11] fix: removendo erros ts

---
 src/components/ListWithAction.vue             | 41 ++++++++++---------
 .../views/DashboardSeries.vue                 | 10 +++--
 .../views/RegisterSeriesMobile.vue            | 35 ++++++++++++----
 3 files changed, 53 insertions(+), 33 deletions(-)

diff --git a/src/components/ListWithAction.vue b/src/components/ListWithAction.vue
index 0c6c57f..818ffd9 100644
--- a/src/components/ListWithAction.vue
+++ b/src/components/ListWithAction.vue
@@ -6,29 +6,30 @@ import { useRoute } from 'vue-router'
 
 interface Props {
   dataList: {
-    abbreviation: string | null
-    active: boolean
-    address: string | null
-    city: string | null
-    createdAt: string
-    deletedAt: string | null
-    email: string | null
+    abbreviation?: string | null
+    active?: boolean
+    address?: string | null
+    course_id?: string | null
+    city?: string | null
+    createdAt?: string
+    deletedAt?: string | null
+    email?: string | null
     id: string
-    institution_id: string
-    logourl: string | null
+    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: [
+    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
+        discipline?: string | null
+        workload?: number | null
       },
     ]
   }[]
diff --git a/src/modules/school-management/views/DashboardSeries.vue b/src/modules/school-management/views/DashboardSeries.vue
index 9d4350b..397571c 100644
--- a/src/modules/school-management/views/DashboardSeries.vue
+++ b/src/modules/school-management/views/DashboardSeries.vue
@@ -84,9 +84,12 @@ const filteredDataList = computed(() => {
 
 async function loadSeries() {
   try {
-    const series = await seriesService.getAllSeriesWithDetails() // getAll() pode retornar null
-    dataList.value = series ?? [] // Se retornar null, atribuímos um array vazio
-    console.log(series)
+    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)
@@ -147,7 +150,6 @@ watch(
           </IonButton>
         </IonCol>
       </IonRow>
-      <!-- <SeriesList :data-list="filteredDataList" /> -->
       <EduprimeList
         :data-list="filteredDataList"
         @update:delete="(event) => {
diff --git a/src/modules/school-management/views/RegisterSeriesMobile.vue b/src/modules/school-management/views/RegisterSeriesMobile.vue
index 94bc9d9..5df128d 100644
--- a/src/modules/school-management/views/RegisterSeriesMobile.vue
+++ b/src/modules/school-management/views/RegisterSeriesMobile.vue
@@ -83,7 +83,12 @@ const originalFormValues = ref<{
     updatedBy: string | null
     tenantId: string
   }>
-}>({ ...formValues.value, disciplines: [] })
+}>({
+  ...formValues.value,
+  schoolDays: formValues.value.schoolDays ?? 0,
+  workload: formValues.value.workload ?? 0,
+  disciplines: [],
+})
 
 // Adiciona uma nova disciplina
 function addDiscipline() {
@@ -152,7 +157,7 @@ async function loadSeriesData() {
           ageRangeMax: seriesData.ageRangeMax || null,
           standardAge: seriesData.standardAge || null,
           schoolDays: seriesData.schoolDays || null,
-          workload: seriesData.workload || null,
+          workload: seriesData.workload ?? undefined,
         }
 
         // Carrega as disciplinas associadas à série
@@ -162,7 +167,16 @@ async function loadSeriesData() {
           workload: discipline.workload || '',
           year: discipline.year || '',
         }))
-        originalFormValues.value = { ...formValues.value, disciplines: [...disciplines.value] }
+        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 {
@@ -197,10 +211,12 @@ async function loadDropdownData() {
 async function saveSeriesAndDisciplines() {
   const series = {
     ...formValues.value,
-    createdAt: isEditing.value ? undefined : new Date().toISOString(),
-    updatedAt: isEditing.value ? new Date().toISOString() : undefined,
+    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
@@ -213,12 +229,13 @@ async function saveSeriesAndDisciplines() {
     return {
       disciplineId: selectedDiscipline.id, // Garante que `disciplineId` seja preenchido
       seriesId: series.id, // Vincula o ID da série
-      year: discipline.year,
-      workload: discipline.workload,
-      createdAt: discipline.createdAt || new Date().toISOString(),
-      updatedAt: isEditing.value ? new Date().toISOString() : undefined,
+      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
     }
   })
 

From fdb3c8561696ec611ee27e97e5ca58ffffdcd328 Mon Sep 17 00:00:00 2001
From: alan-cleveston <alan.cleveston@softagon.com.br>
Date: Tue, 20 May 2025 11:12:03 -0300
Subject: [PATCH 08/11] fix: removendo erros ts

---
 src/modules/school-management/views/DashboardFunction.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/school-management/views/DashboardFunction.vue b/src/modules/school-management/views/DashboardFunction.vue
index a14746b..9a05443 100644
--- a/src/modules/school-management/views/DashboardFunction.vue
+++ b/src/modules/school-management/views/DashboardFunction.vue
@@ -24,7 +24,7 @@ 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 => ({
+  return dataList.value.map((item: { id: any, name: any, abbreviation: any, description: any, createdAt: { toString: () => any }, updatedAt: { toString: () => any }, deletedAt: { toString: () => any } }) => ({
     id: item.id,
     name: item.name,
     abbreviation: item.abbreviation,
@@ -38,14 +38,14 @@ const adaptedDataList = computed(() => {
 const filteredDataList = computed(() => {
   // Primeiro filtra a lista se houver uma consulta de busca
   const filtered = searchQuery.value
-    ? adaptedDataList.value.filter(item =>
+    ? adaptedDataList.value.filter((item: { name: string, abbreviation: string }) =>
         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 filtered.sort((a: { name: string }, b: { name: any }) => {
     return a.name.localeCompare(b.name)
   })
 })

From 98679e190b577bc59dc8d4c4503c976e2ef131e6 Mon Sep 17 00:00:00 2001
From: alan-cleveston <alan.cleveston@softagon.com.br>
Date: Tue, 20 May 2025 11:17:47 -0300
Subject: [PATCH 09/11] =?UTF-8?q?fix:=20enviando=20apenas=20s=C3=A9rie?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/DashboardFunction.vue               | 300 ---------------
 .../views/FunctionDetailsDesktop.vue          | 207 ----------
 .../views/RegisterFunction.vue                | 294 ---------------
 .../views/RegisterFunctionMobile.vue          | 357 ------------------
 4 files changed, 1158 deletions(-)
 delete mode 100644 src/modules/school-management/views/DashboardFunction.vue
 delete mode 100644 src/modules/school-management/views/FunctionDetailsDesktop.vue
 delete mode 100644 src/modules/school-management/views/RegisterFunction.vue
 delete mode 100644 src/modules/school-management/views/RegisterFunctionMobile.vue

diff --git a/src/modules/school-management/views/DashboardFunction.vue b/src/modules/school-management/views/DashboardFunction.vue
deleted file mode 100644
index 9a05443..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: any, name: any, abbreviation: any, description: any, createdAt: { toString: () => any }, updatedAt: { toString: () => any }, deletedAt: { toString: () => any } }) => ({
-    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: { name: string, abbreviation: string }) =>
-        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: { name: string }, b: { name: any }) => {
-    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/FunctionDetailsDesktop.vue b/src/modules/school-management/views/FunctionDetailsDesktop.vue
deleted file mode 100644
index 5e10e79..0000000
--- a/src/modules/school-management/views/FunctionDetailsDesktop.vue
+++ /dev/null
@@ -1,207 +0,0 @@
-<script setup lang="ts">
-import type { ServerFunction } from '@prisma/client'
-import ContentLayout from '@/components/theme/ContentLayout.vue'
-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'
-
-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>

From 8e241af37423215d0fc78f6da2363a2fddb7156e Mon Sep 17 00:00:00 2001
From: alan-cleveston <alan.cleveston@softagon.com.br>
Date: Tue, 20 May 2025 11:24:29 -0300
Subject: [PATCH 10/11] =?UTF-8?q?fix:=20enviando=20apenas=20s=C3=A9rie?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ListWithActionFunction.vue | 144 ----------------------
 src/components/listWithActionFunction.vue | 144 ----------------------
 2 files changed, 288 deletions(-)
 delete mode 100644 src/components/ListWithActionFunction.vue
 delete mode 100644 src/components/listWithActionFunction.vue

diff --git a/src/components/ListWithActionFunction.vue b/src/components/ListWithActionFunction.vue
deleted file mode 100644
index 8a8d0b9..0000000
--- a/src/components/ListWithActionFunction.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<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'
-
-interface Props {
-  dataList: {
-    id: string
-    name: string
-    abbreviation?: string | null
-    description?: string | null
-    createdAt?: string
-    updatedAt?: string | null
-    deletedAt?: string | null
-  }[]
-}
-
-const props = defineProps<Props>()
-const emits = defineEmits(['update:see', 'update:edit', 'update:delete'])
-
-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)
-})
-</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;" />
-        <IonCardTitle style="font-size: medium;">
-          Lista de funções ({{ props.dataList.length }})
-        </IonCardTitle>
-      </div>
-    </IonCardHeader>
-
-    <div v-if="true">
-      <IonCardContent class="ion-no-padding">
-        <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)"
-            >
-              <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 }}
-                  </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);">
-                <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;" />
-                  </div>
-                </IonItemOption>
-                <IonItemOption color="primary" @click="emits('update:edit', { modal: true, data: item })">
-                  <div style="width: 40px; display: flex; justify-content: center;">
-                    <IonIcon :icon="pencilSharp" style="font-size: 18pt;" />
-                  </div>
-                </IonItemOption>
-                <IonItemOption color="danger" @click="emits('update:delete', { modal: true, data: item })">
-                  <div style="width: 40px; display: flex; justify-content: center;">
-                    <IonIcon :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 }}
-                </p>
-              </IonLabel>
-              <div style="display: flex; min-height: 100%;">
-                <IonItemOption style="background-color: white;" @click="emits('update:see', { modal: true, data: item })">
-                  <div style="width: 40px; display: flex; justify-content: center;">
-                    <IonIcon color="tertiary" :icon="eye" size="large" />
-                  </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" size="large" />
-                  </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" size="large" />
-                  </div>
-                </IonItemOption>
-              </div>
-            </IonItem>
-          </div>
-        </IonList>
-      </IonCardContent>
-    </div>
-  </IonCard>
-</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/listWithActionFunction.vue b/src/components/listWithActionFunction.vue
deleted file mode 100644
index 8a8d0b9..0000000
--- a/src/components/listWithActionFunction.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<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'
-
-interface Props {
-  dataList: {
-    id: string
-    name: string
-    abbreviation?: string | null
-    description?: string | null
-    createdAt?: string
-    updatedAt?: string | null
-    deletedAt?: string | null
-  }[]
-}
-
-const props = defineProps<Props>()
-const emits = defineEmits(['update:see', 'update:edit', 'update:delete'])
-
-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)
-})
-</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;" />
-        <IonCardTitle style="font-size: medium;">
-          Lista de funções ({{ props.dataList.length }})
-        </IonCardTitle>
-      </div>
-    </IonCardHeader>
-
-    <div v-if="true">
-      <IonCardContent class="ion-no-padding">
-        <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)"
-            >
-              <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 }}
-                  </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);">
-                <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;" />
-                  </div>
-                </IonItemOption>
-                <IonItemOption color="primary" @click="emits('update:edit', { modal: true, data: item })">
-                  <div style="width: 40px; display: flex; justify-content: center;">
-                    <IonIcon :icon="pencilSharp" style="font-size: 18pt;" />
-                  </div>
-                </IonItemOption>
-                <IonItemOption color="danger" @click="emits('update:delete', { modal: true, data: item })">
-                  <div style="width: 40px; display: flex; justify-content: center;">
-                    <IonIcon :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 }}
-                </p>
-              </IonLabel>
-              <div style="display: flex; min-height: 100%;">
-                <IonItemOption style="background-color: white;" @click="emits('update:see', { modal: true, data: item })">
-                  <div style="width: 40px; display: flex; justify-content: center;">
-                    <IonIcon color="tertiary" :icon="eye" size="large" />
-                  </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" size="large" />
-                  </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" size="large" />
-                  </div>
-                </IonItemOption>
-              </div>
-            </IonItem>
-          </div>
-        </IonList>
-      </IonCardContent>
-    </div>
-  </IonCard>
-</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>

From 000c54b19f9c1a2b25d6f4b68958238153f90748 Mon Sep 17 00:00:00 2001
From: alan-cleveston <alan.cleveston@softagon.com.br>
Date: Tue, 20 May 2025 11:27:42 -0300
Subject: [PATCH 11/11] =?UTF-8?q?fix:=20enviando=20apenas=20s=C3=A9rie?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/school-management/routes.ts | 130 ++++++++++++------------
 1 file changed, 65 insertions(+), 65 deletions(-)

diff --git a/src/modules/school-management/routes.ts b/src/modules/school-management/routes.ts
index 366f1da..54971e9 100644
--- a/src/modules/school-management/routes.ts
+++ b/src/modules/school-management/routes.ts
@@ -1,9 +1,9 @@
 import { book, create, list, people, person, school } from 'ionicons/icons'
-import DashboardFunction from './views/DashboardFunction.vue'
+// 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'
 
@@ -158,43 +158,43 @@ 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,
+  //   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: '/Series/list',
@@ -223,31 +223,31 @@ const routes = [
     },
   },
 
-  {
-    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'],
-    },
-  },
+  // {
+  //   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