{% extends 'super_admin_templates/base.html' %}
{% block content %}
<!-- Content Wrapper. Contains page content -->

<style type="text/css">
    .pagination-page-info {
        padding: .6em;
        padding-left: 0;
        width: 40em;
        margin: .5em;
        margin-left: 0;
        font-size: 12px;
    }

    .pagination-page-info b {
        color: black;
        background: #6aa6ed;
        padding-left: 2px;
        padding: .1em .25em;
        font-size: 150%;
    }

    .centered {
        text-align: center;
    }
</style>

<script>
    $(document).ready(function () {
        // Select all checkboxes
        $('#selectmerchant').click(function () {
            var checked = this.checked;
            $('.merchant-checkbox').each(function () {
                this.checked = checked;
            });
        });
    });
</script>


<script>
    $(document).ready(function () {
        // Select all checkboxes
        $('#settlementMerchant').click(function () {
            var checked = this.checked;
            $('.settlementMerchant-checkbox').each(function () {
                this.checked = checked;
            });
        });
    });
</script>

<!-- Start::app-content -->
<div class="main-content app-content">
    <div class="container-fluid">

        <!-- Page Header -->
        <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
            <h1 class="page-title fw-semibold fs-18 mb-0">Reports</h1>
            <div class="ms-md-1 ms-0">
                <nav>
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item"><a href="{{ url_for('admin.dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Account Summary List</li>
                    </ol>
                </nav>
            </div>
        </div>
        <!-- Page Header Close -->

        <!-- Start::row-1 -->
        <div class="row">
            <div class="col-xl-12">
                <div class="card custom-card">
                    <div class="card-header">
                        <div class="card-title">
                            Account Summary List
                        </div>
                    </div>
                    <div class="card-body">

                        {% with messages = get_flashed_messages() %}
                        <div class="flashes">
                            {% if messages %}
                            <ul>
                                {% for message in messages %}
                                <h2><b>
                                        <center style="color:green">{{ message }}</center>
                                    </b></h2>
                                {% endfor %}
                            </ul>
                            {% endif %}
                            {% endwith %}
                            <center>
                                {% if error %}
                                <h2><b>
                                        <center style="color:RED">{{ error }}</center>
                                    </b></h2>
                                {% endif %}
                        </div>
                        </center>

                        <nav class="nav nav-style-6 nav-pills mb-3 nav-justified d-sm-flex d-block" role="tablist">
                            {% if 'edit' in session.get('creditToWalletPermissions', []) %}
                            {% if redirectval == "payinAccountSummary" %}
                            <a class="nav-link active" data-bs-toggle="tab" role="tab" aria-current="page"
                                href="#nav-products-justified" aria-selected="true">Payin Account Summary</a>
                            {% else %}
                            <a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
                                href="#nav-products-justified" aria-selected="true">Payin Account Summary</a>
                            {% endif %}
                            {% endif %}
                            {% if 'edit' in session.get('debitFromWalletPermissions', []) %}
                            {% if redirectval == "payoutAccountSummary" %}
                            <a class="nav-link active" data-bs-toggle="tab" role="tab" href="#nav-cart-justified"
                                aria-selected="false">Payout Account Summary</a>
                            {% else %}
                            <a class="nav-link" data-bs-toggle="tab" role="tab" href="#nav-cart-justified"
                                aria-selected="false">Payout Account Summary</a>
                            {% endif %}
                            {% endif %}

                        </nav>

                        <div class="tab-content">
                            {% if 'edit' in session.get('creditToWalletPermissions', []) %}
                            {% if redirectval == "payinAccountSummary" %}
                            <div class="tab-pane show active text-muted" id="nav-products-justified" role="tabpanel">
                                {% else %}
                                <div class="tab-pane text-muted" id="nav-products-justified" role="tabpanel">
                                    {% endif %}
                                    <div class="row">
                                        <div class="col-xl-12">
                                            <form method="GET"
                                                action="{{ url_for('admin_reports.account_summary_transactions') }}"
                                                class="row gy-2 gx-3 align-items-center mb-4">
                                                <input type="hidden" name="redirectTo" value="payinAccountSummary">

                                                <div class="col-auto">
                                                    <select class="form-select" id="selectYear" name="selectYear">
                                                        <option value="{{ current_year }}" {% if
                                                            selectYear==current_year|string %} selected {% endif %}>{{
                                                            current_year }}</option>
                                                        <option value="{{ last_year }}" {% if
                                                            selectYear==last_year|string %} selected {% endif %}>{{
                                                            last_year }}</option>
                                                    </select>
                                                </div>

                                                <div class="col-auto">
                                                    <select class="form-select" id="selectMonth" name="selectMonth">
                                                        <option value="January" {% if selectMonth=="January" %} selected
                                                            {% endif %}>January</option>
                                                        <option value="February" {% if selectMonth=="February" %}
                                                            selected {% endif %}>February</option>
                                                        <option value="March" {% if selectMonth=="March" %} selected {%
                                                            endif %}>March</option>
                                                        <option value="April" {% if selectMonth=="April" %} selected {%
                                                            endif %}>April</option>
                                                        <option value="May" {% if selectMonth=="May" %} selected {%
                                                            endif %}>May</option>
                                                        <option value="June" {% if selectMonth=="June" %} selected {%
                                                            endif %}>June</option>
                                                        <option value="July" {% if selectMonth=="July" %} selected {%
                                                            endif %}>July</option>
                                                        <option value="August" {% if selectMonth=="August" %} selected
                                                            {% endif %}>August</option>
                                                        <option value="September" {% if selectMonth=="September" %}
                                                            selected {% endif %}>September</option>
                                                        <option value="October" {% if selectMonth=="October" %} selected
                                                            {% endif %}>October</option>
                                                        <option value="November" {% if selectMonth=="November" %}
                                                            selected {% endif %}>November</option>
                                                        <option value="December" {% if selectMonth=="December" %}
                                                            selected {% endif %}>December</option>
                                                    </select>
                                                </div>


                                                <div class="col-auto">
                                                    <button type="submit" class="btn btn-primary">Search</button>
                                                </div>
                                                <div class="col-auto">
                                                    <a href="{{url_for('admin_reports.account_summary_transactions')}}"><button
                                                            type="button" class="btn btn-warning">Reset</button></a>
                                                </div>
                                                {% for error in form.selectYear.errors %}
                                                <span class="text-danger" class="error">{{ error }}</span><br>
                                                {% endfor %}

                                                {% for error in form.selectMonth.errors %}
                                                <span class="text-danger" class="error">{{ error }}</span><br>
                                                {% endfor %}
                                            </form>
                                        </div>
                                    </div>

                                    <!-- Add some space -->
                                    <div class="mt-3"></div>
                                    <!-- End space -->

                                    <div class="table-responsive">
                                        <table id="" class="table text-nowrap">
                                            <thead class="table-primary">
                                                <tr>
                                                    <th scope="col">S.No</th>
                                                    <th scope="col">Date</th>
                                                    <th scope="col">Payin Amount</th>
                                                    <th scope="col">Transaction Count</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {% if payinAccountSummaryList %}
                                                {% for each_payin_record in payinAccountSummaryList %}
                                                <tr>
                                                    <td scope="row">{{ loop.index}}</td>

                                                    {% if each_payin_record.eachDayPayinDate %}
                                                    <td>{{ each_payin_record.eachDayPayinDate }}</td>
                                                    {% else %}
                                                    <td class="centered">-</td>
                                                    {% endif %}

                                                    <td>{{ each_payin_record.eachDayPayinTotalAmount }}</td>
                                                    <!-- Round amount to 2 decimal places -->
                                                    <td>{{ each_payin_record.eachDayPayinTotalTxnCount }}</td>
                                                </tr>

                                                {% endfor %}
                                                {% else %}
                                                <tr>
                                                    <td colspan="12" style="text-align: center;">No transactions found
                                                        for this period</td>
                                                </tr>
                                                {% endif %}
                                            </tbody>
                                        </table>


                                    </div>
                                </div>
                                {% endif %}

                                {% if 'edit' in session.get('debitFromWalletPermissions', []) %}
                                {% if redirectval == "payoutAccountSummary" %}
                                <div class="tab-pane show active text-muted" id="nav-cart-justified" role="tabpanel">
                                    {% else %}
                                    <div class="tab-pane text-muted" id="nav-cart-justified" role="tabpanel">
                                        {% endif %}
                                        <div class="row">
                                            <div class="col-xl-12">
                                                <form method="GET"
                                                    action="{{url_for('admin_reports.account_summary_transactions')}}"
                                                    enctype="multipart/form-data"
                                                    class="row gy-2 gx-3 align-items-center mb-4">
                                                    <input type="hidden" name="redirectTo" value="payoutAccountSummary">

                                                    <div class="col-auto">
                                                        <select class="form-select" id="selectYear" name="selectYear">
                                                            <option value="{{ current_year }}" {% if
                                                                selectYear==current_year|string %} selected {% endif %}>
                                                                {{ current_year }}</option>
                                                            <option value="{{ last_year }}" {% if
                                                                selectYear==last_year|string %} selected {% endif %}>{{
                                                                last_year }}</option>
                                                        </select>
                                                    </div>

                                                    <div class="col-auto">
                                                        <select class="form-select" id="selectMonth" name="selectMonth">
                                                            <option value="January" {% if selectMonth=="January" %}
                                                                selected {% endif %}>January</option>
                                                            <option value="February" {% if selectMonth=="February" %}
                                                                selected {% endif %}>February</option>
                                                            <option value="March" {% if selectMonth=="March" %} selected
                                                                {% endif %}>March</option>
                                                            <option value="April" {% if selectMonth=="April" %} selected
                                                                {% endif %}>April</option>
                                                            <option value="May" {% if selectMonth=="May" %} selected {%
                                                                endif %}>May</option>
                                                            <option value="June" {% if selectMonth=="June" %} selected
                                                                {% endif %}>June</option>
                                                            <option value="July" {% if selectMonth=="July" %} selected
                                                                {% endif %}>July</option>
                                                            <option value="August" {% if selectMonth=="August" %}
                                                                selected {% endif %}>August</option>
                                                            <option value="September" {% if selectMonth=="September" %}
                                                                selected {% endif %}>September</option>
                                                            <option value="October" {% if selectMonth=="October" %}
                                                                selected {% endif %}>October</option>
                                                            <option value="November" {% if selectMonth=="November" %}
                                                                selected {% endif %}>November</option>
                                                            <option value="December" {% if selectMonth=="December" %}
                                                                selected {% endif %}>December</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-auto">
                                                        <button type="submit" class="btn btn-primary">Search</button>
                                                    </div>
                                                    <div class="col-auto">
                                        <a href="{{url_for('admin_reports.account_summary_transactions')}}"><button type="button"
                                            class="btn btn-warning">Reset</button></a> </div>
                                                    {% for error in form.selectYear.errors %}
                                                    <span class="text-danger" class="error">{{ error }}</span><br>
                                                    {% endfor %}

                                                    {% for error in form.selectMonth.errors %}
                                                    <span class="text-danger" class="error">{{ error }}</span><br>
                                                    {% endfor %}
                                                </form>
                                            </div>
                                        </div>

                                        <!-- Add some space -->
                                        <div class="mt-3"></div>
                                        <!-- End space -->
                                        <div class="table-responsive">
                                            <table id="" class="table text-nowrap">
                                                <thead class="table-primary">
                                                    <tr>
                                                        <th scope="col">S.No</th>
                                                        <th scope="col">Date</th>
                                                        <th scope="col">Payout Amount</th>
                                                        <th scope="col">Transaction Count</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    {% if payoutAccountSummaryList %}
                                                    {% for each_payout in payoutAccountSummaryList %}
                                                    <tr>
                                                        <td>{{ loop.index }}</td>

                                                        {% if each_payout.eachDayPayoutDate %}
                                                        <td>{{ each_payout.eachDayPayoutDate }}</td>
                                                        {% else %}
                                                        <td class="centered">-</td>
                                                        {% endif %}

                                                        <td>{{ each_payout.eachDayPayoutTotalAmount }}</td>
                                                        <td>{{ each_payout.eachDayPayoutTotalTxnCount }}</td>
                                                    </tr>
                                                    {% endfor %}
                                                    {% else %}
                                                    <tr>
                                                        <td colspan="12" style="text-align: center;">No transactions
                                                            found for this period</td>
                                                    </tr>
                                                    {% endif %}
                                                </tbody>
                                            </table>

                                        </div>



                                        <!-- Add some space -->
                                        <!-- <div class="col-sm-12 col-md-12 mt-3">
                                    <nav aria-label="Page navigation" class="pagination-style-1">
                                      <ul class="pagination mb-0">
                                          {% if payout_transactions %}
                                                <div class="pagination">
                                                    {{ payout_transactions.links }}
                                                </div>
                                            {% endif %}
                                      </ul>
                                  </nav>
                                </div> -->
                                        <!-- End space -->
                                    </div>
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End::row-1 -->

                </div>
            </div>
            <!-- End::app-content -->

            <script type="text/javascript">
                function numberToWords(number) {
                    var words = new Array();
                    words[0] = '';
                    words[1] = 'One';
                    words[2] = 'Two';
                    words[3] = 'Three';
                    words[4] = 'Four';
                    words[5] = 'Five';
                    words[6] = 'Six';
                    words[7] = 'Seven';
                    words[8] = 'Eight';
                    words[9] = 'Nine';
                    words[10] = 'Ten';
                    words[11] = 'Eleven';
                    words[12] = 'Twelve';
                    words[13] = 'Thirteen';
                    words[14] = 'Fourteen';
                    words[15] = 'Fifteen';
                    words[16] = 'Sixteen';
                    words[17] = 'Seventeen';
                    words[18] = 'Eighteen';
                    words[19] = 'Nineteen';
                    words[20] = 'Twenty';
                    words[30] = 'Thirty';
                    words[40] = 'Forty';
                    words[50] = 'Fifty';
                    words[60] = 'Sixty';
                    words[70] = 'Seventy';
                    words[80] = 'Eighty';
                    words[90] = 'Ninety';
                    var op;
                    if (number > 99999999999) {
                        return 'out of range';
                    }
                    var crore = Math.floor(number / 10000000); /* Crore */
                    number %= 10000000;
                    var lakh = Math.floor(number / 100000); /* Lakh */
                    number %= 100000;
                    var thousand = Math.floor(number / 1000); /* Thousand */
                    number %= 1000;
                    var hundred = Math.floor(number / 100); /* Hundred */
                    number %= 100;
                    var ten = Math.floor(number / 10);
                    var one = number % 10;
                    var result = '';
                    if (crore > 0) {
                        result += (numberToWords(crore) + ' Crore ');
                    }
                    if (lakh > 0) {
                        result += (numberToWords(lakh) + ' Lakh ');
                    }
                    if (thousand > 0) {
                        result += (numberToWords(thousand) + ' Thousand ');
                    }
                    if (hundred > 0) {
                        result += (numberToWords(hundred) + ' Hundred ');
                    }
                    if (ten > 0) {
                        if (ten < 2) {
                            result += words[ten * 10 + one];
                        } else {
                            result += words[ten * 10];
                            if (one > 0) {
                                result += ('-' + words[one]);
                            }
                        }
                    } else if (one > 0) {
                        result += words[one];
                    }
                    return result;
                }



            </script>
            {% endblock %}