{% extends "super_admin_templates/base.html" %}
{% set path = "dashboard" %}
{% set subpath = "dashboard" %}
{% block content %}
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  {% with messages = get_flashed_messages() %}
  {% if messages %}
    <ul class=flashes>
    {% for message in messages %}
      <h2><b><center style="color:green">{{ message }}</center></b></h2>
    {% endfor %}
    </ul>
  {% endif %}
{% endwith %}


<!-- Start::app-content -->
<div class="main-content app-content">
    <div class="container-fluid">
        <!-- Start::row-1 -->
        <div class="row">
            <div class="col-xxl-12 col-xl-12">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="row">
                            <div class="col-xxl-12 col-lg-12 col-md-12">
                                <div class="card custom-card">
                                    <div class="card-header top-payin-header justify-content-between py-2">
                                        <div class="card-title">
                                            Charges
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">

                                            {% for each_record in verificationChargesList %}
                                            <div class="col-lg-3 col-sm-3 col-md-3 col-xl-3">
                                                <div class="card custom-card">
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-xxl-9 col-xl-10 col-lg-9 col-md-9 col-sm-8 col-8 px-0">
                                                                <div class="text-dark fw-semibold mb-2">{{each_record.chargeName}}</div>
                                                                <div class="text-muted mb-1 fs-12">
                                                                    <div class="row">
                                                                        <div class="col-6 text-dark">Tnx Charges: ₹{{each_record.totalTnxChargeAmount}}</div>
                                                                        <div class="col-6 text-dark text-end">Tnx Gst: ₹{{each_record.totalTnxChargeGstAmount}}</div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-6 text-dark">Pg Charges: ₹{{each_record.totalPgChargeAmount}}</div>
                                                                        <div class="col-6 text-dark text-end">Pg Gst: ₹{{each_record.totalPgChargeGstAmount}}</div>
                                                                    </div>
                                                                </div>
                                                                <div>
                                                                    <span class="fs-12 mb-0">Total Count 
                                                                        <span class="badge bg-success text-white mx-1">{{each_record.totalCount}}</span>
                                                                    </span>
                                                                </div> 
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {% endfor %}
                                            

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
     <!-- End::row-1 -->
   </div>
   

    <!-- Add some space -->
    <div class="mt-3"></div>
    <!-- End space -->
    <div class="col-xl-12">
      <div class="card custom-card">
       
        <div class="card-header">
            <div class="card-title">
              Verification Charges Structure
            </div>
        </div>
          <!-- Add some space -->
          <div class="mt-3"></div>
          <!-- End space -->
          <div class="table-responsive">
            <div id="datatable-basic_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
                <div class="row align-items-center">
                    <div class="col-sm-4 col-md-4 ms-3">
                        <form method="GET" action="{{ url_for('verification_charges.verification_charges_list') }}" enctype="multipart/form-data"
                            class="d-flex justify-content-between align-items-center">
                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        
                            <div class="col-auto me-3">
                                <input type="text" class="form-control flatpickrdate" value="{{startDate}}" name="startDate"  id="startDate"
                                    placeholder="Select start date">
                            </div>
        
                            <div class="col-auto me-3">
                                <input type="text" class="form-control flatpickrdate" value="{{endDate}}" name="endDate"
                                    placeholder="Select end date" id="endDate">
                            </div>
        
                            <div class="col-auto me-3">
                                <select class="form-select" name="searchId" id="searchId">
                                    <option value="">Select api name</option>
                                    {% for each_kyc in kycApisList %}
                                        <option value="{{ each_kyc.id }}" {% if each_kyc.id == searchId %} selected {% endif %}>
                                            {{ each_kyc.kycApiName }}
                                        </option>
                                    {% endfor %}
                                </select>
                            </div>
        
                            <div class="form-group col-auto">
                                <button type="submit" class="btn btn-primary">Search</button>

  
 
                                        <a href="{{url_for('verification_charges.verification_charges_list')}}"><button type="button"
                                                class="btn btn-warning">Reset</button></a>
                                    </div>
                        </form>
                        {% for error in form.startDate.errors %}
                                    <span class="text-danger" class="error">{{ error }}</span>
                                    {% endfor %}

                          {% for error in form.endDate.errors %}
                        <span class="text-danger" class="error">{{ error }}</span>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
        
        <div class="card-body">
          <div class=" align-items-top flex-wrap payin-border-bottom col-xl-12">
            <div class="table-responsive">
              <table id="datatable-basic" class="table text-nowrap">
                <thead class="table-primary">
                  <tr>
                    <th scope="col">S.No</th>
                    <th scope="col">Api Name</th>

                    <th scope="col">Aadhar Count</th>
                    <th scope="col">Aadhar Tnx  Charge</th>
                    <th scope="col">Aadhar Tnx Gst</th>
                    <th scope="col">Aadhar Pg  Charge</th>
                    <th scope="col">Aadhar Pg Gst</th>

                    <th scope="col">Pan Count</th>
                    <th scope="col">Pan Tnx Charge</th>
                    <th scope="col">Pan Tnx Gst</th>
                    <th scope="col">Pan Pg Charge</th>
                    <th scope="col">Pan Pg Gst</th>

                    <th scope="col">Bank Count</th>
                    <th scope="col">Bank Tnx Charge</th>
                    <th scope="col">Bank Tnx Gst</th>
                    <th scope="col">Bank Pg Charge</th>
                    <th scope="col">Bank Pg Gst</th>
                  </tr>
                </thead>
                <tbody>
                 {% for datesWiseVerificationChargesDict in datesWiseVerificationChargesList %}
                      <tr>
                        <td>{{loop.index}}</td>
                        <td>{{datesWiseVerificationChargesDict.apiName}}</td>
                        <td>{{datesWiseVerificationChargesDict.aadharTotalVerificationsCount}}</td>
                        <td>{{datesWiseVerificationChargesDict.totalAadharChargeAmount}}</td>
                        <td>{{datesWiseVerificationChargesDict.gstAadharTotalAmount}}</td>
                        <td>{{datesWiseVerificationChargesDict.totalPgAadharChargeAmount}}</td>
                        <td>{{datesWiseVerificationChargesDict.gstPgAadharTotalAmount}}</td>

                        <td>{{datesWiseVerificationChargesDict.panTotalVerificationsCount}}</td>
                        <td>{{datesWiseVerificationChargesDict.totalPanChargeAmount}}</td>
                        <td>{{datesWiseVerificationChargesDict.gstPanTotalAmount}}</td>
                        <td>{{datesWiseVerificationChargesDict.totalPgPanChargeAmount}}</td>
                        <td>{{datesWiseVerificationChargesDict.gstPgPanTotalAmount}}</td>

                        <td>{{datesWiseVerificationChargesDict.bankTotalVerificationsCount}}</td>
                        <td>{{datesWiseVerificationChargesDict.totalBankChargeAmount}}</td>
                        <td>{{datesWiseVerificationChargesDict.gstBankTotalAmount}}</td>
                        <td>{{datesWiseVerificationChargesDict.totalPgBankChargeAmount}}</td>
                        <td>{{datesWiseVerificationChargesDict.gstPgBankTotalAmount}}</td>
                      </tr>
                {% endfor %}
                </tbody>
              </table>
                {% if not datesWiseVerificationChargesList %}
                                    <h5 class="mt-2" style="text-align: center; font-size: medium;">No Data Found</h5>
                            {% endif %}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End::app-content -->
<script type="text/javascript" src="https://cdn.canvasjs.com/jquery.canvasjs.min.js"></script>
</div>
{%endblock%}