fix: stock trqansfer
This commit is contained in:
reza karimi
+2
-13
@@ -1,33 +1,24 @@
|
|||||||
import Head from 'next/head'
|
|
||||||
import AppContainer from './appContainer'
|
import AppContainer from './appContainer'
|
||||||
import Slider from './components/slider'
|
import Slider from './components/slider'
|
||||||
import Connect from './components/connect'
|
|
||||||
import News from './News'
|
import News from './News'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import Req from '../public/resource/parallax/Asset 1.svg'
|
|
||||||
import {
|
import {
|
||||||
MDBBtn,
|
MDBBtn,
|
||||||
MDBCard,
|
MDBCard,
|
||||||
MDBCardBody,
|
MDBCardBody,
|
||||||
MDBCardImage,
|
|
||||||
MDBCardText,
|
|
||||||
MDBCardTitle,
|
|
||||||
MDBContainer,
|
MDBContainer,
|
||||||
MDBIcon, MDBListGroupItem,
|
MDBIcon,
|
||||||
MDBTypography
|
|
||||||
} from 'mdb-react-ui-kit'
|
} from 'mdb-react-ui-kit'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import Doctors from './components/doctors'
|
|
||||||
import Paralax from './components/Paralax'
|
import Paralax from './components/Paralax'
|
||||||
import Service from './components/service'
|
import Service from './components/service'
|
||||||
import { AppUrl } from '../lib/api'
|
import { AppUrl } from '../lib/api'
|
||||||
import Accessgrid from './components/accessgrid'
|
import Accessgrid from './components/accessgrid'
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
import { Img, SimpleGrid } from '@chakra-ui/react'
|
import { SimpleGrid } from '@chakra-ui/react'
|
||||||
import SalesTeam from './components/SalesTeam'
|
import SalesTeam from './components/SalesTeam'
|
||||||
import FadeIn from 'react-fade-in'
|
import FadeIn from 'react-fade-in'
|
||||||
import Brands from './components/Brands'
|
import Brands from './components/Brands'
|
||||||
import OnlineSales from './components/OnlineSales'
|
|
||||||
import Sales from './page/sales'
|
import Sales from './page/sales'
|
||||||
|
|
||||||
export default function Home({ data_NEWS }) {
|
export default function Home({ data_NEWS }) {
|
||||||
@@ -50,13 +41,11 @@ export default function Home({ data_NEWS }) {
|
|||||||
<br />
|
<br />
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<SimpleGrid spacing={15} columns={[1, 2, 4]}>
|
<SimpleGrid spacing={15} columns={[1, 2, 4]}>
|
||||||
<FadeIn>
|
|
||||||
<Link href={'/page/contact-us'}>
|
<Link href={'/page/contact-us'}>
|
||||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||||
<MDBCardBody className={'flex justify-content-center'}>ارتباط با ما</MDBCardBody>
|
<MDBCardBody className={'flex justify-content-center'}>ارتباط با ما</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</Link>
|
</Link>
|
||||||
</FadeIn>
|
|
||||||
<Link href={'/page/sales'}>
|
<Link href={'/page/sales'}>
|
||||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||||
<MDBCardBody className={'flex justify-content-center'}> مشاوره سرمایه گذاری </MDBCardBody>
|
<MDBCardBody className={'flex justify-content-center'}> مشاوره سرمایه گذاری </MDBCardBody>
|
||||||
|
|||||||
@@ -8,9 +8,7 @@ import { BsWhatsapp } from 'react-icons/bs'
|
|||||||
import { BsTwitter } from 'react-icons/bs'
|
import { BsTwitter } from 'react-icons/bs'
|
||||||
import { AiOutlineInstagram } from 'react-icons/ai'
|
import { AiOutlineInstagram } from 'react-icons/ai'
|
||||||
import toast, { Toaster } from 'react-hot-toast'
|
import toast, { Toaster } from 'react-hot-toast'
|
||||||
import { MDBRadio } from 'mdb-react-ui-kit'
|
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import NumberFormat from 'react-number-format'
|
|
||||||
import { AppProduction } from '../../lib/api'
|
import { AppProduction } from '../../lib/api'
|
||||||
|
|
||||||
const Sales = () => {
|
const Sales = () => {
|
||||||
@@ -1,84 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
import AppContainer from '../appContainer'
|
|
||||||
import Image from 'next/image'
|
|
||||||
import { MDBContainer, MDBIcon } from 'mdb-react-ui-kit'
|
|
||||||
import { Table, TableCaption, TableContainer, Tbody, Td, Th, Thead, Tr } from '@chakra-ui/react'
|
|
||||||
|
|
||||||
const StockUnit = () => {
|
|
||||||
const Parallax = ({ quality }) => {
|
|
||||||
return `../resource/images/call-center.jpg`
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<AppContainer title={' امور سهام'}>
|
|
||||||
<div className='parallax-container'>
|
|
||||||
<div
|
|
||||||
style={{ fontSize: 30 }}
|
|
||||||
className={'center-align text-white header_back service-text dana font-weight-bold'}
|
|
||||||
>
|
|
||||||
امور سهام
|
|
||||||
</div>
|
|
||||||
<Image
|
|
||||||
loader={Parallax}
|
|
||||||
src='Parallax.png'
|
|
||||||
className={'responsive-img shadow-5'}
|
|
||||||
alt='امور سهام بیمارستان مهر ایرانیان'
|
|
||||||
width={3000}
|
|
||||||
height={1300}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<MDBContainer className={'mb-5 mt-5'}>
|
|
||||||
<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>
|
|
||||||
</AppContainer>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default StockUnit
|
|
||||||
@@ -0,0 +1,119 @@
|
|||||||
|
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 Link from 'next/link'
|
||||||
|
|
||||||
|
const StockUnit = () => {
|
||||||
|
const Parallax = ({ quality }) => {
|
||||||
|
return `../resource/images/call-center.jpg`
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<AppContainer title={' امور سهام'}>
|
||||||
|
<div className='parallax-container'>
|
||||||
|
<div
|
||||||
|
style={{ fontSize: 30 }}
|
||||||
|
className={'center-align text-white header_back service-text dana font-weight-bold'}
|
||||||
|
>
|
||||||
|
امور سهام
|
||||||
|
</div>
|
||||||
|
<Image
|
||||||
|
loader={Parallax}
|
||||||
|
src='Parallax.png'
|
||||||
|
className={'responsive-img shadow-5'}
|
||||||
|
alt='امور سهام بیمارستان مهر ایرانیان'
|
||||||
|
width={3000}
|
||||||
|
height={1300}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<MDBContainer className={'mb-5 mt-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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</AppContainer>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default StockUnit
|
||||||
@@ -0,0 +1,222 @@
|
|||||||
|
import AppContainer from '../../appContainer'
|
||||||
|
import { BsFillTelephoneFill } from 'react-icons/bs'
|
||||||
|
import { FaMapMarkerAlt } from 'react-icons/fa'
|
||||||
|
import { BsWhatsapp } from 'react-icons/bs'
|
||||||
|
import { BsTwitter } from 'react-icons/bs'
|
||||||
|
import { AiOutlineInstagram } from 'react-icons/ai'
|
||||||
|
import toast, { Toaster } from 'react-hot-toast'
|
||||||
|
import axios from 'axios'
|
||||||
|
import { AppProduction } from '../../../lib/api'
|
||||||
|
import { useState } from 'react'
|
||||||
|
import { MDBRadio } from 'mdb-react-ui-kit'
|
||||||
|
import NumberFormat from 'react-number-format'
|
||||||
|
import Link from 'next/link'
|
||||||
|
|
||||||
|
const StockSalesContainer = () => {
|
||||||
|
const [name, setName] = useState()
|
||||||
|
const [mobileNumber, setMobileNumber] = useState('')
|
||||||
|
const [InvestmentPrice, setInvestmentPrice] = useState('0')
|
||||||
|
const [InvestmentType, setInvestmentType] = useState('1')
|
||||||
|
const [Loading, setLoading] = useState(false)
|
||||||
|
const [showSuccessSubmitForm, setShowSuccessSubmitForm] = useState(false)
|
||||||
|
|
||||||
|
const SubmitForm = () => {
|
||||||
|
setLoading(true)
|
||||||
|
toast.loading('در حال ثبت درخواست شما')
|
||||||
|
axios
|
||||||
|
.post(`${AppProduction}public/website/request`, {
|
||||||
|
name: name,
|
||||||
|
mobile_number: mobileNumber,
|
||||||
|
investment_price: InvestmentPrice,
|
||||||
|
investment_type: InvestmentType
|
||||||
|
})
|
||||||
|
.then(async res => {
|
||||||
|
setLoading(false)
|
||||||
|
setShowSuccessSubmitForm(true)
|
||||||
|
toast.remove()
|
||||||
|
toast.success('درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند')
|
||||||
|
await console.log('res', res)
|
||||||
|
})
|
||||||
|
.catch(async err => {
|
||||||
|
setLoading(false)
|
||||||
|
toast.remove()
|
||||||
|
await toast.error(err.response.data.err)
|
||||||
|
await console.log('err', err)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
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'>
|
||||||
|
قیمت آخرین سهام معامله شده :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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</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>
|
||||||
|
</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
|
||||||
|
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='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='تعداد سهامی که قصد فروش آن را دارید'
|
||||||
|
/>
|
||||||
|
</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 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 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>
|
||||||
|
</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>
|
||||||
|
): (
|
||||||
|
<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>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default StockSalesContainer
|
||||||
@@ -0,0 +1,220 @@
|
|||||||
|
import AppContainer from '../../appContainer'
|
||||||
|
import { BsFillTelephoneFill } from 'react-icons/bs'
|
||||||
|
import { FaMapMarkerAlt } from 'react-icons/fa'
|
||||||
|
import { BsWhatsapp } from 'react-icons/bs'
|
||||||
|
import { BsTwitter } from 'react-icons/bs'
|
||||||
|
import { AiOutlineInstagram } from 'react-icons/ai'
|
||||||
|
import toast, { Toaster } from 'react-hot-toast'
|
||||||
|
import axios from 'axios'
|
||||||
|
import { AppProduction } from '../../../lib/api'
|
||||||
|
import { useState } from 'react'
|
||||||
|
import { MDBRadio } from 'mdb-react-ui-kit'
|
||||||
|
import NumberFormat from 'react-number-format'
|
||||||
|
import Link from 'next/link'
|
||||||
|
const StockTransferContainer = () => {
|
||||||
|
const [name, setName] = useState()
|
||||||
|
const [mobileNumber, setMobileNumber] = useState('')
|
||||||
|
const [InvestmentPrice, setInvestmentPrice] = useState('0')
|
||||||
|
const [InvestmentType, setInvestmentType] = useState('1')
|
||||||
|
const [Loading, setLoading] = useState(false)
|
||||||
|
const [showSuccessSubmitForm, setShowSuccessSubmitForm] = useState(false)
|
||||||
|
|
||||||
|
const SubmitForm = () => {
|
||||||
|
setLoading(true)
|
||||||
|
toast.loading('در حال ثبت درخواست شما')
|
||||||
|
axios
|
||||||
|
.post(`${AppProduction}public/website/request`, {
|
||||||
|
name: name,
|
||||||
|
mobile_number: mobileNumber,
|
||||||
|
investment_price: InvestmentPrice,
|
||||||
|
investment_type: InvestmentType
|
||||||
|
})
|
||||||
|
.then(async res => {
|
||||||
|
setLoading(false)
|
||||||
|
setShowSuccessSubmitForm(true)
|
||||||
|
toast.remove()
|
||||||
|
toast.success('درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند')
|
||||||
|
await console.log('res', res)
|
||||||
|
})
|
||||||
|
.catch(async err => {
|
||||||
|
setLoading(false)
|
||||||
|
toast.remove()
|
||||||
|
await toast.error(err.response.data.err)
|
||||||
|
await console.log('err', err)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</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>
|
||||||
|
</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
|
||||||
|
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='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'
|
||||||
|
/>
|
||||||
|
</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 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 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>
|
||||||
|
</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>
|
||||||
|
): (
|
||||||
|
<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>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default StockTransferContainer
|
||||||
Reference in New Issue
Block a user