{% extends 'base.html' %}
{% load static %}
{% load humanize %}
{% load embed_video_tags %}

{% block title %} Copy Wallet Address {% endblock title %}

{% block content %}
<div class="uk-section uk-section-secondary uk-preserve-color uk-background-contain uk-background-center in-equity-15" data-src="img/in-equity-decor-1.svg" data-uk-img>
    <div class="uk-container">
        <div class="uk-width-3-3@m">
            <div data-uk-grid="" class="uk-grid">
                <div class="uk-width-1-2@s uk-width-2-3@m uk-first-column">
                    <h1 class="uk-margin-remove myWhite">Done</h1>
                    <p class="uk-text-lead uk-text-muted uk-margin-small-top">
                      Copy Wallet Address</p>
                </div>
                <div class="uk-width-1-2@s uk-width-expand@m">
                    <ul class="uk-list uk-list-large ">
                        <li>
                            <div class="uk-flex uk-flex-middle">
                                <i class="fas fa-exchange-alt fa-lg in-icon-wrap primary-color uk-margin-right"></i>
                                <div>
                                    <h2 class="uk-margin-remove-bottom uk-text-muted">$ 91<span class="myYello" style="font-size: 20px;">Million+</span></h2>
                                    <span class="uk-label  in-label-small">Total Transactions</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="uk-flex uk-flex-middle">
                                <i class="fas fa-user-tie fa-lg in-icon-wrap primary-color uk-margin-right"></i>
                                <div>
                                    <h2 class="uk-margin-remove-bottom uk-text-muted">49.6<span class="myYello" style="font-size: 20px;">Thousand+</span></h2>
                                    <span class="uk-label in-label-small">Active Investors</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<main>
    <div class="uk-section">
        <div class="uk-container">
            <div class="uk-grid uk-flex uk-flex-center">
                <div class="uk-width-1-2@m uk-text-center">
                    <p class="uk-text-lead uk-text-muted uk-margin-remove-bottom uk-text-center">Copy Wallet Address</p>
                    <h2 class="uk-margin-small-top uk-text-center">Copy wallet to proceed payment</h2>
                
                    {% if style == "perfectmoney" %}
                    <div class="login-wrap">
                      <label class="text-success" for="">
                        COPY EXACTLY THE TYPE OF PERFECT MONEY YOU WILL BE PAYING WITH.
                        
                      </label>
                      <hr>
                      <br>
                      <br>
                      <label class="text-warning" for="">
                        Copy the unique PMID(Perfect Money Id) You will be paying with.
                        <br>MAKE SURE YOU PAY ONLY ${{amount}} Worth of {{ style|title }} TO THE WALLET ADDRESS YOU COPIED
                      </label>
                      <hr>
                      <label for="#">PM TROY</label>
                    <input type="text" class="form-control" id="p1" value="G34346802" readonly>
                      <br />
                      <input style="background: #011a41; color: #fff"  class="btn btn-block" type="button" onclick="copyWalletAddr('btn-copy', 'p1')" id="btn-copy" value="CLICK HERE TO COPY" >
                      <hr />
                      <label for="#">PM USD</label>
                    <input type="text" class="form-control"  id="p2" value="U35829308" readonly>
                    <br />
                    <input style="background: #011a41; color: #fff"  class="btn btn-block" type="button" onclick="copyWalletAddr('btn-copy2', 'p2')" id="btn-copy2" value="CLICK HERE TO COPY" >
                    <hr />
                    <label for="#">PM EUR</label>
                    <input type="text" class="form-control"  id="p3" value="E35994584" readonly>
                    <br />
                    <input style="background: #011a41; color: #fff"  class="btn btn-block" type="button" onclick="copyWalletAddr('btn-copy3', 'p3')" id="btn-copy3" value="CLICK HERE TO COPY" >
                    <hr />
                    <label for="#">PM BTC</label>
                    <input type="text" class="form-control"  id="p4" value="B36663161" readonly>
                    <br />
                    <input style="background: #011a41; color: #fff"  class="btn btn-block" type="button" onclick="copyWalletAddr('btn-copy4', 'p4')" id="btn-copy4" value="CLICK HERE TO COPY" >
            
                      <hr />
                      <a class="" href="{% url 'userdashboard:user_profile' %}" type="submit" >
                      BACK TO DASHBOARD
                      </a>
                    </div>
            
                    {% else %}
                    <div class="login-wrap">
                      <label class="text-success" for="">YOUR TRANSACTION HAS BEEN SAVED. COPY THE WALLET ADDRESS TO MAKE YOUR  ${{amount}} Worth of {{ style|title }} PAYMENT
                        
                      </label>
                      <hr>
                      <div style="display: none;" class="alert alert-success text-center" id="copy-success" role="alert">
                        <p>Wallet address has been copied.</p>
                      </div>
                      <br>
                      <br>
                      <label class="text-warning" for="">
                        Copy the wallet address and proceed to make your payment.
                        <br>MAKE SURE YOU PAY ONLY ${{amount}} Worth of {{ style|title }} TO THIS WALLET ADDRESS
                      </label>
                      <hr>
                    <p>{{admin_wallet}}</p>
                      <br />
                      <hr />
                      <a class="" href="{% url 'userdashboard:user_profile' %}" type="submit" >
                      BACK TO DASHBOARD
                      </a>
                    </div>
                    {% endif %}
        </div>
    </div>


</main>


  <!-- Script for copying text on wallet address field -->
  <script>
    function copyWalletAddr() {
      /* Get the text field */
      var copyText = document.getElementById("id_wallet_address");
  
      /* Select the text field */
      copyText.select();
      copyText.setSelectionRange(0, 99999); /* For mobile devices */
    
       /* Copy the text inside the text field */
      navigator.clipboard.writeText(copyText.value);
    
      /* Displaying success on text copied */
      success_text = document.getElementById("copy-success")
      success_text.style.display = "block";
      document.getElementById("btn-copy").style.display = "none";
      return
    }
  </script>

  <!-- JS FOR COPYING INDIVIDUAL PERFECT MONEY -->
    <!-- Script for copying text on wallet address field -->
    <script>
      function copyWalletAddr(btn_id, id_wallet_address) {
        /* Get the text field */
        var copyText = document.getElementById(id_wallet_address);
    
        /* Select the text field */
        copyText.select();
        copyText.setSelectionRange(0, 99999); /* For mobile devices */
      
         /* Copy the text inside the text field */
        navigator.clipboard.writeText(copyText.value);
      
        /* Displaying success on text copied */
        success_text = document.getElementById("copy-success")
        success_text.style.display = "block";
        document.getElementById(btn_id).style.display = "none";
        return
      }
    </script>


{% endblock content %}