dashboard-wallet.html

{% extends 'dashboard-layout.html' %}

{% block head %}
    <title>Dashboard: Your Wallet</title>
    <link href="/styles/dashboard-wallet.css" rel="stylesheet" type="text/css"/>
{% endblock %}

{% block body %}
    <div>
        <!-- <p>Welcome to Dashboard</p> -->
        <!-- will prob display different stuff here based on employee -->
    </div>

{% if session.get('userType') == 'customer' %}
    <div>
        <t1>Wallet</t1>
        <div class="infodiv">
            <div class="balanceblock">
                <t1 class="bheader">Your current balance is:</t1>
                <t1 id="balance" class="balance">$0.00</t1>
            </div>
            <div class='accountinfo'>
                <p>Account #: {{session.get('customerID')}}</p>
                <p>Name: {{session.get('customerName')}}</p>
            </div>
            <div class="options">
                <button onclick="openModel('depositmodel')">Make a deposit</button>
            </div>
        </div>
    </div>
    <div class="displayblock" id="displayblock" onclick="closeModel('depositmodel')">
    </div>
    <div class="depositmodel" id="depositmodel" onclick="">
        <label for="depositamount">Amount to deposit:</label>
        <input type="number" name="depositamount" placeholder="1.00" min="1.00" step="0.01" max="1000" id="depositamount">
        <div>
            <p>Account #: {{session.get('customerID')}}</p>
            <p>Name: {{session.get('customerName')}}</p>
            <p class="success">Your transfer was successful</p>
            <p class="success">Reloading...</p>
        </div>
        <div>
            <button onclick="deposit()">Complete Deposit</button>
        </div>
    </div>
{% else %}
    <div>
        <t1> You're not supposed to be here. </t1>
    </div>
{% endif %}
    <script src="/scripts/dashboard-wallet.js"></script>
{% endblock %}