{assign var="check_page" value=1}
{include file="deposit.tpl"}

<script>           
            document.body.style.position = "relative";
            document.body.style.minHeight = "100%";
            document.body.style.top = "0px";
            document.body.style.overflow = "hidden";
</script>

<style>
#coinpr_form{
    display: none;
}

#placeforstatus{
    padding-top: 40px;
	text-align: center;
}

#deposit_result_div{
    width:0px;
}

.deposit-process-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 52px;
    -webkit-filter: drop-shadow(0px 10px 30px rgba(246, 122, 20, 0.3));
    filter: drop-shadow(0px 10px 30px rgba(246, 122, 20, 0.3));
}



.deposit-process {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(4.87%, #F16621), color-stop(43.36%, #FC8F06));
    background-image: -o-linear-gradient(left, #F16621 4.87%, #FC8F06 43.36%);
    background-image: linear-gradient(90deg, #F16621 4.87%, #FC8F06 43.36%);
    display: grid;
    place-content: center;
    text-align: center;
    padding: 0 23px;
    min-width: 110px;
	user-select: none;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
}


.deposit-process-wrap::before {
    content: '';
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 19px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: var(--btn-orange-left);
}

.deposit-process-wrap::after {
    content: '';
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 19px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: var(--btn-orange-right);
}










.deposit-cancel-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 52px;
	margin-top: 20px;
}



.deposit-cancel {
    background: #272219;
    display: grid;
    place-content: center;
    text-align: center;
    padding: 0 23px;
    min-width: 110px;
	user-select: none;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
	opacity: 0.35;
}


.deposit-cancel-wrap::before {
    content: '';
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 19px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: var(--btn-orange-left);
	filter: brightness(0) saturate(100%) invert(12%) sepia(14%) saturate(817%) hue-rotate(0deg) brightness(99%) contrast(96%);
	opacity: 0.35;
}

.deposit-cancel-wrap::after {
    content: '';
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 19px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: var(--btn-orange-right);
	filter: brightness(0) saturate(100%) invert(12%) sepia(14%) saturate(817%) hue-rotate(0deg) brightness(99%) contrast(96%);
	opacity: 0.35;
}

.sbmt.deposit-process {
  position: relative;
  overflow: hidden;
}

.sbmt.deposit-process::before {
  content: "";
  position: absolute;
  top: 100%;
  left: -100%;
  width: 200%;
  height: 100%;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);
  transition: transform 0.3s ease-in-out;
  transform: translateX(-100%);
}

.sbmt.deposit-process:hover::before {
  transform: translateX(100%);
}

[type="button"] {
    -webkit-appearance: none; 
    appearance: none;
	border: none;
    padding: 0; 
}
</style>


<div class="jquery-modal blocker current">
        <div id="appDepositTransfer" class="modal-depo modal-info modal" style="display: inline-block;max-width: 570px;">
		    <a href="?a=deposit" rel="modal:close" class="close">
                <div class="icon--close"></div>
            </a>
            <div class="frame">
                <div class="frame-line"></div>
                <div class="frame-inner right-el">
                    <div class="modal-header">
                        <div class="modal-header-bg"></div>
                        <div class="modal-header-icon-bg"></div>
                        <div class="orange-icon green">
                            <div class="icon--lk-download-white"></div>
                        </div>
                    </div>
					

<form name=spend method=post>
<input type=hidden name=a value=deposit>
<input type=hidden name=action value=confirm>
<input type=hidden name=type value={$type}>
<input type=hidden name=h_id value={$h_id}>
<input type=hidden name=amount value="{$famount}">
<input type=hidden name=compound value={$compound}>
					
                    <div class="modal-title">Transfer funds from Account</div>
                    <div class="modal-content">
					    {if $fields}
					    {section name=f loop=$fields}
                        <div class="v-form-control">
                            <div class="label caption-wrapper">
                                <div class="caption">{$fields[f].name}</div>
                                <div class="caption-decor"></div>
                            </div>
                            <div class="input-wrapper">
                                <div class="input-shadow"></div> <input type="text" name="fields[{$fields[f].id}]" value="">
                            </div>
                        </div>
						{/section}
						{/if}
						
						{if $description}
                        <div class="v-form-control">
							<div class="info-item">
                    <div class="info-item__decor"></div>
                    <div class="info-item__content">{$description}</div>
                    <div class="info-item__decor right"></div>
                </div>
                        </div>
						{/if}
						
                    </div>
                   
				   
				  
                    <div class="flex-center">
					<button type=submit data-modal="#modal-depo" class="btn open-popup-link">
                            <div class="btn-bg">
                                <div class="btn-text">Confirm</div>
                            </div>
                    </button>
					</div>
					

</form>					
					
                </div>
                <div class="frame-line"></div>
            </div><a href="?a=deposit" class="close-modal ">Close</a>
        </div>
    </div>
	
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>

<script>
        var clipboard = new ClipboardJS('.icon--lk-copy');

        clipboard.on('success', function(e) {           
        });

</script>