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

<!-- 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"
    >
      <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">
              <a href="{{ url_for('charge_backs.get_charge_backs_list') }}"
                >Get Charge Backs List</a
              >
            </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">
              Create New Charge for {% if chargeBackType == "digital_gold" %}
              Digital Gold {% else %}{{chargeBackType}} {% endif %}
            </div>
          </div>
          <div class="card-body">
            <center>
              {% if error %}
              <h2>
                <b>
                  <center style="color: RED">{{ error }}</center>
                </b>
              </h2>
              {% endif %}
            </center>
            {% with messages = get_flashed_messages(with_categories=true) %} {%
            if messages %} {% for category, message in messages %} {% if
            category == "success" %}
            <h2>
              <b>
                <center style="color: green">{{ message }}</center>
              </b>
            </h2>
            {% elif category == "danger" %}
            <h2>
              <b>
                <center style="color: red">{{ message }}</center>
              </b>
            </h2>
            {% else %}
            <h2>
              <b>
                <center style="color: orange">{{ message }}</center>
              </b>
            </h2>
            {% endif %} {% endfor %} {% endif %} {% endwith %}

            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />

            <table
              class="table-responsive table text-nowrap"
              style="display: flex; gap: 30px"
            >
              {% if chargeBackCreateDataList %} {% for each_chargeback in
              chargeBackCreateDataList %}
              <tbody>
                <tr>
                  <th scope="col">Status:</th>
                  {% if each_chargeback.status %}
                  <td>{{ each_chargeback.status }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col">Merchant Name:</th>
                  {% if each_chargeback.merchantName %}
                  <td>{{ each_chargeback.merchantName }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col">Merchant Email:</th>
                  {% if each_chargeback.merchantEmail %}
                  <td>{{ each_chargeback.merchantEmail }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col">Channel:</th>
                  {% if each_chargeback.platform %}
                  <td>{{ each_chargeback.platform }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col">UTR:</th>
                  {% if each_chargeback.bankRefId %}
                  <td>{{ each_chargeback.bankRefId }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col">Txn.ID:</th>
                  {% if each_chargeback.transactionId %}
                  <td>{{ each_chargeback.transactionId }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col">Card Type:</th>
                  {% if each_chargeback.cardType %}
                  <td>{{ each_chargeback.cardType }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col">Card Number:</th>
                  {% if each_chargeback.cardmasked %}
                  <td>{{ each_chargeback.cardmasked }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col">Customer Name:</th>
                  {% if each_chargeback.customerName %}
                  <td>{{ each_chargeback.customerName }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col">Customer Email:</th>
                  {% if each_chargeback.customerEmail %}
                  <td>{{ each_chargeback.customerEmail }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col">Customer Phonenumber:</th>
                  {% if each_chargeback.customerPhonenumber %}
                  <td>{{ each_chargeback.customerPhonenumber }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>

                <tr>
                  <th scope="col">Previous Balance:</th>
                  <td>{{ each_chargeback.previousBalance }}</td>
                </tr>
                <tr>
                  <th scope="col">Current Balance:</th>
                  <td>{{ each_chargeback.currentBalance }}</td>
                </tr>
                <tr>
                  <th scope="col">Payment Mode:</th>
                  {% if each_chargeback.paymentMode %}
                  <td>{{ each_chargeback.paymentMode }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col">OrderId:</th>
                  {% if each_chargeback.orderId %}
                  <td>{{ each_chargeback.orderId }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col">Payment Type:</th>
                  {% if each_chargeback.paymentType %}
                  <td>{{ each_chargeback.paymentType }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col">Credit Type:</th>
                  {% if each_chargeback.creditType %}
                  <td>{{ each_chargeback.creditType }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>

                <tr>
                  <th scope="col"><label>Txn.Dt:</label></th>
                  {% if each_chargeback.createdOn %}
                  <td>{{ each_chargeback.createdOn }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col"><label>Upd Dt:</label></th>
                  {% if each_chargeback.responseCallBackTime %}
                  <td>{{ each_chargeback.responseCallBackTime }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col"><label>Price Type:</label></th>
                  {% if not each_chargeback.commissionCharges.get('priceType')
                  %}
                  <td>-</td>
                  {% else %}
                  <td>
                    {{each_chargeback.commissionCharges.get('priceType')}}
                  </td>
                  {% endif %}
                </tr>

                <tr>
                  <th scope="col"><label>Aggregator Type:</label></th>
                  {% if not
                  each_chargeback.commissionCharges.get('aggregatorType') %}
                  <td>-</td>
                  {% else %}
                  <td>
                    {{each_chargeback.commissionCharges.get('aggregatorType')}}
                  </td>
                  {% endif %}
                </tr>

                <tr>
                  <th scope="col"><label>Aggregator Amount:</label></th>
                  {% if not
                  each_chargeback.commissionCharges.get('aggregatorAmount') %}
                  <td>0</td>
                  {% else %}
                  <td>
                    {{each_chargeback.commissionCharges.get('aggregatorAmount')}}
                  </td>
                  {% endif %}
                </tr>

                <tr>
                  <th scope="col"><label>Commission Type:</label></th>
                  {% if not
                  each_chargeback.commissionCharges.get('commissionType') %}
                  <td>-</td>
                  {% else %}
                  <td>
                    {{each_chargeback.commissionCharges.get('commissionType')}}
                  </td>
                  {% endif %}
                </tr>

                <tr>
                  <th scope="col"><label>Commission Amount:</label></th>
                  {% if not
                  each_chargeback.commissionCharges.get('commissionAmount') %}
                  <td>0</td>
                  {% else %}
                  <td>
                    {{each_chargeback.commissionCharges.get('commissionAmount')}}
                  </td>
                  {% endif %}
                </tr>

                <tr>
                  <th scope="col"><label>Charge Type:</label></th>
                  {% if not each_chargeback.commissionCharges.get('chargeType')
                  %}
                  <td>-</td>
                  {% else %}
                  <td>
                    {{each_chargeback.commissionCharges.get('chargeType')}}
                  </td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col"><label>Amount:</label></th>
                  <td>₹{{ each_chargeback.amount }}</td>
                </tr>

                <tr>
                  <th scope="col"><label>Grand Total:</label></th>
                  <td>₹{{ each_chargeback.grandTotal }}</td>
                </tr>

                <tr>
                  <th scope="col"><label>Charge Amount:</label></th>
                  {% if not
                  each_chargeback.commissionCharges.get('chargeAmount') %}
                  <td>0</td>
                  {% else %}
                  <td>
                    {{each_chargeback.commissionCharges.get('chargeAmount')}}
                  </td>
                  {% endif %}
                </tr>

                <tr>
                  <th scope="col"><label>GST Include:</label></th>
                  {% if not each_chargeback.commissionCharges.get('gstInclude')
                  %}
                  <td>-</td>
                  {% else %}
                  <td>
                    {{each_chargeback.commissionCharges.get('gstInclude')}}
                  </td>
                  {% endif %}
                </tr>

                <tr>
                  <th scope="col"><label>GST Amount:</label></th>
                  {% if not each_chargeback.commissionCharges.get('gstAmount')
                  %}
                  <td>0</td>
                  {% else %}
                  <td>
                    {{each_chargeback.commissionCharges.get('gstAmount')}}
                  </td>
                  {% endif %}
                </tr>

                <tr>
                  <th scope="col"><label>TDS Include:</label></th>
                  {% if not each_chargeback.commissionCharges.get('tdsInclude')
                  %}
                  <td>-</td>
                  {% else %}
                  <td>
                    {{each_chargeback.commissionCharges.get('tdsInclude')}}
                  </td>
                  {% endif %}
                </tr>

                <tr>
                  <th scope="col"><label>TDS Amount:</label></th>
                  {% if not each_chargeback.commissionCharges.get('tdsAmount')
                  %}
                  <td>0</td>
                  {% else %}
                  <td>
                    {{each_chargeback.commissionCharges.get('tdsAmount')}}
                  </td>
                  {% endif %}
                </tr>

                <tr>
                  <th scope="col"><label>Narration:</label></th>
                  {% if each_chargeback.narration %}
                  <td>{{ each_chargeback.narration }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col"><label>Status Message:</label></th>
                  {% if each_chargeback.errorMessage %}
                  <td>{{ each_chargeback.errorMessage }}</td>
                  {% else %}
                  <td>-</td>
                  {% endif %}
                </tr>
                <tr>
                  <th scope="col"><label>Status Message:</label></th>
                  <td>

                    <form
                      method="POST"
                      action="{{ url_for('charge_backs.initiate_chargeback_record') }}"
                    >

                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
                    <input type="hidden" name="transactionRecordId" value="{{ each_chargeback.id }}" />
                    <input type="hidden" name="chargeBackType" value="{{ chargeBackType }}" />

                      <button
                        type="submit"
                        class="btn btn-primary-light rounded-pill btn-wave me-3"
                      >
                        <i
                          class="ri-add-circle-line fs-16 align-middle me-1"
                        ></i>
                        Initiate ChargeBack
                      </button>
                    </form>
                  </td>
                </tr>
              </tbody>

              {% endfor %} {% else %}
              <tr>
                <td colspan="2" style="text-align: center">No Records Found</td>
              </tr>
              {% endif %}
              <!-- Add more edit form fields as needed -->
            </table>
          </div>
        </div>
      </div>
    </div>
    <!--End::row-1 -->
  </div>
</div>
<!-- End::app-content -->

<script type="text/javascript">
  $(document).ready(function () {
    $("#add_charges").validate({
      errorElement: "label",
      errorClass: "error",
      ignore: ":hidden",
      ignore: [],
      errorPlacement: function (error, element) {
        if (element.hasClass("chosen-select")) {
          error.insertAfter(element.siblings(".chosen-container"));
        } else {
          error.insertAfter(element);
        }
      },
      rules: {
        chargeName: {
          required: true,
          minlength: 3,
          maxlength: 75,
          pattern: /^[a-zA-Z0-9\s@#$()+_\-/.]*$/,
        },
      },
      messages: {
        chargeName: {
          required: "Charge Name is required",
          pattern:
            "Charge Name contains Only alphanumeric and space and special characters @#$()+_-/.",
          minlength:
            "Charge Name is must be greaterthan or equals to 3 charecters",
          maxlength:
            "Charge Name is must be lessthan or equals to 75 charecters",
        },
      },
      submitHandler: function (form, event) {
        $(".form_submit").prop("disabled", true);
        $("#newLoadingModel").show();

        event.preventDefault();
        $.ajax({
          url: form.action,
          type: form.method,
          data: $(form).serialize(),
          success: function (response) {
            console.log("in submit hndler", response);
            if (response.responseStatus == 1) {
              form.reset();
              window.location.href =
                "/api/super_admin/get_on_demand_settlement_charges_list"; // Replace with your actual route
            } else if (response.responseStatus == 4) {
              form.reset();
              location.reload();
            } else if (response.responseStatus == 0) {
              $(".form_submit").prop("disabled", false);
              $("#newLoadingModel").hide();
              console.log("yesususuerror");
              $.each(response.result, function (key, value) {
                $("#" + key + "_error").text(value);
              });
              return false;
            } else if (response.responseStatus == 2) {
              $(".form_submit").prop("disabled", false);
              $("#newLoadingModel").hide();
              $("#errorMessage").text(response.result);
              return false;
            } else {
              location.reload();
            }
          },
        });
      },
    });
  });
</script>

{% endblock %}