{% include 'header.twig' %}
<br> <br>

{% if user['auth'] %}

{% else %}
	<style>
		@media (max-width: 991.98px) {
			.main-top {padding: 0px 0 40px 0!important}
		}
        .lgn-btn {display: none!important}
      
      	@media (min-width: 1199.98px) {
      		.main-top { padding: 400px 0 40px 0}
      		.app-content { margin-top: -300px }
      	}
	</style>
	
    <div class="main-top">
        <div class="main-top-bg"></div>
	</div>
{% endif %}
      <div class="content">
        <!-- page and other top info -->
        <div id="page_info">

        </div>
        <!-- // page and other top info -->


  <div class="container-fluid">
      <div class="row">
          <div class="col-md-8">              
          <div class="card card_v2 mb-4">
            <div class="card-body">
                <h6 class="text-center text-bold">
                  How to transfer account balance to another account on {{ site["site_name"]  }}
                </h6>
                <div class="text-center">
                  <a href="https://youtu.be/vUw5Tk-D88M?si=OhfPwOk1of7ONfxN" target="_blank" class="btn btn-primary" style="padding: 10px 30px; font-size:16px;">WATCH VIDEO</a>
                </div>
            </div>
          </div> 
	<div class="app-content">
	    <div class="card card_v2 mb-4" style="padding:30px">
      {% if user['auth'] %}
          <div class="container-fluid">
      {% else %}
          <div class="container">
      {% endif %}
               <section class="app-childs">
                  <div class="row">
                     <div class="col-lg-12 col-12 mb-lg-0">
								 <div class="d-card h-100">
								<div class="d-card-head">
									 <div class="dch-icon">
										<i class="fal fa-exchange"></i>
									 </div>
									 {{ lang['transferfunds.bank.transferToFriends'] }}
								  </div>
									<div class="d-card-body">	
									<h4>{{ lang['transferfunds.bank.transferToFriendsSmall'] }}</h4>
        {% if (error) %}
          <div class="alert alert-dismissible alert-danger">
            <button type="button" class="close" data-dismiss="alert">×</button>
            {{ errorText }}
          </div>
        {% endif %}
        {% if success or success_msg %}
          <div class="alert alert-dismissible alert-success">
            <button type="button" class="close" data-dismiss="alert">×</button>
            {{ successText ?? success_msg }}
          </div>
        {% endif %}
		
              <form method="post" action="transferfunds">
    
      <div class="form-group">
                      <label for="method" class="control-label">username</label>
                      <input class="form-control" name="username" placeholder="{{ lang['smmspot.transferfunds.payment.telephone.title'] }}"  required value="{{ data['username'] }}">
                  </div>
                  
                  <div class="form-group">
                      <label for="method" class="control-label">{{ lang['transferfunds.amount'] }}</label>
                      <input class="form-control" name="amount" value="{{ data['amount'] }}">
                  </div>

                <button type="submit" class="btn btn-primary d-block w-100" onclick="this.disabled=true;this.innerHTML='Wait...';this.form.submit();">Transfer</button>
              </form>

									</div>
							</div>
						</div>
					</div>
               </section>
            </div>
         </div>
      </div>
  </div>

{% include 'footer.twig' %}