reza_krr/mip-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: shet bugs

Browse Source
This commit is contained in:
reza karimi
2024-06-17 13:09:59 +03:30
parent 863b2d183e
commit d2292a711b
28 changed files with 588 additions and 459 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/CooperationRequest.js
+2 -2
View File
@@ -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
+3 -3
View File
@@ -100,8 +100,8 @@ const Gallery = (dataImage) => {
height={1300}
/>
</div>
<MDBContainer>
<Tabs defaultIndex={1} className={'mt-5'} isFitted variant='enclosed'>
<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>
<Tab 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
+3 -3
View File
@@ -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
+2 -2
View File
@@ -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
+4 -4
View File
@@ -6,8 +6,8 @@ const Footer = () => {
return (
<>
<MDBFooter className='text-center text-lg-left hover_color'>
<MDBContainer className='p-4'>
<MDBRow>
<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
-3
View File
@@ -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
+2 -2
View File
@@ -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
+3 -3
View File
@@ -56,8 +56,8 @@ const Connect = () => {
} = props;
return (
<form id={'contactUsform'} style={{marginTop: '25px'}} onSubmit={handleSubmit}>
<MDBContainer>
<h5 className={'right-align font-weight-bold'}> تماس با ما و مشاوره خرید سهام </h5>
<div className='lg:mx-20 sm:mx-5'>
<h5 className={'right-align font-weight-bold'}> تماس با ما و مشاوره خرید سهام </h5>
<br />
<MDBRow>
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
@@ -137,7 +137,7 @@ const Connect = () => {
اطلاعات شما ارسال شد ، بعد از بررسی با شما تماس گرفته می شود .
</MDBTypography>
): null}
</MDBContainer>
</div>
pages/components/doctors.js
+2 -2
View File
@@ -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
+9 -9
View File
@@ -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,8 +154,8 @@ const Service = () => {
<>
{router.pathname === '/' ? (
<div className={'mt-5'}>
<MDBContainer>
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
<div className='lg:mx-20 sm:mx-5'>
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
کلینیک و بخش ها{' '}
</h5>
<hr />
@@ -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
+3 -3
View File
@@ -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
+3 -3
View File
@@ -16,8 +16,8 @@ const MedicalEquipment = () => {
height={2000}
/>
</div>
<MDBContainer className={'my-24'}>
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
<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
style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }}
@@ -41,7 +41,7 @@ const MedicalEquipment = () => {
<a>خانم زارعی</a>
</div>
</div>
</MDBContainer>
</div>
</AppContainer>
)
}
pages/page/Directors.js
+3 -3
View File
@@ -86,8 +86,8 @@ const Directors = () => {
/>
</div>
<MDBContainer>
<MDBRow className='row-cols-1 mt-5 mb-5 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
<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}>
<div class='card-team'>
@@ -108,7 +108,7 @@ const Directors = () => {
</MDBCol>
))}
</MDBRow>
</MDBContainer>
</div>
</AppContainer>
)
}
pages/page/about.js
+3 -3
View File
@@ -22,8 +22,8 @@ const About = (props) => {
height={1300}
/>
</div>
<MDBContainer>
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
<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
+3 -3
View File
@@ -33,8 +33,8 @@ const ContactUs = () => {
</div>
<br />
<MDBContainer>
<br />
<div className='lg:mx-20 sm:mx-5'>
<br />
<h3 className={'right-align'}>
آدرس
<MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='map-marker-alt' size='xl' />
@@ -96,7 +96,7 @@ const ContactUs = () => {
</div>
<Connect />
<br />
</MDBContainer>
</div>
</AppContainer>
</>
);
pages/page/docs.js
+2 -2
View File
@@ -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
+3 -3
View File
@@ -47,8 +47,8 @@ const News = ({ post }) => {
/>
</div>
<br />
<MDBContainer>
<div className={'RTL bk image_center responsive-img'}>
<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
+3 -2
View File
@@ -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
+2 -2
View File
@@ -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
+3 -3
View File
@@ -58,8 +58,8 @@ const Recruitment = jobs => {
height={1300}
/>
</div>
<MDBContainer className={'mt-5'}>
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
<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}{' '}
</MDBTypography>
@@ -102,7 +102,7 @@ const Recruitment = jobs => {
</Box>
))}
</SimpleGrid>
</MDBContainer>
</div>
<br />
<br />
<br />
pages/recruitment/item/request/[pos_id].js
+2 -2
View File
@@ -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
+3 -3
View File
@@ -80,8 +80,8 @@ const SmartAdvice = () => {
}
})()}
<MDBCard style={{ borderTopLeftRadius: 25, borderTopRightRadius: 25, height: '75vh' }} className={'position-absolute shadow-5-soft top-60 w-100 h-90'}>
<MDBContainer>
<HandlePage.Provider value={value}>
<div className='lg:mx-20 sm:mx-5'>
<HandlePage.Provider value={value}>
{(() => {
switch(page) {
case 1:
@@ -116,7 +116,7 @@ const SmartAdvice = () => {
): ''}
</div>
</div>
</MDBContainer>
</div>
</MDBCard>
</div>
<h1>شرکت مهر ایراناین پرند</h1>
pages/smartadvice/layout/StepFive.js
+3 -3
View File
@@ -32,8 +32,8 @@ const StepFive = () => {
</strong>
</div>
<div className={'flex justify-content-center mt-2'}>
<MDBContainer>
<MDBInputGroup>
<div className='lg:mx-20 sm:mx-5'>
<MDBInputGroup>
<MDBInputGroupElement
name="PhoneNumber"
dir={'rtl'}
@@ -45,7 +45,7 @@ const StepFive = () => {
<MDBIcon fas icon="phone" />
</MDBInputGroupText>
</MDBInputGroup>
</MDBContainer>
</div>
</div>
</div>
pages/smartadvice/layout/StepThree.js
+3 -3
View File
@@ -56,8 +56,8 @@ const StepThree = () => {
</div>
<br />
<br />
<MDBContainer>
<MDBInputGroup>
<div className='lg:mx-20 sm:mx-5'>
<MDBInputGroup>
<NumberFormat
onValueChange={(values) => {
const { formattedValue, value } = values;
@@ -74,7 +74,7 @@ const StepThree = () => {
<MDBIcon fas icon="dollar-sign" />
</MDBInputGroupText>
</MDBInputGroup>
</MDBContainer>
</div>
</div>
</div>
</SlideFade>
pages/stock-unit/index.jsx
+80 -81
View File
@@ -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,91 +38,79 @@ 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]}>
<Link href={'/stock-unit'}>
<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-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 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
<div className='flex justify-center p-4'>
درخواست انتقال سهام
</div>
</MDBCard>
</Link>
<SimpleGrid spacing={15} columns={[1, 2, 3, 3]}>
<Link href={'/stock-unit/stock-check'}>
<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>
</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>
</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>
<TableContainer alignContent='center' alignItems='center'>
<Table align='center' variant='striped'>
<TableCaption className='bk-med'>پاسخگویی و مشاوره خرید سهام </TableCaption>
<Thead alignContent='center'>
<Tr alignContent='center' alignItems='center' className='text-center bg-gray-200'>
<Th className='text-center bk-med'>شماره تماس</Th>
<Th className='text-center bk-med'>کارشناس فروش </Th>
</Tr>
</Thead>
<Tbody>
<Tr>
<Td className='text-center'>
<a className='text-black' href='tel:02153457000'>
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
021-53457000 - 1023
</a>
</Td>
<Td className='text-center'> خانم باباگلی </Td>
</Tr>
<Tr>
<Td className='text-center'>
<a className='text-black' href='tel:02153457000'>
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
021-53457000 - 1024
</a>
</Td>
<Td className='text-center'> خانم طالبی </Td>
</Tr>
<Tr>
<Td className='text-center'>
<a className='text-black' href='tel:02153457000'>
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
021-53457000 - 1018
</a>
</Td>
<Td className='text-center'> خانم کهریزی </Td>
</Tr>
<Tr>
<Td className='text-center'>
<a className='text-black' href='tel:02153457000'>
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
021-53457000 - 1025
</a>
</Td>
<Td className='text-center'> خانم کاظمیان </Td>
</Tr>
</Tbody>
</Table>
</TableContainer>
</MDBContainer>
<TableContainer alignContent='center' alignItems='center'>
<Table align='center' variant='striped'>
<TableCaption className='bk-med'>پاسخگویی و مشاوره خرید سهام </TableCaption>
<Thead alignContent='center'>
<Tr alignContent='center' alignItems='center' className='text-center bg-gray-200'>
<Th className='text-center bk-med'>شماره تماس</Th>
<Th className='text-center bk-med'>کارشناس فروش </Th>
</Tr>
</Thead>
<Tbody>
<Tr>
<Td className='text-center'>
<a className='text-black' href='tel:02153457000'>
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
021-53457000 - 1023
</a>
</Td>
<Td className='text-center'> خانم باباگلی </Td>
</Tr>
<Tr>
<Td className='text-center'>
<a className='text-black' href='tel:02153457000'>
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
021-53457000 - 1024
</a>
</Td>
<Td className='text-center'> خانم طالبی </Td>
</Tr>
<Tr>
<Td className='text-center'>
<a className='text-black' href='tel:02153457000'>
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
021-53457000 - 1018
</a>
</Td>
<Td className='text-center'> خانم کهریزی </Td>
</Tr>
<Tr>
<Td className='text-center'>
<a className='text-black' href='tel:02153457000'>
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
021-53457000 - 1025
</a>
</Td>
<Td className='text-center'> خانم کاظمیان </Td>
</Tr>
</Tbody>
</Table>
</TableContainer>
</div>
</AppContainer>
)
}
pages/stock-unit/stock-check/index.jsx
+49
View File
@@ -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
+238 -151
View File
@@ -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 [mobileNumber, setMobileNumber] = useState('')
const [InvestmentPrice, setInvestmentPrice] = useState('0')
const [userName, setUserName] = useState()
const [codeMeli, setCodeMeli] = useState()
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,
mobile_number: mobileNumber,
userName: userName,
codeMeli: codeMeli,
numberStock: numberStock,
stockType: stockType,
investment_price: InvestmentPrice,
investment_type: InvestmentType
// name: name,
// mobile_number: mobileNumber,
})
.then(async res => {
setLoading(false)
@@ -46,175 +66,242 @@ const StockSalesContainer = () => {
}
return (
<AppContainer title={' درخواست فروش سهام'}>
{!showSuccessSubmitForm ?
(
<div id='callstock' className=' text-center py-8 m '>
<h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5 '> ثبت درخواست فروش سهام </h1>
<span className='text-[#656565] font-light'>
قیمت آخرین سهام معامله شده :‌250,000,000
تومان
<AppContainer title={' درخواست خرید سهام'}>
{!showSuccessSubmitForm ? (
<div id='callstock' className=' text-center py-8 m '>
<h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5 '> درخواست خرید سهام </h1>
<div className="flex justify-center">
<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>
<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 '>
<div className='bg-[#014258] overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'>
<div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
<h4 className='text-white font-bold md:text-xl '>ارتباط با واحد سهام</h4>
<p className='text-white font-light md:text-lg pt-[0.5rem]'>
بعد از ارسال درخواست کارشناسان طی 24 ساعت با شما تماس خواهند گرفت
</p>
<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 '>
<div className='bg-[#014258] overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'>
<div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
<h4 className='text-white font-bold md:text-xl '>ارتباط با واحد سهام</h4>
<p className='text-white font-light md:text-lg pt-[0.5rem]'>
بعد از ارسال درخواست کارشناسان طی 24 ساعت با شما تماس خواهند گرفت
</p>
<div className='address'>
<div className=''>
<span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
<BsFillTelephoneFill className='text-[#57C5C6] text-[0.9rem] md:text-[1.3rem]' />
</div>
<div className='address'>
<div className=''>
<span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
<BsFillTelephoneFill className='text-[#57C5C6] text-[0.9rem] md:text-[1.3rem]' />
</div>
<div className='flex justify-end xl:justify-start mt-4'>
<span className='md:text-base font-normal text-white pr-[0.5rem]'>
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
</span>
<FaMapMarkerAlt className='text-[#57C5C6] text-[2rem] md:text-[1.3rem] ' />
</div>
<div className='flex justify-end xl:justify-start mt-4'>
<span className='md:text-base font-normal text-white pr-[0.5rem]'>
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
</span>
<FaMapMarkerAlt className='text-[#57C5C6] text-[2rem] md:text-[1.3rem] ' />
</div>
</div>
</div>
<div className='contentFooter grid lg:grid-cols-5 xl:grid-cols-2'>
<div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<BsWhatsapp className='socail' />
</div>
<div className='socailS text-white mx-[0.5rem] text-[1.2rem] hover:bg-[#57C5C6]'>
<BsTwitter className='socail' />
</div>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<AiOutlineInstagram className='socail' />
</div>
</div>
<div className='contentFooter grid lg:grid-cols-5 xl:grid-cols-2'>
<div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<BsWhatsapp className='socail' />
</div>
<div className='socailS text-white mx-[0.5rem] text-[1.2rem] hover:bg-[#57C5C6]'>
<BsTwitter className='socail' />
</div>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<AiOutlineInstagram className='socail' />
</div>
</div>
<div className='circle1 lg:col-span-3 xl:col-span-1'>
<div className='circle2'></div>
</div>
<div className='circle1 lg:col-span-3 xl:col-span-1'>
<div className='circle2'></div>
</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'>
کد ملی
</label>
<div className='text-end'>
<input
onChange={e => setName(e.target.value)}
className='outline-0 bg-transparent w-11/12 text-end pt-3
</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>
<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 => 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'
type='text'
placeHolder=' کد ملی را وارد کنید'
/>
</div>
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='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] '
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='stockType'>
نوع سهام :
</label>
<Select dir={'rtl'} onChange={e => setStockType(e.target.value)}>
<option value=''>انتخاب کنید</option>
<option value='1'> عادی </option>
<option value='2'> تخصصی </option>
</Select>
</div>
<div className='mt-9'>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='phone'>
تعداد سهام قابل فروش
</label>
<div className='text-end'>
<input
onChange={e => setMobileNumber(e.target.value)}
className='outline-0 bg-transparent w-11/12 text-end pt-3
<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='تعداد سهامی که قصد فروش آن را دارید'
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(4)}
name='flexRadioDefault'
id='flexRadioDefault4'
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='flexRadioDefault1'
label='نقد '
defaultChecked
/>
</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'">
<MDBRadio
onClick={() => setInvestmentType(3)}
name='flexRadioDefault'
id='flexRadioDefault1'
label='تهاتری '
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(3)}
name='flexRadioDefault'
id='flexRadioDefault2'
label='بالاترین قیمت'
defaultChecked
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(1)}
name='flexRadioDefault'
id='flexRadioDefault2'
label='فوری'
defaultChecked
/>
</div>
</div>
</div>
</div>
<div className='mt-9 '>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='money'>
مبلغ پیشنهای شما برای فروش سهام
</label>
<div className='text-end'>
<NumberFormat
onValueChange={values => {
const { formattedValue, value } = values
setInvestmentPrice(value)
}}
className='outline-0 bg-transparent w-11/12 text-end pt-3
<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>
<div className='text-end'>
<NumberFormat
onValueChange={values => {
const { formattedValue, value } = values
setInvestmentPrice(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] '
type={'text'}
prefix={'تومان'}
thousandSeparator={true}
dir={'ltr'}
placeHolder=' مبلغ مورد نظر خود برای فروش سهام وارد نمایید'
/>
</div>
type={'text'}
prefix={'تومان'}
thousandSeparator={true}
dir={'ltr'}
placeHolder=' مبلغ مورد نظر خود برای فروش سهام وارد نمایید'
/>
</div>
</div> */}
<div className='mt-[6rem] mb-2'>
<button
onClick={SubmitForm}
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '
>
{!Loading ? 'ثبت درخواست' : 'در حال ثبت درخواست'}
</button>
</div>
<div className='mt-[6rem] mb-2'>
<button
onClick={SubmitForm}
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '
>
{!Loading ? 'ثبت درخواست' : 'در حال ثبت درخواست'}
</button>
</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
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '
>
بازگشت به امور سهام
</button>
</Link>
</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 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
+142 -146
View File
@@ -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,173 +46,169 @@ const StockTransferContainer = () => {
return (
<AppContainer title={' درخواست خرید سهام'}>
{!showSuccessSubmitForm ?
(
<div id='callstock' className=' text-center py-8 m '>
<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>
<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 '>
<div className='bg-[#014258] overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'>
<div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
<h4 className='text-white font-bold md:text-xl '>ارتباط با واحد سهام</h4>
<p className='text-white font-light md:text-lg pt-[0.5rem]'>
بعد از ارسال درخواست کارشناسان طی 24 ساعت با شما تماس خواهند گرفت
</p>
{!showSuccessSubmitForm ? (
<div id='callstock' className=' text-center py-8 m '>
<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>
<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 '>
<div className='bg-[#014258] overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'>
<div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
<h4 className='text-white font-bold md:text-xl '>ارتباط با واحد سهام</h4>
<p className='text-white font-light md:text-lg pt-[0.5rem]'>
بعد از ارسال درخواست کارشناسان طی 24 ساعت با شما تماس خواهند گرفت
</p>
<div className='address'>
<div className=''>
<span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
<BsFillTelephoneFill className='text-[#57C5C6] text-[0.9rem] md:text-[1.3rem]' />
</div>
<div className='address'>
<div className=''>
<span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
<BsFillTelephoneFill className='text-[#57C5C6] text-[0.9rem] md:text-[1.3rem]' />
</div>
<div className='flex justify-end xl:justify-start mt-4'>
<span className='md:text-base font-normal text-white pr-[0.5rem]'>
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
</span>
<FaMapMarkerAlt className='text-[#57C5C6] text-[2rem] md:text-[1.3rem] ' />
</div>
<div className='flex justify-end xl:justify-start mt-4'>
<span className='md:text-base font-normal text-white pr-[0.5rem]'>
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
</span>
<FaMapMarkerAlt className='text-[#57C5C6] text-[2rem] md:text-[1.3rem] ' />
</div>
</div>
</div>
<div className='contentFooter grid lg:grid-cols-5 xl:grid-cols-2'>
<div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<BsWhatsapp className='socail' />
</div>
<div className='socailS text-white mx-[0.5rem] text-[1.2rem] hover:bg-[#57C5C6]'>
<BsTwitter className='socail' />
</div>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<AiOutlineInstagram className='socail' />
</div>
</div>
<div className='contentFooter grid lg:grid-cols-5 xl:grid-cols-2'>
<div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<BsWhatsapp className='socail' />
</div>
<div className='socailS text-white mx-[0.5rem] text-[1.2rem] hover:bg-[#57C5C6]'>
<BsTwitter className='socail' />
</div>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<AiOutlineInstagram className='socail' />
</div>
</div>
<div className='circle1 lg:col-span-3 xl:col-span-1'>
<div className='circle2'></div>
</div>
<div className='circle1 lg:col-span-3 xl:col-span-1'>
<div className='circle2'></div>
</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'>
نام و نام خانوادگی
</label>
<div className='text-end'>
<input
onChange={e => setName(e.target.value)}
className='outline-0 bg-transparent w-11/12 text-end pt-3
</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>
<div className='text-end'>
<input
onChange={e => setName(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>
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='phone'>
شماره تماس
</label>
<div className='text-end'>
<input
onChange={e => setMobileNumber(e.target.value)}
className='outline-0 bg-transparent w-11/12 text-end pt-3
<div className='mt-9'>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='phone'>
شماره تماس
</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 '
id='phone'
type='text'
placeHolder='+98 912 525 4477'
id='phone'
type='text'
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'">
<MDBRadio
onClick={() => setInvestmentType(3)}
name='flexRadioDefault'
id='flexRadioDefault1'
label='اقساطی '
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(3)}
name='flexRadioDefault'
id='flexRadioDefault2'
label='تهاتر'
defaultChecked
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(1)}
name='flexRadioDefault'
id='flexRadioDefault2'
label='نقدی'
defaultChecked
/>
</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'">
<MDBRadio
onClick={() => setInvestmentType(3)}
name='flexRadioDefault'
id='flexRadioDefault1'
label='اقساطی '
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(3)}
name='flexRadioDefault'
id='flexRadioDefault2'
label='تهاتر'
defaultChecked
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(1)}
name='flexRadioDefault'
id='flexRadioDefault2'
label='نقدی'
defaultChecked
/>
</div>
</div>
</div>
</div>
<div className='mt-9 '>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='money'>
مبلغ سرمایه گذاری شما
</label>
<div className='text-end'>
<NumberFormat
onValueChange={values => {
const { formattedValue, value } = values
setInvestmentPrice(value)
}}
className='outline-0 bg-transparent w-11/12 text-end pt-3
<div className='mt-9 '>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='money'>
مبلغ سرمایه گذاری شما
</label>
<div className='text-end'>
<NumberFormat
onValueChange={values => {
const { formattedValue, value } = values
setInvestmentPrice(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] '
type={'text'}
prefix={'تومان'}
thousandSeparator={true}
dir={'ltr'}
placeHolder=' مبلغ مد نظر خود برای شروع سرمایه گذاری وارد نمایید'
/>
</div>
type={'text'}
prefix={'تومان'}
thousandSeparator={true}
dir={'ltr'}
placeHolder=' مبلغ مد نظر خود برای شروع سرمایه گذاری وارد نمایید'
/>
</div>
</div>
<div className='mt-[6rem] mb-2'>
<button
onClick={SubmitForm}
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '
>
{!Loading ? 'ثبت درخواست' : 'در حال ثبت درخواست'}
</button>
</div>
<div className='mt-[6rem] mb-2'>
<button
onClick={SubmitForm}
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '
>
{!Loading ? 'ثبت درخواست' : 'در حال ثبت درخواست'}
</button>
</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
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '
>
بازگشت به امور سهام
</button>
</Link>
</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 className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '>
بازگشت به امور سهام
</button>
</Link>
</div>
</div>
)}
</AppContainer>
)
}