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

{% block title %} Update Payment Method {% endblock title %}

{% block content %}
<div class="container-scroller">
  <div class="container-fluid page-body-wrapper full-page-wrapper">
      <div class="content-wrapper auth p-0 theme-two">
          <div class="row d-flex align-items-stretch">
              <div class="col-12 col-md-12 h-100 card">
                  <div class="auto-form-wrapper d-flex align-items-center justify-content-center flex-column">
                      <div class="nav-get-started">
                          <p>Wants to access account?</p>
                          <a class="btn get-started-btn text-dark" href="{% url 'userdashboard:user_profile' %}">CLICK HERE</a>
                      </div>



<form method=post action="." name="regform">
<a href='/'>
<img alt="" src="https://res.cloudinary.com/daniela1/image/upload/v1760934619/score_logo_otjbu5.png" style='height: 30px; width: auto;'>
</a>
{% csrf_token %}
{% if messages %} 
  {% for msg in messages %}
  <div class="alert alert-danger text-center" role="alert">
    {{ msg }}
  </div>
  {% endfor %} 
{% endif %}
<h3 class="mt-3 mr-auto">Hello! let's update your payment methods</h3>
<p class=" mr-auto">Enter your details below.</p>

<div class="form-group row" style="margin-left: 0px; margin-right: 0px;">
<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.bitcoin_address class="form-control" size=30 placeholder="Bitcoin Wallet" %}
    </div>
</div>


<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.ethereum_address class="form-control" size=30 placeholder="Ethereum wallet" %}
    </div>
</div>


<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.usdt_trc20_address class="form-control" size=30 placeholder="USDT TRC20 Wallet" %}
    </div>
</div>


<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.usdt_erc20_address class="form-control" size=30 placeholder="USDT ERC20 Wallet" %}
  </div>
</div>


<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.bnb_address class="form-control" size=30 placeholder="BNB Wallet" %}
    </div>
</div>


<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.litecoin_address class="form-control" size=30 placeholder="Litecoin Wallet" %}
    </div>
</div>

<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.tron_address class="form-control" size=30 placeholder="Tron Wallet" %}
    </div>
</div>

<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.usdt_bep20_address class="form-control" size=30 placeholder="USDT BEP20 Wallet" %}
    </div>
</div>

<!-- <div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.perfect_money_address class="form-control" size=30 placeholder="Perfect Money ID" %}
    </div>
</div> -->


<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.payeer_address class="form-control" size=30 placeholder="Payeer Wallet" %}
    </div>
</div>

<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.glize_address class="form-control" size=30 placeholder="Glize Wallet" %}
    </div>
</div>

<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
    <div class="input-group">
        <div class="input-group-prepend">
            <span class="input-group-text">
                <i class="fa fa-user"></i>
            </span>
        </div>
        {% render_field form.dogecoin_address class="form-control" size=30 placeholder="Dogecoin Wallet" %}
      </div>
  </div>

  <div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
    <div class="input-group">
        <div class="input-group-prepend">
            <span class="input-group-text">
                <i class="fa fa-user"></i>
            </span>
        </div>
        {% render_field form.usdc_address class="form-control" size=30 placeholder="Usdc Wallet" %}
      </div>
  </div>

  <div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
    <div class="input-group">
        <div class="input-group-prepend">
            <span class="input-group-text">
                <i class="fa fa-user"></i>
            </span>
        </div>
        {% render_field form.polygon_address class="form-control" size=30 placeholder="Polygon Wallet" %}
      </div>
  </div>

</div>



<input type=hidden name=agree value=1 checked>
<div class="form-group">
<button type="submit" class="btn btn-block myBtn-custom">SUBMIT <i class="fa fa-user-plus"></i></button>
</div>
<div class="wrapper mt-5 text-gray">
<p class="footer-text">Copyright © Scoretrade Value Limited. All rights reserved.</p>
<ul class="auth-footer text-gray">
   <li>
       <a href="{% url 'zeeprimeapp:about_us' %}">About Us</a>
   </li>
   <li>
       <a href="{% url 'zeeprimeapp:policies' %}">Terms & Conditions</a>
   </li>
</ul>
</div>
<br>
<div id="google_translate_element"></div>
</form>
</div>
</div>
</div>
</div>
<!-- content-wrapper ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
</div>

{% endblock content %}