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

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

{% block content %}
<style>
    .container {
        display: flex;
        gap: 10px;
    }
    
    input {
        padding: 10px;
        font-size: 16px;
    }
    
    button {
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 5px;
    }
    
    button:hover {
        background-color: #45a049;
    }
</style>

 <!--Page Title-->
 <section class="page-title style-three centred"
 style="background-image: url(../../../static/media.istockphoto.com/id/1311598658/photo/istockphoto-1311598658-612x6120067.jpg?s=612x612&amp;w=0&amp;k=20&amp;c=HYlIJ1VFfmHPwGkM3DtVIFNLS5ejfMMzEQ81ko534ak=);">
 <div class="auto-container">
     <div class="content-box clearfix">
         <h1>Deposit saved</h1>
         <ul class="bread-crumb clearfix">
             <li><a href="{% url 'userdashboard:user_profile' %}">Dashboard</a></li>
             <li>Deposit Saved. Copy Wallet to make payment</li>
         </ul>
     </div>
 </div>
</section>
<!--End Page Title-->


<!-- sidebar-page-container -->
<section class="sidebar-page-container">
 <div class="auto-container">
     <div class="row clearfix">
         <div class="col-lg-8 col-md-12 col-sm-12 content-side">
             <div class="blog-details-content">
                 <figure class="image-box">
                     <img src="https://res.cloudinary.com/daniela1/image/upload/v1736667652/trustoption_logo_j1wvqi.png" alt="">
                 </figure>
                 <div class="inner-box">
                     <div class="text" style="color: black">
                          <h2>Deposit Saved. Copy Wallet to make payment</h2>

                          <b>YOUR TRANSACTION HAS BEEN SAVED. COPY THE WALLET ADDRESS TO MAKE YOUR  ${{amount}} Worth of {{ style|title }} PAYMENT</b>
                            <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>
                            <b>Wallet:</b>
                            <div class="container">
                            <input type="text" id="inputField" value="{{admin_wallet}}">
                            <button id="copyButton">Copy Wallet</button>
                            </div>
                     </div>

                 </div>


             </div>
         </div>
     </div>
 </div>
</section>
<!-- sidebar-page-container end -->

{% endblock content %}