Sindbad~EG File Manager

<div class="table table-lg mobile-responsive mt-2 transaction_table" style="background-color: transparent;">
    <div class="row">
        <div class="col-lg-3 col-md-3 col-sm-12">
            <label>Received Amount : <span id="rec_amt" style="color:#ff7500">Rs. {{total_amount or '0.00'}}</span> </label>
        </div> 
        <div class="col-lg-3 col-md-3 col-sm-12">
            <label>PG Tax Amount : <span id="rec_amt" style="color:#ff7500">Rs. {{total_tax or '0.00'}}</span> </label>
        </div>
    </div>


    <table class="table table-striped table-bordered bg-light" id="myTable" style="width: 100%;" >
        <thead style="background-color: #072645;border-color: #02003c;color: #FFF;position: sticky;top: 0;font-size: 14px;"> 
            <tr>
                <th scope="col">SNo</th>
                <th scope="col">Delgate No</th>
                <th scope="col">Full Name</th>
                <th scope="col">Email</th>
                <th scope="col">Mobile</th>
                <th scope="col">Api Payment Id</th>
                <th scope="col">Unique Id</th>
                <th scope="col">Amount</th>
                <th scope="col">Status</th>
                <th scope="col">Paid At</th>
            </tr>
        </thead>
        <tbody>
            {% if get_data : %}
                {% for row in get_data %}
                    <tr
                        {% if row.status == "success" and row.delegate_no  %} style="background-color: #80e9994f;" {% elif row.status == "success"  %} style="background-color: #f28787;" {% endif %}>
                        <td data-label="SNo">{{loop.index}}</td>
                        <td data-label="SNo">{{row.delegate_no or '-'}}</td>
                        <td data-label="Full Name">{{row.full_name or '-'}}</td>
                        <td data-label="Email">{{row.email or '-'}}</td>
                        <td data-label="Mobile">{{row.mobile or '-'}}</td>
                        <td data-label="Api Payment Id">{{row.api_payment_id or '-'}}</td>
                        <td data-label="Unique Id">{{row.unique_id or '-' }} </td>
                        <td data-label="Amount">{{row.amount or '-'}}</td>
                        <td data-label="Status">{{row.status or '-'}}</td>
                        <td data-label="Paid At">{{row.paid_at.strftime("%d-%m-%Y %H:%M:%S") or '-'}}</td>
                    </tr>
                 {% endfor %}
            {% else : %}
                <tr>
                    <td colspan="10" style="color:red;text-align: center;">Record not available</td>
                </tr> 
            {% endif %}   
        </tbody>     
    </table>
</div>
{% if get_data : %}
<script type="text/javascript">
var BaseUrl = document.location.origin;
   $(document).ready( function () {
    $("#myTable").DataTable({
        "iDisplayLength": 100,
    });
});
</script>
{% endif %}