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

{% block title %} Confirm Deposit {% endblock title %}

{% block content %}
<br><br><br><br><br>
<!-- Start About Area -->
<section class="about-area ptb-100 bg-f8f8f8" style="background: transparent;">
    <div class="container">
<div class="log-reg">
<div class="row">

<form method=post action="{% url 'userdashboard:process_deposit' %}" name=mainform>

<div class="mb-3 form-form">
  {% if current_amount > 0 %}
    <small class="text-warning">Note: you have balance that's already accumulating. If you proceed to make this payment, It will be added to the current balance and your accumulation will start the day the deposit is confirmed! Or you may consider reinvesting the current balance</small>
  {% endif %}
<h3 class="text-center" style="color: #eee;">Confirm Deposit</h3>
</div>
{% csrf_token %}
<br />
{% if messages %} 
  {% for msg in messages %}
  <div class="alert alert-danger text-center" role="alert">
    {{ msg }}
  </div>
  {% endfor %} 
{% endif %}
<div class="mb-3 form-form">

<label for="">Selected Plan</label>
<input type="text"  name="plan_type" value="{{ plan_type }}" class="form-control" size=30 autofocus="autofocus" readonly>
</div>

<div class="mb-3 form-form">
<label for="">Payment Method</label>
<input type="text" name="payment_method" value="{{ coin_type }}" class="form-control" size=30 readonly>
</div>

<div class="mb-3 form-form">
  <label for="">Amount to Invest</label>
  <input type="number" name="amount" value="{{ amount }}" class="form-control" size=30 readonly>
  </div>

  <div class="mb-3 form-form">
    <label for="">Percentage Earning</label>
    <input type="text" name="percentage" value="{{ percentage }}" class="form-control" size=30 readonly>
    </div>

<div class="mb-3 form-form">

</div>
<input type=submit value="Submit" class="default-btn">

</form>
<br><br>
<p class='text-warning'><a href="{% url 'userdashboard:make-deposit-from-account' %}" style="color: #fff">RE-INVEST BALANCE?</a></p>
</div>
</div>
    </div>
</section>
{% endblock content %}