{% extends "base" %}

{% block content %}

<section id="main">
  <div class="container">
    <section id="header">
        <nav id="nav">
          <a href="/"><h1>Go Back</h1>
            <img src="//files.lzahq.tech/wow/WOW-Bux-720x435.png" width=250 />
          </a>
        </nav>
    </section>
    <div class="col-12">
      <section>
        <header class="major">
          <h2>Wallet Address</h2>

        </header>
        <div class="center qr_code">
          <img src="data:image/svg+xml;base64,{{ qr_code }}" width=200 class="center">
          <ul>
            <li><strong>Address</strong>: {{ wallet_address }}</li>
            <li><strong>Tx Amount</strong>: {{ qr_data.tx_amount }}</li>
            <li><strong>Tx Payment Id</strong>: {{ qr_data.tx_payment_id }}</li>
            <li><strong>Tx Description</strong>: {{ qr_data.tx_description }}</li>
            <li><strong>Recipient Name</strong>: {{ qr_data.recipient_name }}</li>
          </ul>
        </div>
        <div class="qr_form">
          <p>Want to generate a QR code for incoming payment?</p>
          <form action="" method="get">
            <input type="text" name="tx_amount" placeholder="Enter amount for transaction." value="{{ qr_data.tx_amount }}">
            <input type="text" name="tx_payment_id" placeholder="Enter a payment ID for transaction." value="{{ qr_data.tx_payment_id }}">
            <input type="text" name="tx_description" placeholder="Enter a description for the transaction." value="{{ qr_data.tx_description }}">
            <input type="text" name="recipient_name" placeholder="Enter the name of the recipient." value="{{ qr_data.recipient_name }}">
            <button type="submit" value="">Regenerate QR Code</button>
          </form>
        </div>
      </section>
    </div>
  </div>
</section>

{% endblock content %}