{% extends 'base.html' %}{% load static %}
{% block title %}Convert to USDT — Unity Nation{% endblock %}
{% block content %}
<div class="container pg-wrap" style="max-width:500px;margin:0 auto">
<div style="margin-bottom:18px"><a href="{% url 'merchant_dashboard' %}" style="color:var(--muted);font-size:.83rem;text-decoration:none;display:inline-flex;align-items:center;gap:5px"><i class="fas fa-arrow-left"></i>Merchant Dashboard</a></div>
<div style="display:flex;align-items:center;gap:13px;margin-bottom:22px">
  <div style="width:50px;height:50px;border-radius:13px;background:rgba(0,200,168,.15);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--teal)"><i class="fas fa-exchange-alt"></i></div>
  <div><h1 style="font-family:var(--ff);font-size:1.7rem;font-weight:700;letter-spacing:-.025em">Convert to USDT</h1><p style="color:var(--muted);font-size:.86rem">Convert your merchant earnings to USDT</p></div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:22px">
  <div style="background:linear-gradient(135deg,rgba(0,200,168,.1),rgba(0,200,168,.03));border:1px solid rgba(0,200,168,.22);border-radius:var(--r);padding:18px;text-align:center">
    <div style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px">Merchant Balance</div>
    <div style="font-family:var(--ff);font-size:1.7rem;font-weight:800;color:var(--teal)">${{ merchant.balance|floatformat:2 }}</div>
  </div>
  <div style="background:linear-gradient(135deg,rgba(245,200,66,.1),rgba(245,200,66,.03));border:1px solid rgba(245,200,66,.22);border-radius:var(--r);padding:18px;text-align:center">
    <div style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px">Weekly Limit</div>
    <div style="font-family:var(--ff);font-size:1.7rem;font-weight:800;color:var(--gold)">${{ merchant.weekly_limit|default:"500" }}</div>
  </div>
</div>

<div class="card">
  <form method="post" action="{% url 'convert_to_usdt' %}">{% csrf_token %}
    <div class="form-group">
      <label class="form-label"><i class="fas fa-wallet" style="color:var(--vlt);margin-right:5px"></i>USDT Wallet Address (BEP20)</label>
      <input type="text" name="wallet_address" class="form-control" placeholder="0x..." value="{{ user.usdt_address|default:'' }}" required>
    </div>
    <div class="form-group">
      <label class="form-label"><i class="fas fa-coins" style="color:var(--teal);margin-right:5px"></i>Amount (USD)</label>
      <input type="number" name="amount" class="form-control" placeholder="Minimum $20" step="0.01" min="20" required>
      <div class="form-help">Minimum $20 UNB · Weekly limit: ${{ merchant.weekly_limit|default:"500" }}</div>
    </div>
    <div style="background:rgba(245,200,66,.07);border:1px solid rgba(245,200,66,.2);border-radius:9px;padding:12px 15px;font-size:.8rem;color:var(--muted);margin-bottom:18px">
      <i class="fas fa-info-circle" style="color:var(--gold);margin-right:6px"></i>Conversions are processed to your BEP20 USDT wallet. Limits reset weekly based on your merchant tier.
    </div>
    <button type="submit" class="btn btn-teal btn-block btn-lg"><i class="fas fa-exchange-alt"></i>Convert to USDT</button>
  </form>
</div>
</div>
{% endblock %}