From 8355a781bbe5951ec2a20a2c5f2e8e39dcb4c1ac Mon Sep 17 00:00:00 2001
From: AmirHossein Mahmoodi <amir.mahmoodi74@gmail.com>
Date: Mon, 13 Nov 2023 13:47:00 +0330
Subject: [PATCH] LFFE-25 Implementation of print layout and Printable Page

---
 .../layouts/Dashboard/Header/index.jsx        |  3 +-
 src/components/layouts/Print/Header/index.jsx | 47 +++++++++++++++++++
 src/components/layouts/Print/index.jsx        | 16 +++++++
 3 files changed, 64 insertions(+), 2 deletions(-)
 create mode 100644 src/components/layouts/Print/Header/index.jsx
 create mode 100644 src/components/layouts/Print/index.jsx

diff --git a/src/components/layouts/Dashboard/Header/index.jsx b/src/components/layouts/Dashboard/Header/index.jsx
index 8760960..8050806 100644
--- a/src/components/layouts/Dashboard/Header/index.jsx
+++ b/src/components/layouts/Dashboard/Header/index.jsx
@@ -1,5 +1,5 @@
 import MenuIcon from "@mui/icons-material/Menu";
-import {AppBar, Box, Container, CssBaseline, IconButton, Stack, Toolbar, useTheme} from "@mui/material";
+import {AppBar, Box, Container, IconButton, Stack, Toolbar, useTheme} from "@mui/material";
 import ProfileMenu from "./ProfileMenu";
 
 function Header({drawerWidth, handleDrawerToggle}) {
@@ -7,7 +7,6 @@ function Header({drawerWidth, handleDrawerToggle}) {
 
     return (
         <>
-            <CssBaseline/>
             <AppBar
                 position="fixed"
                 sx={{
diff --git a/src/components/layouts/Print/Header/index.jsx b/src/components/layouts/Print/Header/index.jsx
new file mode 100644
index 0000000..a2928bc
--- /dev/null
+++ b/src/components/layouts/Print/Header/index.jsx
@@ -0,0 +1,47 @@
+import {AppBar, Button, Container, Stack, Toolbar, useTheme} from "@mui/material";
+import {useTranslations} from "next-intl";
+import {useRouter} from "next/router";
+
+function Header({drawerWidth, handleDrawerToggle}) {
+    const theme = useTheme();
+    const t = useTranslations()
+    const router = useRouter()
+
+    return (
+        <AppBar
+            position="fixed"
+            sx={{
+                width: '100%',
+                displayPrint: 'none'
+            }}
+        >
+            <Container maxWidth="xxl">
+                <Toolbar
+                    disableGutters
+                    sx={{
+                        display: "flex",
+                    }}
+                >
+                    <Stack
+                        direction="row"
+                        sx={{
+                            flex: 1,
+                            position: "relative",
+                            ...theme.mixins.toolbar,
+                        }}
+                    >
+                        <Button onClick={() => router.back()} size={'large'} sx={{
+                            color: "inherit",
+                        }}>{t('button_back_to_previous')}</Button>
+                    </Stack>
+                    <Stack direction="row" spacing={4} justifyContent="flex-end" sx={{flex: 1}}>
+                        <Button onClick={() => print()} size={'large'} variant={'contained'}
+                                color={'secondary'}>{t('btn_print')}</Button>
+                    </Stack>
+                </Toolbar>
+            </Container>
+        </AppBar>
+    );
+}
+
+export default Header;
\ No newline at end of file
diff --git a/src/components/layouts/Print/index.jsx b/src/components/layouts/Print/index.jsx
new file mode 100644
index 0000000..6c66fd9
--- /dev/null
+++ b/src/components/layouts/Print/index.jsx
@@ -0,0 +1,16 @@
+import Header from "@/components/layouts/Print/Header";
+import {Paper, Toolbar} from "@mui/material";
+
+const Print = (props) => {
+    return (
+        <>
+            <Header/>
+            <Toolbar sx={{displayPrint: 'none'}}/>
+            <Paper elevation={0} sx={{width: '100%', bgcolor: '#efefef'}}>
+                {props.children}
+            </Paper>
+        </>
+    )
+}
+
+export default Print
\ No newline at end of file