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

{% block title %} Make Deposit {% 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>Access Your Dashboard?</p>
              <a class="btn get-started-btn text-dark" href="{% url 'userdashboard:user_profile' %}">DASHBOARD</a>
            </div>





            <form method=post action="{% url 'userdashboard:make_deposit' %}" name=mainform>
              <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 %}
              <br />
              {% 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">Welcome</h3>
              <p class="mr-auto">Select Plans, Cryptocurrency and Amount to Deposit</p>


              <div class="form-group">
                <label class="form-control-label">Choose Plan of Deposit: <span class="text-danger">*</span></label>
                <div class="input-group">
                  {% render_field deposit_form.plan_type class="form-control" placeholder="Select Plan" %}
                </div>
              </div>

              <div class="form-group">
                <label class="form-control-label">Choose Payment Method of Deposit: <span class="text-danger">*</span></label>
                <div class="input-group">
                  {% render_field deposit_form.last_coin_paid class="form-control" placeholder="PAYMENT METHOD" %}
                </div>
              </div>

              <div class="form-group">
                <label class="form-control-label">Amount to Spend ($) <span class="tx-danger">*</span></label>
                <div class="input-group">
                  <input type="number" class="form-control" name="amount" value="50"><br><br>
                </div>
              </div>

              <p class='text-warning'><a href="{% url 'zeeprimeapp:investment_plans' %}">View Investment Plans?</a></p>
              <div class="form-group">
                <button type="submit" name="login" class="btn btn-block myBtn-custom">PROCEED <i
                    class="fa fa-sign-in"></i></button>
              </div>
              <p class='text-warning'><a href="{% url 'userdashboard:make-deposit-from-account' %}">RE-INVEST BALANCE?</a></p>

              <div class="wrapper mt-2 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>
{% endblock content %}