From 678e7e51de3570749fa5f0ab0d9f4be3a631902c Mon Sep 17 00:00:00 2001
From: bztNTC <brunozcm@estudante.ufscar.br>
Date: Fri, 25 Oct 2024 17:40:29 -0300
Subject: [PATCH] Adicionando relatorio de horas teoricas

---
 src/Routes.jsx                             |  5 +++
 src/pages/Home.jsx                         |  5 +++
 src/pages/RelatorioHorasTeoricas/index.jsx | 52 ++++++++++++++++++++++
 3 files changed, 62 insertions(+)
 create mode 100644 src/pages/RelatorioHorasTeoricas/index.jsx

diff --git a/src/Routes.jsx b/src/Routes.jsx
index 6afcedc..24677f4 100644
--- a/src/Routes.jsx
+++ b/src/Routes.jsx
@@ -8,6 +8,7 @@ import UsuarioCursistaDP from "pages/UsuarioCursistaDP";
 import UsuarioCursistaDPEdicao from "pages/UsuarioCursistaDPEdicao";
 import RelatorioHorasPraticasCursista from "pages/RelatorioHorasPraticasCursista";
 import RelatorioOrientacao from "pages/RelatorioOrientacao";
+import RelatorioHorasTeoricas from "pages/RelatorioHorasTeoricas";
 
 const ProjectRoutes = () => {
   let element = useRoutes([
@@ -37,6 +38,10 @@ const ProjectRoutes = () => {
       path: "relatorio-orientacao", // Definindo o caminho da nova página
       element: <RelatorioOrientacao />,
     },
+    {
+      path: "relatorio-horas-teoricas", // Definindo o caminho da nova página
+      element: <RelatorioHorasTeoricas />,
+    },
   ]);
 
   return element;
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index dd0638b..362c1b3 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -42,6 +42,11 @@ const Home = () => {
           relatorio-orientacao
           </Link>
         </li>
+        <li style={{ marginBottom: "10px" }}>
+          <Link to="/relatorio-horas-teoricas" style={{ color: "#87CEFA", textDecoration: "none" }}>
+          relatorio-horas-teoricas
+          </Link>
+        </li>
       </ul>
     </div>
   );
diff --git a/src/pages/RelatorioHorasTeoricas/index.jsx b/src/pages/RelatorioHorasTeoricas/index.jsx
new file mode 100644
index 0000000..3ff392d
--- /dev/null
+++ b/src/pages/RelatorioHorasTeoricas/index.jsx
@@ -0,0 +1,52 @@
+import React from 'react';
+import { Box, Flex, Heading, Button, Input, VStack } from '@chakra-ui/react';
+import { DownloadIcon } from '@chakra-ui/icons';
+import Header from '../../components/Header';
+import Sidebar1 from '../../components/Sidebar1';
+
+const RelatorioHorasTeoricas = () => {
+  return (
+    <Flex direction="column" height="100vh">
+      <Header />
+      <Flex flex="1">
+        <Sidebar1 />
+        <Box flex="1" p="8" display="flex" justifyContent="center" alignItems="center">
+          <Box bg="white" p="8" borderRadius="md" boxShadow="md" width="400px">
+            {/* Título da Seção */}
+            <Heading size="md" mb="6" textAlign="center">Docente Ministrante</Heading>
+
+            {/* Formulário do Relatório de Horas Teóricas */}
+            <VStack spacing="6">
+              {/* Campo Nome */}
+              <Box w="100%">
+                <Heading size="xs" mb="2">Nome</Heading>
+                <Input placeholder="Nome do Docente" />
+              </Box>
+
+              {/* Campo Instituição */}
+              <Box w="100%">
+                <Heading size="xs" mb="2">Instituição</Heading>
+                <Input placeholder="Instituição" />
+              </Box>
+
+              {/* Campo Documento Excel */}
+              <Box w="100%">
+                <Heading size="xs" mb="2">Documento Excel</Heading>
+                <Button leftIcon={<DownloadIcon />} colorScheme="gray" variant="outline">
+                  .xml
+                </Button>
+              </Box>
+
+              {/* Botão Enviar */}
+              <Box w="100%" textAlign="center">
+                <Button colorScheme="gray" width="100%">Enviar</Button>
+              </Box>
+            </VStack>
+          </Box>
+        </Box>
+      </Flex>
+    </Flex>
+  );
+};
+
+export default RelatorioHorasTeoricas;