<template>
	<view class="ac">
		<navigation :showBack="true" :bgnum="true" class="aaa">
			<text class="big_title">
				{{info.coinList[0].name2}} Transfer
			</text>
			<image src="../../../../static/tongyonh/erwei.png" mode="aspectFit" class="renYou2" slot="logo"
				@click="chooseImage()"></image>
		</navigation>
		<view class="main">
       <view class="item">
       	<view class="title">
       		Collection address
       	</view>
		<view class="inputcon">
			<input type="text" value=""  :placeholder="addValue" placeholder-style="color:#D0D0D2" class="input" v-model="toAddress"/>
		 <image src="../../../../static/tongyonh/lu.png" mode="aspectFit" class="img" @click="goAddress"></image>
		</view>
       </view>
	   <view class="item">
	   	<view class="title flex">
			<text>Amount of Money</text>
	   	<text class="all" @click="toAll">ALL</text>
	   	</view>
	<view class="inputcon2">
			<view class="input_con">
			<input type="text" value=""  placeholder="0" placeholder-style="color:#D0D0D2" class="input2" v-model="toValue"/>	
			<!-- <input type="text" value=""  placeholder="Remark" placeholder-style="color:#D0D0D2" class="input1"/> -->
			</view>
		</view>
		   </view>
		 <!--  <view class="item minitem flex">
		   	<text>Miner's fee</text>
			<view class="imgcon">
				<image src="../../../../static/tongyonh/chevron_right_24px.png" mode="aspectFit" class="rimg"></image>
			</view>
		   </view> -->
		   <view  class="btn" @click="next">
		 Next step
		   </view>
		   
		
	</view>
	
	<view class="bottom_con" v-if="show">
		<view class="title_con">
			Payment details
		</view>
		<view class="money_con">
			<image  src="../../../../static/tongyonh/xg.png" mode="aspectFit" class="img" @click="show=false"></image>
			<view class="money">
				<text class="tex1">{{toValue}}</text>
				<text class="tex2">{{info.coinList[0].name2}}</text>
			</view>
			<view class="info_con">
				<view class="item">
					<text class="text1">Payment information</text>
					<text class="text2">{{info.coinList[0].name2}} transfer</text>
				</view>
				<view class="item">
					<text class="text1">Collection address</text>
					<text class="text2">{{toAddress}}</text>
				</view>
				<view class="item">
					<text class="text1">Payment address</text>
					<text class="text2">{{info.address}}</text>
				</view>
			</view>
			
		</view>
		<view class="btn" @click="toNext">
					 Next step
		</view>
	</view>
	
	
	<view class="bottom_con" v-if="show2">
		<view class="title_con">
			Password
		</view>
		<view class="money_con money_con2">
			<image   src="../../../../static/tongyonh/Vector.png" mode="aspectFit" class="img2" @click="back"></image>
				<u-input placeholder="Wallet password" v-model="value" :type="type" :border="border" :password-icon="passwordIcon" @input="btnco()" />
		</view>
		<view class="btn2" :class="btntype?'btncolor':'btncolor2'" @click="confirm()">
					 Next step
		</view>
	</view>
	
	
	
		<u-mask :show="show"  z-index="10"></u-mask>
		<u-mask :show="show2"  z-index="10"></u-mask>
	</view>
	



</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	export default {
		data() {
			return {
				btntype:false,
			addValue:'',
         info:{},
		 toAddress:'',
		 toValue:null,
		 show:false,
		 show2:false,
		 value: '',
		 type: 'password',
		 passwordIcon: true,
		border: true,
			}
		},
		methods: {
			toNext(){
				this.show=false;
				this.show2=true;
			},
			back(){
				this.show2=false;
				this.show=true
			},
			btnco(){
				if(this.value.length==0){
					this.btntype=false;
						return;
				}
					this.btntype=true;
			},
			toAll(){
				this.toValue=this.info.balance
			},
			succ(a,b){
			console.log(a,4545)
			console.log(b,45646)
			},
			next(){
			if(this.toAddress==''){
				uni.showToast({
					title: 'Transfer receiving address cannot be blank',
					icon: 'none',
					duration: 1500
				})
				return
			}
			if(this.toValue==null){
				uni.showToast({
					title: 'Please enter the transfer amount',
					icon: 'none',
					duration: 1500
				})
				return
			}
			if(this.toValue<=0){
				uni.showToast({
					title: 'The transfer amount cannot be less than or equal to zero',
					icon: 'none',
					duration: 1500
				})
				return
			}
				this.show=true;
			
			},
			confirm(){
			if(this.value!=this.info.password){
				uni.showToast({
					title: 'Password error',
					icon: 'none',
					duration: 1500
				})
					return
			}
				if(this.info.coinList[0].xname=='Ethereum'){	
				this.$EthUtil.transaction(this.info.address,this.toAddress,this.toValue,this.info.privateKey).then((res) => {
					console.log(res,'钱包')
					this.show2=false;
					uni.reLaunch({
						url:'../transfer2/index'
					})
				}).catch(err => {
					console.log(err)
				})
				
				}
				if(this.info.coinList[0].xname=='TRON'){
				this.$TronUtil.sendTransaction(this.info.address,this.info.privateKey,this.toAddress,this.toValue,).then((res) => {
					uni.showToast({
						title: 'Successfully',
						icon: 'success',
						duration: 1500
					})
					this.show2=false;
					uni.reLaunch({
						url:'../transfer2/index'
					})
				}).catch(err => {
			uni.showToast({
				title: err,
				icon: 'none',
				duration: 1500
			})
				})
				
				}
			},
			goAddress(){
				uni.navigateTo({
					url:'../address/index'
				})
			},
        // 唤醒摄像头
        chooseImage() {
        	var _this = this
        	uni.chooseImage({
        		count: 1, //默认9
        		sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
        		sourceType: ['album', 'camera'], //从相册选择、摄像头
        		success: function(res) {
        			_this.imgShow = res.tempFilePaths[0]
        		}
        	});
        	// ass()
        },
		},
		onLoad(option) {
			const item = JSON.parse(option.item);
			this.info=item;
			this.addValue=this.info.coinList[0].xname+' Address'
		}
	};
</script>
<style scoped>

</style>

<style>
	@import './index.css';
</style>
