<!DOCTYPE html>
<html lang="ru">

{include file="account_header.tpl"}


{assign var='first_element' value=null}
{section name=p loop=$ps}
{if $first_element eq null}
{assign var='first_element' value=$ps[p]}
{/if}
{/section}

{if $first_element}
    {assign var='p_name_default' value=$first_element.name}
    {assign var='p_id_default' value=$first_element.id}
{/if}



{assign var='second_element' value=null}
{section name=p loop=$ps}
{if $ps[p].balance > 0 and $ps[p].status == 1}
{if $second_element eq null}
{assign var='second_element' value=$ps[p]}
{/if}
{/if}
{/section}

{if $second_element}
    {assign var='p_name_second' value=$second_element.name}
    {assign var='p_id_second' value=$second_element.id}
{/if}

<style>
    .plan_rex .frame-inner {
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .plan_rex input[type="radio"]:checked+label .frame-inner {
        background-color: rgb(255 128 0 / 32%);
    }

    .plan_rex input[type="radio"] {
        display: none;
    }

    .plan_rex .frame-inner:hover {
        background-color: rgba(179, 141, 103, 0.25);
    }

    .plan_rex .row-3 {
        display: flex;
        justify-content: center;
    }

    .plan_rex .col {
        flex: 1;
        text-align: center;
    }

    .plan_rex .adv-item.arrow::before {
        display: none;
    }

    .plan_rex  .adv-item__val {
    font-size: 30px;
    }

    .dynamic-asset {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 20px;
    }

    .rex_clean_space {
        margin: initial;
        min-height: initial;
    }
	
	.btn-rect.active .btn-rect__icon svg path {
    fill: #FC8F06!important;
    }
	
    .frame.tab2{
        display: none;
    }
	
    /* Media query for screens with a maximum width of 768px */
    @media (max-width: 768px) {

        .plan_rex .row-3>.col {

            max-width: initial;
        }

        .plan_rex .row-3 {
            flex-direction: column;
            align-items: center;
        }

        .plan_rex .col {
            flex: none;
            margin: 10px 0;
        }

        .plan_rex .col:first-child,
        .col:last-child {
            margin: 0;
        }
		
		.form-wrapper .frame:last-child {
        width: 350px;
        }
    }

</style>


{if $frm.say eq 'deposit_success'}
<body style="position: relative; min-height: 100%; top: 0px; overflow: hidden;">
{elseif $frm.say eq 'deposit_saved'}
<body style="position: relative; min-height: 100%; top: 0px; overflow: hidden;">
{elseif $errors && !isset($errors.csrf_check)}
<body style="position: relative; min-height: 100%; top: 0px; overflow: hidden;">
{else}
<body>
{/if}

    <div class="flex page-lk-invest">
        <div class="menu-lk">
            <div class="lk-burger">
                <div class="icon--lk-burger"></div>
            </div>
            <div class="menu-lk-inner">
                <a class="btn-link" href="/">
                    <div class="logo">
                        <img src="styles/assets/img/logo.svg">
                    </div>
                </a>
                <div class="flex">
                    <a class="btn-link" href="/">
                        <div class="btn-link__icon icon--lk-home"></div>
                        <div class="btn-link__text">Main</div>
                    </a>
                    {include file="multilang.tpl"}
                </div>
                {include file="token_price.tpl"}
                <div class="caption-wrapper">
                    <div class="caption">Menu</div>
                    <div class="caption-decor"></div>
                </div>
                {include file="account_menu.tpl"}
                <div class="caption-wrapper">
                    <div class="caption">Social media</div>
                    <div class="caption-decor"></div>
                </div>
                {include file="social_account.tpl"}
            </div>
        </div>
		
		{if $frm.say eq 'deposit_success'}
		<div id="modal_code_error" class="jquery-modal blocker current" style="z-index: 1999;display: block;">
                                    <div class="modal-success modal-info modal" id="modal-success" style="display: inline-block;">
                                        <div class="close modal_error" style="cursor: pointer;">
                                            <div class="icon--close"></div>
                                        </div>
                                        <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--success"></div>
                                                    </div>
                                                </div>
                                                <div class="modal-title">Success!</div>
                                                <div class="modal-text">The deposit has been successfully saved.</div>
                                                <div class="flex-center">
                                                    <div class="btn modal_error" rel="modal:close">
                                                        <div class="btn-bg">
                                                            <div class="btn-text">I have read</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="frame-line"></div>
                                        </div>
                                    </div>
                                </div>
		{/if}
		
		{if $frm.say eq 'deposit_saved'}
		<div id="modal_code_error" class="jquery-modal blocker current" style="z-index: 1999;display: block;">
                                    <div class="modal-success modal-info modal" id="modal-success" style="display: inline-block;">
                                        <div class="close modal_error" style="cursor: pointer;">
                                            <div class="icon--close"></div>
                                        </div>
                                        <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--success"></div>
                                                    </div>
                                                </div>
                                                <div class="modal-title">Success!</div>
                                                <div class="modal-text">The deposit has been saved. It will become active when the administrator checks statistics.</div>
                                                <div class="flex-center">
                                                    <div class="btn modal_error" rel="modal:close">
                                                        <div class="btn-bg">
                                                            <div class="btn-text">I have read</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="frame-line"></div>
                                        </div>
                                    </div>
                                </div>
		{/if}
		
		{if $errors && !isset($errors.csrf_check)}
                                <div id="modal_code_error" class="jquery-modal blocker current" style="z-index: 1999;display: block;">

                                    <div class="modal-error modal-info modal" id="modal-error" style="display: inline-block;">
                                        <div class="close modal_error" style="cursor: pointer;">
                                            <div class="icon--close"></div>
                                        </div>
                                        <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 red">
                                                        <div class="icon--error"></div>
                                                    </div>
                                                </div>
                                                <div class="modal-title">Error!</div>
                                               {if $errors.less_min}<div class="modal-text">Sorry, you can deposit not less than {$currency_sign}{$errors.less_min} with selected processing</div>{/if}
											   {if $errors.greater_max}<div class="modal-text">Sorry, you can deposit not greater than {$currency_sign}{$errors.greater_max} with selected processing</div>{/if}
											   {if $errors.not_enough_funds}<div class="modal-text">You have no enough funds to complete the operation.</div>{/if}
											   {if $errors.ec_forbidden}<div class="modal-text">Sorry, deposit with selected processing is temproary forbidden.</div>{/if}
											   {if $errors.cannot_invest_this_plan_anymore}<div class="modal-text">Sorry, you cannot invest this plan anymore</div>{/if}
											   {if $errors.external_deposits_disabled}<div class="modal-text">Deposit to this plan from external processing is forbidden.</div>{/if}
											   {if $errors.internal_deposits_disabled}<div class="modal-text">Deposit to this plan from balance is forbidden.</div>{/if}
											   {if $errors.no_ps}<div class="modal-text">Please, select funds source.</div>{/if}
											   {if $errors.deposits_amount_exeeded}<div class="modal-text">Your total deposit in &quot;{$errors.deposits_amount_exeeded.plan|escape:html}&quot; should not more than {$errors.deposits_amount_exeeded.amount_limit|fiat}</div>{/if}
                                                <div class="flex-center">
                                                    <div class="btn modal_error" rel="modal:close">
                                                        <div class="btn-bg">
                                                            <div class="btn-text">I have read</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="frame-line"></div>
                                        </div>
                                    </div>

                                </div>
		{/if}
		
        <div class="content-lk">
            <div class="lk-bg-pic-mob"></div>
            <div class="content-lk-inner">
                <div class="container" id="depositApp">
                    <div class="lk-slim-block">
                        <div class="title-icon">
                            <div class="orange-icon">
                                <div class="icon--lk-download-white"></div>
                            </div>
                            <div class="title-icon__title-wrapper">
                                <div class="title-icon__title1">Investing</div>
                                <div class="title-icon__title2">create a deposit</div>
                            </div>
                        </div>
						
						<form method=post name="spendform">
						<input type=hidden name=a value=deposit>
						<input id="type_pay" type=hidden name=type value="process_{$p_id_default}">
						
                        <div class="form-wrapper">
						
						    
							
							
							<div class="lk-slim-block2 plan_rex" style="">
							
                                <div class="caption-wrapper">
                                    <div class="caption"><span>0.1</span> Dynamic Asset Allocation Strategy</div>
                                    <div class="caption-decor"></div>
                                </div>
                                {assign var="colCount" value=0}  
								
								{foreach from=$plans item=plan name=fplans}
								
								{if $plans|@count > 1}
								{if $colCount == 0}
                                <div class="row-3">
								{/if}
                                    <div class="col">
                                        <input type="radio" id="step-{$plan.id}" name="h_id" value="{$plan.id}"  {if (($smarty.foreach.fplans.first == 1) && (!$frm.h_id)) || ($frm.h_id == $plan.id)} checked {/if} >
                                        <label class="frame" for="step-{$plan.id}">
                                            <div class="frame-line"></div>
                                            <div class="frame-inner">
                                            {foreach from=$plan.plans item=o}   
                                                <div class="dynamic-asset">
                                                    <div class="adv-item arrow">
                                                        <div class="adv-item__val notranslate">{$o.percent}%</div>
                                                        <div class="adv-item__name">{if $plan.period == ""}After {$plan.q_days} {if $plan.period == ""}{if $plan.name|strstr:"daily"} Daily{else} Hour{/if}{/if}{if $plan.period != 1}s{/if}{else}{$plan.period} for {if $plan.q_days == 0}lifelong{else}{$plan.q_days} {if $plan.period === Hourly}Hour{/if}{if $plan.period === Daily || $plan.period === Weekly || $plan.period === BiWeekly || $plan.period === Monthly || $plan.period|replace:' ':'' === 2Monthly || $plan.period|replace:' ':'' === 3Monthly || $plan.period|replace:' ':'' === 6Monthly || $plan.period === Yearly}Day{/if}{if $plan.q_days != 1}s{/if}{if $plan.work_week}(mon-fri){/if}{/if}{/if}</div>
                                                    </div>
                                                </div>
                                                <div class="lk-settings__security-caption">{$o.name|escape:html}</div>
                                                <div class="lk-settings__security-text rex_clean_space">Min. Allocation: <br><span style="margin-left: 10px;">{$o.min_deposit|fiat}</span></div>
                                                <div class="lk-settings__security-text rex_clean_space">Max. Allocation: <br><span style="margin-left: 10px;">{if $o.max_deposit == 0}&infin;{else}{$o.max_deposit|fiat}{/if}</span></div>
											{/foreach}
                                            </div>
                                            <div class="frame-line"></div>
                                        </label>
                                    </div>
								{assign var="colCount" value=$colCount+1}
                                {if $colCount == 3 || $smarty.foreach.fplans.last}
                                </div>
								{assign var="colCount" value=0}  
                                {/if}
								
								{else}
								
								<div class="frame">
                                <div class="frame-line"></div>
                                <div class="frame-inner c-white">The profitability of arbitrage trading depends on many factors: the effectiveness of the trading robot, the effective strategies, the speed of transactions, the global and market situation, etc. Using {$meta_title|default:$settings.site_name}, you are guaranteed to receive 1.2-1.8% of daily income from your arbitrage pool.</div>
                                <div class="frame-line"></div>
                                </div>
							    <input type=hidden name=h_id value="{$plan.id}">
								
								{/if}
								
								{/foreach}

                            </div>
							
							
						  
                            
							
							
							
                            <div id="payment_rex_service" class="invest-step z2">
                                <div class="caption-wrapper">
                                    <div class="caption"><span>0.2</span> Payment service</div>
                                    <div class="caption-decor"></div>
                                </div>
								
								
								{if $p_name_second|default:'None' != 'None'}
								<div class="btn-rect-wrapper" style="margin: 10px 0;">
								<a class="btn-rect tab1 active">
								<div class="btn-rect-inner stripe-highlight">
								<div class="btn-rect__icon">
								<svg width="18" height="18" viewBox="0 0 650 716.71"><path d="m475,716.71c-19.44,0-38.88-7.09-54.38-21.28-11.76-10.76-29.49-10.76-41.25,0-31,28.37-77.75,28.37-108.75,0-11.76-10.76-29.49-10.76-41.25,0-31,28.37-77.75,28.37-108.75,0l-16.1-14.74c-2.66-2.44-6.38-2.43-9.04,0-16.84,15.41-40.22,19.3-61,10.15-21.27-9.37-34.48-29.82-34.48-53.37V170.67c0-42.38,0-63.65,6.51-83.49C18.85,49.61,48.1,19.57,84.76,6.81,104.33,0,125.11,0,166.5,0h317c41.39,0,62.17,0,81.74,6.81,36.66,12.76,65.92,42.8,78.25,80.37,6.51,19.83,6.51,41.11,6.51,83.49v466.8c0,23.55-13.21,44-34.48,53.37-20.79,9.16-44.16,5.27-61-10.14-2.66-2.44-6.38-2.44-9.04,0l-16.1,14.74c-15.5,14.18-34.94,21.28-54.38,21.28Zm-375-87.88c13.68,0,27.36,4.99,38.27,14.98l16.1,14.74c11.76,10.76,29.49,10.76,41.25,0,31-28.37,77.75-28.37,108.75,0,11.76,10.76,29.49,10.76,41.25,0,31-28.37,77.75-28.37,108.75,0,11.76,10.76,29.49,10.76,41.25,0l16.1-14.74c21.82-19.97,54.73-19.97,76.55,0,.8.73,3.24,2.97,7.09,1.27,1.73-.76,4.63-2.76,4.63-7.61V170.67c0-37.05,0-55.65-4.02-67.89-7.5-22.86-25.14-41.08-47.18-48.75-11.59-4.03-30.67-4.03-65.3-4.03H166.5c-34.64,0-53.72,0-65.31,4.03-22.04,7.67-39.67,25.89-47.18,48.75-4.02,12.24-4.02,30.83-4.02,67.89v466.8c0,4.85,2.9,6.85,4.63,7.61,3.85,1.7,6.29-.54,7.09-1.27,10.91-9.98,24.59-14.98,38.27-14.98Z" style="fill:#fff; stroke-width:0px;"/><path d="m289.29,383.33c-7.12,0-13.9-3.04-18.65-8.35l-47.62-53.33c-9.2-10.3-8.3-26.1,2-35.3s26.1-8.3,35.3,2l28.97,32.45,100.4-112.45c9.2-10.3,25-11.19,35.3-2,10.3,9.2,11.19,25,2,35.3l-119.05,133.33c-4.74,5.31-11.53,8.35-18.65,8.35Z" style="fill:#fff; stroke-width:0px;"/><path d="m475,500H175c-13.81,0-25-11.19-25-25s11.19-25,25-25h300c13.81,0,25,11.19,25,25s-11.19,25-25,25Z" style="fill:#fff; stroke-width:0px;"/></svg></div> 
								<div class="btn-rect__text">Payment System</div></div></a> 
								<a class="btn-rect tab2">
								<div class="btn-rect-inner">
								<div class="btn-rect__icon">
								<svg width="18" height="18" viewBox="0 0 716.67 683.34"><path d="m291.67,283.34h-133.33c-13.81,0-25-11.19-25-25s11.19-25,25-25h133.33c13.81,0,25,11.19,25,25s-11.19,25-25,25Z" style="fill:#fff; stroke-width:0px;"/><path d="m652.78,516.67h-86.75c-73.17,0-132.69-56.08-132.69-125s59.53-125,132.69-125h86.75c3.17,0,4.91,0,6.83.11,30.41,1.86,54.87,25.19,56.93,54.28.14,1.98.14,3.76.14,6.72v127.78c0,2.96,0,4.74-.14,6.7-2.06,29.11-26.52,52.44-56.89,54.29-1.96.12-3.7.12-6.86.12Zm-86.75-200c-45.6,0-82.69,33.64-82.69,75s37.1,75,82.69,75h86.75c1.76,0,3.43,0,3.86-.03,5.3-.32,9.72-3.79,10.01-7.89.01-.32.01-1.78.01-3.19v-127.78c0-1.41,0-2.87-.02-3.28-.28-4.01-4.7-7.48-10.05-7.81-.39-.02-2.06-.02-3.82-.02h-86.75Z" style="fill:#fff; stroke-width:0px;"/><path d="m391.67,683.34h-100c-64.83,0-111.67,0-149.63-5.1-43.46-5.84-72.96-18.57-95.66-41.27-22.7-22.7-35.43-52.2-41.27-95.66C0,503.34,0,456.5,0,391.67s0-111.67,5.1-149.63c5.84-43.46,18.57-72.96,41.27-95.66,22.7-22.7,52.2-35.43,95.66-41.27,37.97-5.1,84.81-5.1,149.63-5.1h100c64.83,0,111.67,0,149.63,5.1,43.46,5.84,72.96,18.57,95.66,41.27,34.06,34.06,42.54,80.45,45.19,144.26l-49.96,2.07c-2.54-61.14-10.83-91.22-30.58-110.97-31.73-31.73-91.29-31.73-209.94-31.73h-100c-118.65,0-178.21,0-209.94,31.73-31.73,31.73-31.73,91.29-31.73,209.94s0,178.21,31.73,209.93c31.73,31.73,91.29,31.73,209.94,31.73h100c118.65,0,178.21,0,209.94-31.73,19.76-19.76,28.05-49.83,30.59-110.97l49.96,2.07c-2.65,63.81-11.13,110.2-45.19,144.26-22.7,22.7-52.2,35.43-95.66,41.27-37.97,5.1-84.81,5.1-149.63,5.1Z" style="fill:#fff; stroke-width:0px;"/><path d="m524.98,150.01c-4.75,0-9.54-1.35-13.79-4.17l-124.52-82.56c-26.5-17.57-63.51-17.57-90,0l-124.52,82.56c-11.51,7.63-27.02,4.49-34.65-7.02-7.63-11.51-4.49-27.02,7.02-34.65l124.52-82.56c43.44-28.81,101.82-28.81,145.27,0l124.52,82.56c11.51,7.63,14.65,23.14,7.02,34.65-4.81,7.26-12.76,11.19-20.86,11.19Z" style="fill:#fff; stroke-width:0px;"/><path d="m558.34,425h-.3c-18.41,0-33.33-14.92-33.33-33.33s14.92-33.33,33.33-33.33h.3c18.41,0,33.33,14.92,33.33,33.33s-14.92,33.33-33.33,33.33Z" style="fill:#fff; stroke-width:0px;"/></svg></div> 
								<div class="btn-rect__text">Payment Account</div></div></a>
								</div>
								{/if}
								
                                <div class="frame tab1">
                                    <div class="frame-line"></div>
                                    <div class="frame-inner">
                                        <div class="flex">
                                            <div class="form-item__icon"><svg width="67" height="68" viewBox="0 0 67 68" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M45.216.5a9.5 9.5 0 0 1 7.153 3.249l11.784 13.485a9.5 9.5 0 0 1 2.347 6.251v21.052a9.5 9.5 0 0 1-2.322 6.223L52.506 64.223a9.5 9.5 0 0 1-7.178 3.277H21.672a9.5 9.5 0 0 1-7.178-3.277L2.822 50.76A9.5 9.5 0 0 1 .5 44.537V23.44a9.5 9.5 0 0 1 2.297-6.194l11.56-13.44A9.5 9.5 0 0 1 21.559.5h23.657Z" stroke="#fff" stroke-opacity=".2" />
                                                    <circle cx="1" cy="1" r="1" fill="#fff" />
                                                    <circle cx="66" cy="1" r="1" fill="#fff" />
                                                    <circle cx="1" cy="67" r="1" fill="#fff" />
                                                    <circle cx="66" cy="67" r="1" fill="#fff" />
                                                    <g clip-path="url(#clip0_118_22004)">
                                                        <path d="M39.333 39.333a4 4 0 1 1 0 8 4 4 0 0 1 0-8ZM26 34a5.332 5.332 0 0 1 5.333 5.333A5.332 5.332 0 0 1 26 44.667a5.332 5.332 0 0 1-5.334-5.334A5.332 5.332 0 0 1 26 34Zm13.333 8a1.334 1.334 0 1 0 .001 2.668 1.334 1.334 0 0 0 0-2.668ZM26 36.667A2.666 2.666 0 1 0 26 42a2.666 2.666 0 1 0 0-5.333Zm11.333-16A7.333 7.333 0 0 1 44.667 28a7.333 7.333 0 0 1-7.334 7.333A7.333 7.333 0 0 1 30 28a7.333 7.333 0 0 1 7.333-7.333Zm0 2.666a4.667 4.667 0 1 0 0 9.334 4.667 4.667 0 0 0 0-9.334Z" fill="#fff" />
                                                    </g>
                                                    <defs>
                                                        <clipPath id="clip0_118_22004">
                                                            <path fill="#fff" d="M18 18h32v32H18z" />
                                                        </clipPath>
                                                    </defs>
                                                </svg></div>
                                            <div class="v-form-control">
                                                <div class="info-item">
                                                    <div class="info-item__decor"></div>
                                                    <div class="select-control select-payment big">
                                                        <input type="hidden" name="payment" v-model="selectedPsId">
                                                        <div class="select-wrapper">
                                                            <div class="select-control__selected notranslate" translate="no">
                                                                <div class="item" data-item="1">
                                                                    <div class="item-icon {if $p_id_default == "48" || $p_id_default=="1109" }icon--btc{elseif $p_id_default=="69" || $p_id_default=="1110" }icon--eth{elseif $p_id_default=="82" || $p_id_default=="1131" }icon--usdt{elseif $p_id_default=="92" || $p_id_default=="1130" }icon--usdt{elseif $p_id_default=="85" || $p_id_default=="1116" }icon--trx{elseif $p_id_default=="68" || $p_id_default=="1111" }icon--ltc{elseif $p_id_default=="94" || $p_id_default=="1127" }icon--bnb{elseif $p_id_default=="79" || $p_id_default=="1120" }icon--doge{elseif $p_id_default=="72" || $p_id_default=="1121" }icon--xrp{else}icon--usd{/if}"></div>
                                                                    <div class="item-name">{$p_name_default|default:'None'}</div>
                                                                </div>
                                                            </div>
                                                            <div class="select-control__list notranslate" translate="no">
															{if $check_page == 1}
															{else}
															   {section name=p loop=$ps}
                                                                <div class="item" data-item="{$ps[p].id}" data-id="process_{$ps[p].id}" data-name="{$ps[p].name}">
                                                                    <div class="item-icon {if $ps[p].id == "48" || $ps[p].id=="1109" }icon--btc{elseif $ps[p].id=="69" || $ps[p].id=="1110" }icon--eth{elseif $ps[p].id=="82" || $ps[p].id=="1131" }icon--usdt{elseif $ps[p].id=="92" || $ps[p].id=="1130" }icon--usdt{elseif $ps[p].id=="85" || $ps[p].id=="1116" }icon--trx{elseif $ps[p].id=="68" || $ps[p].id=="1111" }icon--ltc{elseif $ps[p].id=="94" || $ps[p].id=="1127" }icon--bnb{elseif $ps[p].id=="79" || $ps[p].id=="1120" }icon--doge{elseif $ps[p].id=="72" || $ps[p].id=="1121" }icon--xrp{else}icon--usd{/if}"></div>
                                                                    <div class="item-name">{$ps[p].name}</div>
                                                                </div>
																{/section}
															{/if}	
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="info-item__decor right"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="frame-line"></div>
                                </div>
								
								{if $p_name_second|default:'None' != 'None'}
								 <div class="frame tab2">
                                    <div class="frame-line"></div>
                                    <div class="frame-inner">
                                        <div class="flex">
                                            <div class="form-item__icon"><svg width="67" height="68" viewBox="0 0 67 68" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M45.216.5a9.5 9.5 0 0 1 7.153 3.249l11.784 13.485a9.5 9.5 0 0 1 2.347 6.251v21.052a9.5 9.5 0 0 1-2.322 6.223L52.506 64.223a9.5 9.5 0 0 1-7.178 3.277H21.672a9.5 9.5 0 0 1-7.178-3.277L2.822 50.76A9.5 9.5 0 0 1 .5 44.537V23.44a9.5 9.5 0 0 1 2.297-6.194l11.56-13.44A9.5 9.5 0 0 1 21.559.5h23.657Z" stroke="#fff" stroke-opacity=".2" />
                                                    <circle cx="1" cy="1" r="1" fill="#fff" />
                                                    <circle cx="66" cy="1" r="1" fill="#fff" />
                                                    <circle cx="1" cy="67" r="1" fill="#fff" />
                                                    <circle cx="66" cy="67" r="1" fill="#fff" />
                                                    <g clip-path="url(#clip0_118_22004)">
                                                        <path d="M39.333 39.333a4 4 0 1 1 0 8 4 4 0 0 1 0-8ZM26 34a5.332 5.332 0 0 1 5.333 5.333A5.332 5.332 0 0 1 26 44.667a5.332 5.332 0 0 1-5.334-5.334A5.332 5.332 0 0 1 26 34Zm13.333 8a1.334 1.334 0 1 0 .001 2.668 1.334 1.334 0 0 0 0-2.668ZM26 36.667A2.666 2.666 0 1 0 26 42a2.666 2.666 0 1 0 0-5.333Zm11.333-16A7.333 7.333 0 0 1 44.667 28a7.333 7.333 0 0 1-7.334 7.333A7.333 7.333 0 0 1 30 28a7.333 7.333 0 0 1 7.333-7.333Zm0 2.666a4.667 4.667 0 1 0 0 9.334 4.667 4.667 0 0 0 0-9.334Z" fill="#fff" />
                                                    </g>
                                                    <defs>
                                                        <clipPath id="clip0_118_22004">
                                                            <path fill="#fff" d="M18 18h32v32H18z" />
                                                        </clipPath>
                                                    </defs>
                                                </svg></div>
                                            <div class="v-form-control">
                                                <div class="info-item">
                                                    <div class="info-item__decor"></div>
                                                    <div class="select-control select-payment big">
                                                        <input type="hidden" name="payment" v-model="selectedPsId">
                                                        <div class="select-wrapper">
                                                            <div class="select-control__selected notranslate" translate="no">
                                                                <div class="item" data-item="1">
                                                                    <div class="item-icon {if $p_id_second == "48" || $p_id_second=="1109" }icon--btc{elseif $p_id_second=="69" || $p_id_second=="1110" }icon--eth{elseif $p_id_second=="82" || $p_id_second=="1131" }icon--usdt{elseif $p_id_second=="92" || $p_id_second=="1130" }icon--usdt{elseif $p_id_second=="85" || $p_id_second=="1116" }icon--trx{elseif $p_id_second=="68" || $p_id_second=="1111" }icon--ltc{elseif $p_id_second=="94" || $p_id_second=="1127" }icon--bnb{elseif $p_id_second=="79" || $p_id_second=="1120" }icon--doge{elseif $p_id_second=="72" || $p_id_second=="1121" }icon--xrp{else}icon--usd{/if}"></div>
                                                                    <div class="item-name">{$p_name_second|default:'None'} Account</div>
                                                                </div>
                                                            </div>
                                                            <div class="select-control__list notranslate" translate="no">
															  
															   {section name=p loop=$ps}
															   {if $ps[p].balance > 0 and $ps[p].status == 1}
															    
                                                                <div class="item" data-item="{$ps[p].id}" data-id="account_{$ps[p].id}" data-name="{$ps[p].name}">                                                                   
 																    <div class="item-icon {if $ps[p].id == "48" || $ps[p].id=="1109" }icon--btc{elseif $ps[p].id=="69" || $ps[p].id=="1110" }icon--eth{elseif $ps[p].id=="82" || $ps[p].id=="1131" }icon--usdt{elseif $ps[p].id=="92" || $ps[p].id=="1130" }icon--usdt{elseif $ps[p].id=="85" || $ps[p].id=="1116" }icon--trx{elseif $ps[p].id=="68" || $ps[p].id=="1111" }icon--ltc{elseif $ps[p].id=="94" || $ps[p].id=="1127" }icon--bnb{elseif $ps[p].id=="79" || $ps[p].id=="1120" }icon--doge{elseif $ps[p].id=="72" || $ps[p].id=="1121" }icon--xrp{else}icon--usd{/if}"></div>
                                                                    <div class="item-name">{$ps[p].name} Account</div>                                                                   
																	<div class="item-balance">
                                                                    {$ps[p].balance|fiat:$p.ec}
                                                                    </div>
																</div>																
																{/if}
																{/section}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="info-item__decor right"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="frame-line"></div>
                                </div>
								{/if}
								
                            </div>                            
                            <div class="invest-step">
                                <div class="caption-wrapper">
                                    <div class="caption"><span>0.3</span> Deposit amount</div>
                                    <div class="caption-decor"></div>
                                </div>
                                <div class="frame">
                                    <div class="frame-line"></div>
                                    <div class="frame-inner">
                                        <div class="flex">
                                            <div class="form-item__icon">
                                                <div class="border-dot">
                                                    <div class="border-dot__top"></div>
                                                    <div class="border-dot__content" id="sum-icon">
                                                        <div class="{if $p_id_default == "48" || $p_id_default=="1109" }icon--btc{elseif $p_id_default=="69" || $p_id_default=="1110" }icon--eth{elseif $p_id_default=="82" || $p_id_default=="1131" }icon--usdt{elseif $p_id_default=="92" || $p_id_default=="1130" }icon--usdt{elseif $p_id_default=="85" || $p_id_default=="1116" }icon--trx{elseif $p_id_default=="68" || $p_id_default=="1111" }icon--ltc{elseif $p_id_default=="94" || $p_id_default=="1127" }icon--bnb{elseif $p_id_default=="79" || $p_id_default=="1120" }icon--doge{elseif $p_id_default=="72" || $p_id_default=="1121" }icon--xrp{else}icon--usd{/if}"></div>
                                                    </div>
                                                    <div class="border-dot__bottom"></div>
                                                </div>
                                            </div>
                                            <div class="v-form-control">
                                                <div class="info-item">
                                                    <div class="info-item__decor"></div>                                                   
                                                    <input type="text" name=amount value='{$frm.amount|default:$min_deposit|amount_format}'>
                                                    <div class="info-item__decor right"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="frame-line"></div>
                                </div>
                            </div>
                        </div>
                        <div class="line-bg-btn">
                            <button class="btn" type=submit>
                                <div class="btn-bg">
                                    <div class="btn-text">Create a deposit</div>
                                </div>
                            </button>
                        </div>
						</form>
						
                    </div>
                </div>
            </div>

            {include file="account_footer.tpl"}
			
        </div>
    </div>

    {include file="account_footer_scripts.tpl"}
	
	

{literal}	
<script>
const items = document.querySelectorAll('.select-control__list.notranslate .item');

items.forEach(item => {
    item.addEventListener('click', function () {
        
        const dataId = item.getAttribute('data-id');
               
        document.getElementById('type_pay').value = dataId;
    });
});
</script>
{/literal}

{if $p_name_second|default:'None' != 'None'}
{literal}
<script>
document.addEventListener('DOMContentLoaded', function() {
  const tab1 = document.querySelector('.tab1');
  const tab2 = document.querySelector('.tab2');
  const frame1 = document.querySelector('.frame.tab1');
  const frame2 = document.querySelector('.frame.tab2');
  const paymentRexService = document.getElementById('payment_rex_service');

  tab1.addEventListener('click', () => {
    if (!tab1.classList.contains('active')) {
      tab1.classList.add('active');
      tab2.classList.remove('active');
      frame1.style.display = 'block';
      frame2.style.display = 'none';

      // Update the button classes
      const tab1Inner = tab1.querySelector('.btn-rect-inner');
      const tab2Inner = tab2.querySelector('.btn-rect-inner');
      tab1Inner.classList.add('stripe-highlight');
      tab2Inner.classList.remove('stripe-highlight');
    }
  });

  tab2.addEventListener('click', () => {
    if (!tab2.classList.contains('active')) {
      tab2.classList.add('active');
      tab1.classList.remove('active');
      frame2.style.display = 'block';
      frame1.style.display = 'none';

      // Update the button classes
      const tab1Inner = tab1.querySelector('.btn-rect-inner');
      const tab2Inner = tab2.querySelector('.btn-rect-inner');
      tab2Inner.classList.add('stripe-highlight');
      tab1Inner.classList.remove('stripe-highlight');
    }
  });
});
</script>
{/literal}
{/if}

<script>
                var modalCodeError = document.getElementById("modal_code_error");
               
                var closeElements = document.querySelectorAll(".modal_error");
               
                closeElements.forEach(function(element) {
                    element.addEventListener("click", function() {
                        
                        modalCodeError.style.display = "none";
                       
                        document.body.removeAttribute("style");
						window.location.href = "?a=deposit";
                    });
                });

</script>
	
</body>

</html>
