import CartSummary from '@/components/CartSummary'
import withLayout from '@/hoc/withLayout'
import { NextPage } from 'next'
import CartItem from '../components/CartItem'
import TitleBack from '../components/TitleBack'
import { Location } from 'iconsax-react'

const CartShipping: NextPage = () => {
    return (
        <div className="mt-14 px-20">

            <div className="mt-6 flex gap-6">
                <div className='flex-1'>
                    <TitleBack title='آدرس و تایید جزئیات' />
                    <div className='mt-5 border border-border rounded-2xl p-6 flex justify-between items-center'>
                        <div className='flex gap-2 items-center'>
                            <Location size={20} color='#333333' className='min-w-5' />
                            <div className='text-xs text-[#7F7F7F]'>
                                <div>
                                    آدرس تحویل سفارش
                                </div>
                                <div className='mt-2 text-sm text-black'>
                                    اراک خیابان امام حسن غریبی خیابان 123
                                </div>
                                <div className='mt-2'>حمید ضرغامی</div>
                            </div>
                        </div>
                        <div className='text-primary text-sm'>ویرایش</div>
                    </div>
                    <div className="flex-1 mt-5 border border-border p-5 rounded-2xl">
                        <CartItem noBorder />
                        <CartItem />
                    </div>
                </div>
                <CartSummary
                    itemsCount={3}
                    itemsPrice={580000}
                    discount={580000}
                    total={80580000}
                    confirmHref="/cart/payment"
                    confirmLabel="پرداخت"
                    className="w-[360px]"
                />
            </div>
        </div>
    )
}

export default withLayout(CartShipping)