{% extends "agenttemplates/agents_header.html" %}
{% block content %}
{% load static %}

<!-- Page content -->
<div class="container-fluid">

    <div class="row">
        <div class="col-md-12">
            {% for message in messages %}
            <div class="alert alert-primary" role="alert" style="margin: 20px 0px 20px 0px;">
                <H3 style="color: white;">{{message}}</H3>
            </div>
            <br/>
            {% endfor %}

        </div>
    </div>



    <div class="row" style="margin-top: 20px;">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <center><H1>{{platform|title}} Account Statement</H1></center>
                    <br/>
                    <div class="row">
                        <div class="col-md-8">
                            <img src="{% static 'img/vipdeplogo.png' %}" class="navbar-brand-img" alt="...">
                             <h5>Dhaka Bangladesh</h5>
                            <small><i class="fa fa-envelope"></i> info@vd-dashboard.com | 01977 00 00 00 <i class="fa fa-phone"></i> </small>
                        </div>
                        <div class="col-md-4">
                            <small style="float: right"> {% now "jS F Y H:i" %}</small>
                            <table class="table table-stripped">
                                <tr>
                                    <th>
                                       Account Name
                                    </th>
                                    <th>A/C</th>
                                </tr>
                                <tr>
                                    <td>
                                        {{agent.fname}}  {{agent.lname}}
                                    </td>
                                    <td>{{agent.id}}/{{agent.username}}</td>
                                </tr>
                            </table>
                        </div>

                    </div>
                    <div class="table-responsive">
                        <table class="table table-striped table-sm">

                            <tr>
                                <th>Date</th>
                                <th>Description</th>
                                <th>Reference</th>
                                <th>Debit</th>
                                <th>Credit</th>
                                <th>Balance (USD)</th>
                            </tr>

                              <tr  style="text-align: center;  font-weight: bold;">
                                <td colspan="3">
                                    ****Totals***
                                </td>
                                <td class="text-danger">-{{totalDebit}}</td>
                                <td class="text-success">+{{totalCredit}}</td>
                                <td class="text-primary">{{currentBalance}}</td>

                            </tr>

                            {% for st in statement %}
                            <tr>
                                <td>{{st.0|safe}}</td>
                                 <td>{{st.1|safe}}</td>
                                 <td>{{st.2|safe}}</td>
                                 <td>{{st.3|safe}}</td>
                                 <td>{{st.4|safe}}</td>
                                <td>{{st.5|safe}}</td>

                            </tr>
                            {% endfor %}


                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>

</div>


<!-- Modal netelleer-->
<div class="modal fade" id="netellerpayoutform" tabindex="-1" role="dialog" aria-labelledby="netellerpayoutform"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Payout</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <form method="post">
                {% csrf_token %}

                <div class="modal-body">
                    <p>Neteller Account</p>
                    <input type="email" required class="form-control" name="agentz_net_email"
                           value="{{agent_net_email}}"/>
                    <br/>
                    <p>Your Balance: (USD)</p>
                    <input type="text" readonly class="form-control" value="{{agent_net_bal}}"/>

                    <br/>
                    <p>Amount: (USD)</p>
                    <input type="number" required name="neteller_with_amount" class="form-control"
                           min="10"
                           max="{{agent_net_bal}}" placeholder="{{agent_net_bal}}"/>
                    <br/>
                    <p>Add a Note for Admin</p>
                    <textarea required name="neteller_with_amount_addnote" class="form-control"
                    ></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary" name="reqNetAmount" value="reqNetProcessing">Payout
                    </button>
                </div>

            </form>


        </div>
    </div>
</div>


<!-- Modal skrill-->
<div class="modal fade" id="skrillpayoutform" tabindex="-1" role="dialog" aria-labelledby="skrillpayoutform"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Payout</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <form method="post">
                {% csrf_token %}

                <div class="modal-body">
                    <p>Skrill Account</p>
                    <input type="email" required class="form-control" name="agentz_skr_email"
                           value="{{agent_skr_email}}"/>
                    <br/>
                    <p>Your Balance: (EUR)</p>
                    <input type="text" readonly class="form-control" value="{{agent_skr_bal}}"/>

                    <br/>
                    <p>Amount: (EUR)</p>
                    <input type="number" required name="skrill_with_amount" class="form-control"
                           min="10"
                           max="{{agent_skr_bal}}" placeholder="{{agent_skr_bal}}"/>
                    <br/>
                    <p>Add a Note for Admin</p>
                    <textarea required name="skrill_with_amount_addnote" class="form-control"
                    ></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary" name="reqSkrAmount" value="reqSkrProcessing">Payout
                    </button>
                </div>

            </form>


        </div>
    </div>
</div>


{% endblock %}