fix: shet bugs

pages/CooperationRequest.js

@@ -248,7 +248,7 @@ const CooperationRequest = () => {
             height={1300}
           />
         </div>
-        <MDBContainer className={'mt-5 mb-5'}>
+        <div className='lg:mx-20 sm:mx-5'> 
           <Steps className={'fix-res-steps'} dir={'rtl'} activeStep={activeStep}>
             {steps.map(({ label, content }, index) => (
               <Step className={'dana fix-res-step'} label={label} key={label}>
@@ -285,7 +285,7 @@ const CooperationRequest = () => {
               </Button>
             </Flex>
           )}
-        </MDBContainer>
+        </div>
       </AppContainer>
     </div>
   )

pages/Gallery.js

@@ -100,7 +100,7 @@ const Gallery = (dataImage) => {
                         height={1300}
                      />
                 </div>
-               <MDBContainer>
+                <div className='lg:mx-20 sm:mx-5'>          
                              <Tabs defaultIndex={1} className={'mt-5'} isFitted variant='enclosed'>
                        <TabList mb='1em'>
                            <Tab on className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>ویدئو ها</Tab>
@@ -159,7 +159,7 @@ const Gallery = (dataImage) => {
                    <br />
                    <br />
                    <br />
-               </MDBContainer>
+               </div>
             </AppContainer>
 
         </div>

pages/News.js

@@ -21,7 +21,7 @@ const News = ({data, children}) => {
     const query = router.query.list;
 
     const dataPage = (
-        <MDBContainer>
+        <div className='lg:mx-20 sm:mx-5'>
             <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>اطلاعیه  ها </h5>
             <hr />
             <div>
@@ -47,7 +47,7 @@ const News = ({data, children}) => {
                                 </MDBCardText>
                                 <div className={'flex justify-content-end'}>
                                     <MDBBtn rounded className=' RTL text-primary-teal    bg-white'>
-                                        مشاهده ...
+                                        مشاهده 
                                     </MDBBtn>
                                 </div>
                             </MDBCardBody>
@@ -57,7 +57,7 @@ const News = ({data, children}) => {
                 ))}
             </MDBRow>
             {children}
-        </MDBContainer>
+        </div>
     )
     return (
         <div>

pages/components/Brands.js

@@ -178,7 +178,7 @@ const slides = [
 
 function brands() {
   return (
-    <MDBContainer className={"mt-5"}>
+    <div className='lg:mx-20 sm:mx-5 mt-5'>          
       <div className="flex justify-center">
         <h3 className="bk-med font-bold">سهامداران پروژه</h3>
       </div>
@@ -244,7 +244,7 @@ function brands() {
 
         </Swiper>
       </div>
-    </MDBContainer>
+    </div>
   );
 }
 

pages/components/Layout/footer.js

@@ -6,7 +6,7 @@ const Footer = () => {
   return (
     <>
       <MDBFooter className='text-center text-lg-left hover_color'>
-        <MDBContainer className='p-4'>
+      <div className='lg:mx-20 sm:mx-5 p-4'> 
       <MDBRow>
             <MDBCol lg='6' md='12' className='mb-4 mb-md-0'>
               <h5 className='text-uppercase text-white'>
@@ -15,7 +15,7 @@ const Footer = () => {
               </h5>
 
               <p style={{ direction: 'rtl' }} className={'bk yekan-bakh-req text-white center-align'}>
-                بیمارستان تخصصی مهرایرانیان واقع در بر اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در
+                بیمارستان تخصصی مهرایرانیان واقع در  اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در
                 دل مسکن مهر، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها
                 بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است
               </p>
@@ -78,7 +78,7 @@ const Footer = () => {
               </ul>
             </MDBCol>
           </MDBRow>
-        </MDBContainer>
+        </div>
 
         <div className='text-center p-3' style={{ backgroundColor: 'rgba(0, 0, 0, 0.2)' }}>
           &copy; {new Date().getFullYear()} <a className='text-dark'>contact-us@miphospital.ir</a>

pages/components/Layout/header.js

@@ -119,7 +119,6 @@ export default function App() {
             }
           `}
         </style>
-
         <MDBContainer className={'dana'} fluid>
           <MDBNavbarToggler
             aria-expanded='false'
@@ -181,7 +180,6 @@ export default function App() {
                   prefetch={false}
                   className={'text-white nav_item d-flex flex-row-reverse '}
                   href='/page/contact-us'
-                  as={'contact-us'}
                 >
                   <div className={'pointer d-flex justify-content-end'}>
                     <span style={{ cursor: 'pointer', fontSize: '15px' }}> تماس با ما</span>
@@ -207,7 +205,6 @@ export default function App() {
                   prefetch={false}
                   className={'text-white nav_item d-flex flex-row-reverse '}
                   href='/components/service'
-                  as={'Service'}
                 >
                   <div className={'pointer d-flex justify-content-end'}>
                     <span style={{ cursor: 'pointer', fontSize: '15px' }}>بخش های درمانی</span>

pages/components/accessgrid.js

@@ -12,7 +12,7 @@ SwiperCore.use([Autoplay]);
 
 const Accessgrid = () => {
   return (
-    <MDBContainer>
+    <div className='lg:mx-20 sm:mx-5'>
       <style jsx>
         {
           `
@@ -241,7 +241,7 @@ const Accessgrid = () => {
       {/*        </div>*/}
       {/*    </div>*/}
       {/*</MDBContainer>*/}
-    </MDBContainer>
+    </div>
   );
 };
 

pages/components/connect.js

@@ -56,7 +56,7 @@ const Connect = () => {
                     } = props;
                     return (
                         <form id={'contactUsform'} style={{marginTop: '25px'}} onSubmit={handleSubmit}>
-                            <MDBContainer>
+                <div className='lg:mx-20 sm:mx-5'>          
                 <h5 className={'right-align font-weight-bold'}>  تماس با ما و مشاوره خرید سهام  </h5>
                                 <br />
                                 <MDBRow>
@@ -137,7 +137,7 @@ const Connect = () => {
                                         اطلاعات شما ارسال شد ، بعد از بررسی با شما تماس گرفته می شود .
                                     </MDBTypography>
                                 ): null}
-                            </MDBContainer>
+                            </div>
 
 
 

pages/components/doctors.js

@@ -16,7 +16,7 @@ const Doctors = ({children}) => {
     const router = useRouter();
 
     const dataPageDoctors = (
-        <MDBContainer>
+        <div className='lg:mx-20 sm:mx-5'>          
             <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
                 کادر درمان بیمارستان مهر ایرانیان
                 <hr />
@@ -85,7 +85,7 @@ const Doctors = ({children}) => {
                 </MDBCol>
             </MDBRow>
             {children}
-        </MDBContainer>
+        </div>
     )
     return (
         <div>

pages/components/service.js

@@ -43,7 +43,7 @@ const dataServiceList = (
         height={1500}
       />
     </div>
-    <MDBContainer style={{ marginTop: 10 }}>
+    <div style={{ marginTop: 10 }} className='lg:mx-20 sm:mx-5'>          
       <div>
         <MDBTypography
           style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px  solid #1266f1', borderLeft: 'none' }}
@@ -115,7 +115,7 @@ const dataServiceList = (
           </MDBCard>
         </MDBCol>
       </MDBRow>
-    </MDBContainer>
+    </div>
     <br />
   </>
 )
@@ -154,7 +154,7 @@ const Service = () => {
     <>
       {router.pathname === '/' ? (
         <div className={'mt-5'}>
-          <MDBContainer>
+        <div className='lg:mx-20 sm:mx-5'> 
         <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
               کلینیک و بخش ها{' '}
             </h5>
@@ -219,7 +219,7 @@ const Service = () => {
               {dataMipService.map((item, index) => {
                 return (
                   <SwiperSlide key={index}>
-                    <Link href={'components/service'} as={'/Service'}>
+                    <Link href={'components/service'}>
                       <MDBCard
                         className={'color-top-card '}
                         alignment='center'
@@ -246,7 +246,7 @@ const Service = () => {
                   style={{ cursor: 'pointer', maxWidth: '22rem', height: '250px' }}
                 >
                   <MDBCardBody style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
-                    <Link href={'components/service'} as={'/Service'}>
+                    <Link href={'components/service'}>
                       <MDBCardText className={'bk'}>
                         <h1 className={'RTL dana'}>بیشتر ...</h1>{' '}
                       </MDBCardText>
@@ -257,7 +257,7 @@ const Service = () => {
                 <br />
               </SwiperSlide>
             </Swiper>
-          </MDBContainer>
+          </div>
         </div>
       ) : (
         <AppContainer title={'کلینیک ها و بخش ها '}>
@@ -272,7 +272,7 @@ const Service = () => {
               height={1500}
             />
           </div>
-          <MDBContainer style={{ marginTop: 10 }}>
+          <div style={{ marginTop: 10 }} className='lg:mx-20 sm:mx-5'> 
             <div>
               <MDBTypography
                 style={{
@@ -309,7 +309,7 @@ const Service = () => {
                 )
               })}
             </MDBRow>
-          </MDBContainer>
+          </div>
           <br />
         </AppContainer>
       )}

pages/index.js

@@ -39,7 +39,7 @@ export default function Home({ data_NEWS }) {
       <AppContainer>
         <Slider />
         <br />
-        <MDBContainer>
+        <div className='lg:mx-20 sm:mx-5'>
           <SimpleGrid spacing={15} columns={[1, 2, 4]}>
               <Link href={'/page/contact-us'}>
                 <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
@@ -65,7 +65,7 @@ export default function Home({ data_NEWS }) {
           {/* <div className={'mt-5'}>
             <OnlineSales />
           </div> */}
-        </MDBContainer>
+        </div>
 
         <Accessgrid />
 
@@ -81,7 +81,7 @@ export default function Home({ data_NEWS }) {
                 <MDBIcon className='ms-1 ' icon='plus' size='sm' />
                 <span style={{ cursor: 'pointer !important' }} className={'text-white '}>
                   {' '}
-                  بیشتر ..
+                  بیشتر
                 </span>
               </MDBBtn>
             </Link>

pages/medical-equipment/index.js

@@ -16,7 +16,7 @@ const MedicalEquipment = () => {
           height={2000}
         />
       </div>
-      <MDBContainer className={'my-24'}>
+      <div className='lg:mx-20 sm:mx-5 my-25'> 
       <div className={'bk-med flex justify-content-center align-items-center flex-col'}>
           <div>
             <MDBTypography
@@ -41,7 +41,7 @@ const MedicalEquipment = () => {
               <a>خانم زارعی</a>
           </div>
         </div>
-      </MDBContainer>
+      </div>
     </AppContainer>
   )
 }

pages/page/Directors.js

@@ -86,7 +86,7 @@ const Directors = () => {
         />
       </div>
 
-      <MDBContainer>
+      <div className='lg:mx-20 sm:mx-5'> 
       <MDBRow className='row-cols-1 mt-5 mb-5 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
           {DataUsers.map(item => (
             <MDBCol key={item.id}>
@@ -108,7 +108,7 @@ const Directors = () => {
             </MDBCol>
           ))}
         </MDBRow>
-      </MDBContainer>
+      </div>
     </AppContainer>
   )
 }

pages/page/about.js

@@ -22,7 +22,7 @@ const About = (props) => {
                        height={1300}
                    />
                </div>
-               <MDBContainer>
+               <div className='lg:mx-20 sm:mx-5'> 
                <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
                        آشنایی اجمالی با بیمارستان مهرایرانیان
                        <hr />
@@ -46,7 +46,7 @@ const About = (props) => {
                       </MDBProgress>
                   </div>
                    <br/>
-               </MDBContainer>
+               </div>
            </AppContainer>
         </div>
     );

pages/page/contact-us.js

@@ -33,7 +33,7 @@ const ContactUs = () => {
                 </div>
 
                 <br />
-                <MDBContainer>
+                <div className='lg:mx-20 sm:mx-5'> 
                 <br />
                     <h3 className={'right-align'}>
                         آدرس
@@ -96,7 +96,7 @@ const ContactUs = () => {
                     </div>
                     <Connect />
                     <br />
-                </MDBContainer>
+                </div>
             </AppContainer>
         </>
     );

pages/page/docs.js

@@ -30,7 +30,7 @@ const Docs = () => {
                 />
             </div>
 
-            <MDBContainer className={'mt-5 mb-5'}>
+            <div className='lg:mx-20 sm:mx-5 mt-5 mb-5'> 
                 <div className={'flex justify-content-center align-items-center w-100 mb-5 text-center'}>
                     <Image height={150} width={150} src={'/resource/icons/files.png'} />
                 </div>
@@ -42,7 +42,7 @@ const Docs = () => {
                         </MDBTypography>
                     </>
                 ))}
-            </MDBContainer>
+            </div>
         </AppContainer>
     );
 };

pages/page/news/[slug].js

@@ -47,7 +47,7 @@ const News = ({ post }) => {
         />
       </div>
       <br />
-      <MDBContainer>
+      <div className='lg:mx-20 sm:mx-5'> 
       <div className={'RTL bk image_center responsive-img'}>
           <style jsx>
             {`
@@ -162,7 +162,7 @@ const News = ({ post }) => {
             تاریخ انتشار :{moment(post.created_at, 'YYYY-M-D HH:mm:ss').format('HH:mm - jYYYY/jM/jD')}
           </MDBTypography>
         </div>
-      </MDBContainer>
+      </div>
       <br />
       <br />
       <br />

pages/questions/index.js

@@ -50,11 +50,12 @@ const QuestionAndAnswer = () => {
             height={1300}
           />
         </div>
-        <MDBContainer className={'mb-5 mt-5'}>
+        <div className='lg:mx-20 sm:mx-5 mb-5 mt-5'> 
+
           {qaData.map(item => (
             <CollapseItem key={item.id} text={item.text} title={item.title} />
           ))}
-        </MDBContainer>
+        </div>
       </AppContainer>
     </div>
   )

pages/recruitment/index.js

@@ -56,7 +56,7 @@ const Recruitment = dataoccupational => {
             height={1300}
           />
         </div>
-        <MDBContainer className={'mt-5'}>
+        <div className='lg:mx-20 sm:mx-5 mt-5'> 
           <div className={'bk-med flex justify-content-center W-100 align-items-center flex-col'}>
             <MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
               فرصت های همکاری
@@ -94,7 +94,7 @@ const Recruitment = dataoccupational => {
               </ScaleFade>
             ))}
           </SimpleGrid>
-        </MDBContainer>
+        </div>
         <br />
         <br />
         <br />

pages/recruitment/item/[category_id].js

@@ -58,7 +58,7 @@ const Recruitment = jobs => {
             height={1300}
           />
         </div>
-        <MDBContainer className={'mt-5'}>
+        <div className='lg:mx-20 sm:mx-5 mt-5'> 
         <div className={'bk-med flex justify-content-center align-items-center flex-col'}>
             <MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
               {jobs.jobs.name.title}{' '}
@@ -102,7 +102,7 @@ const Recruitment = jobs => {
                 </Box>
               ))}
           </SimpleGrid>
-        </MDBContainer>
+        </div>
         <br />
         <br />
         <br />

pages/recruitment/item/request/[pos_id].js

@@ -184,7 +184,7 @@ const requestForm = SelectedJob => {
             </div>
           </div>
         </div>
-        <MDBContainer className={'mt-5 mb-5'}>
+        <div className='lg:mx-20 sm:mx-5 mt-5 mb-5'> 
           <SimpleGrid className={'mb-4'} columns={[1, 1, 2]} spacing={3}>
             <Box>
               <MDBCard border='primary' className={'border-black'}>
@@ -543,7 +543,7 @@ const requestForm = SelectedJob => {
               )}
             </div>
           </div>
-        </MDBContainer>
+        </div>
       </AppContainer>
     </div>
   )

pages/smartadvice/index.js

@@ -80,7 +80,7 @@ const SmartAdvice = () => {
                         }
                     })()}
                     <MDBCard style={{ borderTopLeftRadius: 25, borderTopRightRadius: 25, height: '75vh' }} className={'position-absolute shadow-5-soft top-60 w-100 h-90'}>
-                        <MDBContainer>
+                    <div className='lg:mx-20 sm:mx-5'> 
                     <HandlePage.Provider value={value}>
                                 {(() => {
                                     switch(page) {
@@ -116,7 +116,7 @@ const SmartAdvice = () => {
                                     ): ''}
                                 </div>
                             </div>
-                        </MDBContainer>
+                        </div>
                     </MDBCard>
                 </div>
                 <h1>شرکت مهر ایراناین پرند</h1>

pages/smartadvice/layout/StepFive.js

@@ -32,7 +32,7 @@ const StepFive = () => {
                             </strong>
                     </div>
                     <div className={'flex justify-content-center mt-2'}>
-                        <MDBContainer>
+                    <div className='lg:mx-20 sm:mx-5'> 
                     <MDBInputGroup>
                                 <MDBInputGroupElement
                                     name="PhoneNumber"
@@ -45,7 +45,7 @@ const StepFive = () => {
                                     <MDBIcon fas icon="phone" />
                                 </MDBInputGroupText>
                             </MDBInputGroup>
-                        </MDBContainer>
+                        </div>
                     </div>
                 </div>
 

pages/smartadvice/layout/StepThree.js

@@ -56,7 +56,7 @@ const StepThree = () => {
                     </div>
                     <br />
                     <br />
-                  <MDBContainer>
+                    <div className='lg:mx-20 sm:mx-5'> 
                     <MDBInputGroup>
                           <NumberFormat
                               onValueChange={(values) => {
@@ -74,7 +74,7 @@ const StepThree = () => {
                               <MDBIcon fas icon="dollar-sign" />
                           </MDBInputGroupText>
                       </MDBInputGroup>
-                  </MDBContainer>
+                  </div>
                 </div>
             </div>
         </SlideFade>

pages/stock-unit/index.jsx

@@ -2,7 +2,18 @@ import React from 'react'
 import AppContainer from '../appContainer'
 import Image from 'next/image'
 import { MDBContainer, MDBIcon, MDBCard } from 'mdb-react-ui-kit'
-import { SimpleGrid, MDBCardBody, Table, TableCaption, TableContainer, Tbody, Td, Th, Thead, Tr } from '@chakra-ui/react'
+import {
+  SimpleGrid,
+  MDBCardBody,
+  Table,
+  TableCaption,
+  TableContainer,
+  Tbody,
+  Td,
+  Th,
+  Thead,
+  Tr
+} from '@chakra-ui/react'
 import Link from 'next/link'
 
 const StockUnit = () => {
@@ -27,38 +38,26 @@ const StockUnit = () => {
           height={1300}
         />
       </div>
-      <MDBContainer className={'mb-5 mt-5'}>
+      <div className={'mb-5 mt-5 mx-5'}>
         <div className='my-4'>
-        <SimpleGrid spacing={15} columns={[1, 2, 4]}>
+          <SimpleGrid spacing={15} columns={[1, 2, 3, 3]}>
-        <Link href={'/stock-unit'}>
+            
-            <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
+          <Link href={'/stock-unit/stock-check'}>
-              <div className='flex justify-center p-4'>
+              <MDBCard className={'bg-neutral-100  w-full fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
-                  درگاه سهامدارن 
+                <div className='flex justify-center p-4'>پیگیری درخواست   </div>
-              </div>
-            </MDBCard>
-          </Link>
-          <Link href={'/stock-unit/stock-sales'}>
-            <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
-              <div className='flex justify-center p-4'>
-                درخواست خرید سهام
-              </div>
               </MDBCard>
               </Link>
             <Link href={'/stock-unit/stock-transfer'}>
+            <MDBCard className={'bg-neutral-100  w-full fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
+            <div className='flex justify-center p-4 w-full'>  درخواست انتقال سهام   </div>
+              </MDBCard>
+            </Link>
+            <Link href={'/stock-unit/stock-sales'}>
               <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
-              <div className='flex justify-center p-4'>
+                <div className='flex justify-center p-4'>درخواست خرید سهام</div>
-                درخواست انتقال سهام
-              </div>
               </MDBCard>
               </Link>
        
-          <Link href={'/stock-unit/stock-sales'}>
-            <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
-              <div className='flex justify-center p-4'>
-                  درخواست فروش سهام  
-              </div>
-            </MDBCard>
-          </Link>
           </SimpleGrid>
         </div>
 
@@ -111,7 +110,7 @@ const StockUnit = () => {
             </Tbody>
           </Table>
         </TableContainer>
-      </MDBContainer>
+      </div>
     </AppContainer>
   )
 }

pages/stock-unit/stock-check/index.jsx

@@ -0,0 +1,49 @@
+     
+
+import React, { useState } from 'react';
+import {
+  MDBCard,
+  MDBCardBody,
+  MDBCardTitle,
+  MDBCardText,
+  MDBBtn
+} from 'mdb-react-ui-kit';
+import AppContainer from '../../appContainer';
+
+ const StockCheckContainer = () => {
+    const [code, setCode] = useState('')
+  return (
+    <AppContainer title={'  پیگیری درخواست  '}>
+      <MDBCard className='shadow-xl container mt-20'>
+        <MDBCardBody>
+          <div className='container flex flex-col items-center justify-center gap-y-6'>
+          <MDBCardTitle>پیگیری درخواست </MDBCardTitle>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='username'>
+                    کد پیگیری
+                </label>
+                <div className='text-end'>
+                  <input
+                    onChange={e => setCode(e.target.value)}
+                    className='outline-0 bg-transparent w-11/12 text-end pt-3
+                   border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
+                    id='username'
+                    type='text'
+                    placeHolder=' کد پیگیری خود را وارد کنید      '
+                  />
+                </div>
+                <MDBBtn>استعلام درخواست</MDBBtn>
+
+              </div>
+        </MDBCardBody>
+      </MDBCard>
+      <br />
+
+    <br />
+      <br />
+      <br />
+      <br />
+    </AppContainer>
+  )
+}
+
+export default StockCheckContainer

pages/stock-unit/stock-sales/index.jsx

@@ -11,24 +11,44 @@ import { useState } from 'react'
 import { MDBRadio } from 'mdb-react-ui-kit'
 import NumberFormat from 'react-number-format'
 import Link from 'next/link'
+import { Box, Button, Center, Flex, Heading, Input, Select, Textarea, Stack } from '@chakra-ui/react'
+import { useForm } from 'react-hook-form'
+import moment from 'moment-jalaali'
 
 const StockSalesContainer = () => {
-  const [name, setName] = useState()
+  const [userName, setUserName] = useState()
-  const [mobileNumber, setMobileNumber] = useState('')
+  const [codeMeli, setCodeMeli] = useState()
-  const [InvestmentPrice, setInvestmentPrice] = useState('0')
+  const [mobileNumber, setMobileNumber] = useState()
+  const [numberStock, setNumberStock] = useState('')
+  const [stockType, setStockType] = useState(null)
   const [InvestmentType, setInvestmentType] = useState('1')
+
+  const [InvestmentPrice, setInvestmentPrice] = useState('0')
+
   const [Loading, setLoading] = useState(false)
   const [showSuccessSubmitForm, setShowSuccessSubmitForm] = useState(false)
 
+  const {
+    register,
+    handleSubmit,
+    watch,
+    formState: { errors }
+  } = useForm()
+
   const SubmitForm = () => {
     setLoading(true)
     toast.loading('در حال ثبت درخواست شما')
     axios
       .post(`${AppProduction}public/website/request`, {
-        name: name,
+        userName: userName,
-        mobile_number: mobileNumber,
+        codeMeli: codeMeli,
+        numberStock: numberStock,
+        stockType: stockType,
         investment_price: InvestmentPrice,
         investment_type: InvestmentType
+
+        // name: name,
+        // mobile_number: mobileNumber,
       })
       .then(async res => {
         setLoading(false)
@@ -46,15 +66,22 @@ const StockSalesContainer = () => {
   }
 
   return (
-    <AppContainer title={'  درخواست فروش سهام'}>
+    <AppContainer title={'  درخواست خرید سهام'}>
-        {!showSuccessSubmitForm ? 
+      {!showSuccessSubmitForm ? (
-        (
         <div id='callstock' className=' text-center py-8 m	'>
-            <h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5	 '> ثبت درخواست فروش سهام </h1>
+          <h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5	 '>  درخواست خرید سهام </h1>
-            <span className='text-[#656565]  font-light'>
+        <div className="flex justify-center">
-                 قیمت آخرین سهام معامله شده :‌250,000,000
+        <div
-                 تومان
+            className='mt-6 flex lg:w-6/12 md:w-full sm:w-full sm:mx-1 flex-col justify-center items-center gap-y-4 bg-teal-400 p-2 py-4 rounded-lg'
+          >
+            <span className='text-white drop-shadow-md text-right lg:text-2xl sm:text-sm  font-bold'>
+              قیمت آخرین سهام معامله شده :‌250,000,000 تومان
             </span>
+            <br />
+            <br />
+            تاریخ آخرین قیمت معامله شده : {moment().format('jYYYY/jM/jD')}
+          </div>
+        </div>
           <Toaster />
           <div className='bg-white shadow-lg w-10/12 mx-auto rounded-[20px] grid lg:grid-cols-9 mt-8 SALES'>
             <div className='about lg:col-span-4 '>
@@ -103,71 +130,135 @@ const StockSalesContainer = () => {
             </div>
             <div className='rightForm lg:col-span-5 p-8  '>
               <div className=''>
-                  <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='username'>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='userName'>
+                  نام و نام خانوادگی
+                </label>
+                <div className='text-end'>
+                  <input
+                    onChange={e => setUserName(e.target.value)}
+                    className='outline-0 bg-transparent w-11/12 text-end pt-3
+                   border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
+                    id='username'
+                    type='text'
+                    placeHolder=' نام و نام خانوادگی راوارد کنید'
+                  />
+                </div>
+              </div>
+
+              <div className='mt-9'>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='codeMeli'>
                   کد ملی
                 </label>
                 <div className='text-end'>
                   <input
-                      onChange={e => setName(e.target.value)}
+                    onChange={e => setCodeMeli(e.target.value)}
                     className='outline-0 bg-transparent w-11/12 text-end pt-3
                         border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
-                      id='username'
+                    id='name'
                     type='text'
                     placeHolder=' کد  ملی را وارد کنید'
                   />
                 </div>
               </div>
-    
               <div className='mt-9'>
-                  <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='phone'>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='codeMeli'>
-                    تعداد سهام قابل فروش 
+                  شماره موبایل
                 </label>
                 <div className='text-end'>
                   <input
                     onChange={e => setMobileNumber(e.target.value)}
                     className='outline-0 bg-transparent w-11/12 text-end pt-3
-                      border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] pt-2 '
+                        border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
-                      id='phone'
+                    id='name'
                     type='text'
-                      placeHolder='تعداد سهامی که قصد فروش آن را دارید'
+                    placeHolder=' شماره موبایل وارد کنید'
                   />
                 </div>
               </div>
               <div className='mt-9'>
-                  <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='buyStock'>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='stockType'>
-                    نوع فروش
+                  نوع سهام :
                 </label>
-                  <div className='text-end flex sm:flex-col  lg:flex-row  sm:items-end sm:gap-y-4  justify-end items-center mt-3'>
+                <Select dir={'rtl'} onChange={e => setStockType(e.target.value)}>
-                    <div className="ml-5'">
+                  <option value=''>انتخاب کنید</option>
-                      <MDBRadio
+                  <option value='1'> عادی </option>
-                        onClick={() => setInvestmentType(3)}
+                  <option value='2'> تخصصی </option>
-                        name='flexRadioDefault'
+                </Select>
-                        id='flexRadioDefault1'
+              </div>
-                        label='تهاتری  '
+
+              <div className='mt-9'>
+                <label
+                  className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	'
+                  for='numberStock'
+                >
+                  تعداد سهام
+                </label>
+                <div className='text-end'>
+                  <input
+                    onChange={e => setNumberStock(e.target.value)}
+                    className='outline-0 bg-transparent w-11/12 text-end pt-3
+                      border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] pt-2 '
+                    id='phone'
+                    type='text'
+                    placeHolder='تعداد سهامی که قصد خرید آن را دارید'
                   />
                 </div>
+              </div>
+
+              <div className='mt-9'>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='buyStock'>
+                  شرایط پرداخت
+                </label>
+                <div className='text-end flex sm:flex-col  lg:flex-row  sm:items-end sm:gap-y-4  justify-end items-center mt-3'>
                   <div style={{ marginLeft: 20 }} className="ml-5'">
                     <MDBRadio
-                        onClick={() => setInvestmentType(3)}
+                      onClick={() => setInvestmentType(4)}
                       name='flexRadioDefault'
-                        id='flexRadioDefault2'
+                      id='flexRadioDefault4'
-                        label='بالاترین قیمت'
+                      label=' تهاتر'
                       defaultChecked
                     />
                   </div>
+
                   <div style={{ marginLeft: 20 }} className="ml-5'">
+                    <MDBRadio
+                      onClick={() => setInvestmentType(3)}
+                      name='flexRadioDefault'
+                      id='flexRadioDefault3'
+                      label='نقد و اقساط'
+                      defaultChecked
+                    />
+                  </div>
+
+                  <div style={{ marginLeft: 20 }} className="ml-5'">
+                    <MDBRadio
+                      onClick={() => setInvestmentType(2)}
+                      name='flexRadioDefault'
+                      id='flexRadioDefault2'
+                      label=' اقساط'
+                      defaultChecked
+                    />
+                  </div>
+
+                  <div className="ml-5'" style={{ marginLeft: 20 }}>
                     <MDBRadio
                       onClick={() => setInvestmentType(1)}
                       name='flexRadioDefault'
-                        id='flexRadioDefault2'
+                      id='flexRadioDefault1'
-                        label='فوری'
+                      label='نقد  '
                       defaultChecked
                     />
                   </div>
                 </div>
               </div>
 
-                <div className='mt-9 '>
+              <div className='mt-2'>
+                {InvestmentType === 4 && (
+                  <Textarea style={{ textAlign: 'right' }} placeholder='....شرح مال مورد معوض' size='sm' />
+                )}
+              </div>
+
+              {/* <div className='mt-9 '>
                 <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='money'>
                   مبلغ پیشنهای شما برای فروش سهام
                 </label>
@@ -186,7 +277,7 @@ const StockSalesContainer = () => {
                     placeHolder=' مبلغ مورد نظر خود برای فروش سهام وارد نمایید'
                   />
                 </div>
-                </div>
+              </div> */}
 
               <div className='mt-[6rem] mb-2'>
                 <button
@@ -199,20 +290,16 @@ const StockSalesContainer = () => {
             </div>
           </div>
         </div>
-        ): (
+      ) : (
         <div className='my-44 flex justify-center flex-col items-center'>
           <h3 className='text-green-600'>درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند</h3>
           <div className='mt-[6rem] mb-2'>
             <Link href={'/stock-unit'}>
-                <button
+              <button className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold	'>
-                    className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold	'
-                  >
                 بازگشت به امور سهام
               </button>
             </Link>
-        
           </div>
-                
         </div>
       )}
     </AppContainer>

pages/stock-unit/stock-transfer/index.jsx

@@ -31,7 +31,7 @@ const StockTransferContainer = () => {
       })
       .then(async res => {
         setLoading(false)
-        setShowSuccessSubmitForm(true)
+        // setShowSuccessSubmitForm(true)
         toast.remove()
         toast.success('درخواست شما ثبت شد به زودی کار شناسان  ما به شما تماس می گیرند')
         await console.log('res', res)
@@ -46,10 +46,9 @@ const StockTransferContainer = () => {
 
   return (
     <AppContainer title={'  درخواست خرید سهام'}>
-        {!showSuccessSubmitForm ? 
+      {!showSuccessSubmitForm ? (
-        (
         <div id='callstock' className=' text-center py-8 m	'>
-            <h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5	 '> ثبت درخواست خرید سهام </h1>
+          <h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5	 '>  درخواست انتقال سهام </h1>
           <span className='text-[#656565] text-base p-2 md:text-[22px] md:p-0 font-light'>
             {/* برای ارتباط با ما فرم زیر را تکمیل کنید */}
           </span>
@@ -99,6 +98,7 @@ const StockTransferContainer = () => {
                 </div>
               </div>
             </div>
+
             <div className='rightForm lg:col-span-5 p-8  '>
               <div className=''>
                 <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='username'>
@@ -127,13 +127,13 @@ const StockTransferContainer = () => {
                       border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] pt-2 '
                     id='phone'
                     type='text'
-                      placeHolder='+98 912 525 4477'
+                    placeHolder='099123456789 '
                   />
                 </div>
               </div>
               <div className='mt-9'>
                 <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='buyStock'>
-                    به چه صورت تمایل به خرید سهام دارید؟
+                  به چه صورت تمایل به انتقال سهام دارید؟
                 </label>
                 <div className='text-end flex sm:flex-col  lg:flex-row  sm:items-end sm:gap-y-4  justify-end items-center mt-3'>
                   <div className="ml-5'">
@@ -197,20 +197,16 @@ const StockTransferContainer = () => {
             </div>
           </div>
         </div>
-        ): (
+      ) : (
         <div className='my-44 flex justify-center flex-col items-center'>
           <h3 className='text-green-600'>درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند</h3>
           <div className='mt-[6rem] mb-2'>
             <Link href={'/stock-unit'}>
-                <button
+              <button className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold	'>
-                    className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold	'
-                  >
                 بازگشت به امور سهام
               </button>
             </Link>
-        
           </div>
-                
         </div>
       )}
     </AppContainer>