<div style="background:#121212; min-height:100vh; padding:40px; color:#fff;">

    <div style="max-width:600px; margin:0 auto;">

        <h2 style="color:#ff2d2d; text-align:center; margin-bottom:25px;">Add Funds</h2>

        <div style="background:#1a1a1a; padding:20px; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.5);">

            <p style="margin-bottom:15px;">

                Current Balance:

                <span style="color:#ff2d2d;">{{ user.balance }}</span>

            </p>

            <form method="post" action="/addfunds/create">

                <label style="display:block; margin-bottom:6px;">Amount</label>

                <input type="number" step="0.01" name="amount"

                       style="width:100%; padding:10px; margin-bottom:15px; background:#2a2a2a; border:1px solid #333; border-radius:4px; color:#fff;">

                <label style="display:block; margin-bottom:6px;">Payment Method</label>

                <select name="method"

                        style="width:100%; padding:10px; margin-bottom:20px; background:#2a2a2a; border:1px solid #333; border-radius:4px; color:#fff;">

                    {% for method in payment_methods %}

                        <option value="{{ method.id }}">{{ method.name }}</option>

                    {% endfor %}

                </select>

                <button type="submit" style="width:100%; padding:12px; background:#ff2d2d; border:none; border-radius:4px; color:white; font-size:15px; cursor:pointer;">

                    Add Funds

                </button>

            </form>

        </div>

    </div>

</div>