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

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

{% block content %}

<div class="referralwrap">
  <div class="content">
    <div class="icon bounceInDown wow"><img src="{% static 'styles/images/signupround.png' %}" alt=""></div>
    <h3>Copy Wallet Address To Make Payment</h3>
    <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" %}
    {% comment %} <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" > {% endcomment %}

      <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>


  <!-- 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 %}