{% extends 'super_admin_templates/base.html' %} {% set path = "charge_back" %}
{% set subpath = "get_charge_back_create" %} {% block content %}
<!-- Content Wrapper. Contains page content -->

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

  .pagination-page-info b {
    color: black;
    background: #6aa6ed;
    padding-left: 2px;
    padding: 0.1em 0.25em;
    font-size: 150%;
  }
  .centered {
    text-align: center;
  }
</style>

<script>
  function openUpdateModal(each_chargeback) {
    // Set the form action URL using the ID
    const updateChargebackTypeBaseURL =
      "{{ url_for('charge_backs.update_chargeback_status', chargebackRecordId='__ID__') }}";
    console.log("each_chargeback.id", each_chargeback.id);
    console.log("each_chargeback.id", each_chargeback);
    const formAction = updateChargebackTypeBaseURL.replace(
      "__ID__",
      each_chargeback.id
    );
    document.getElementById("updateChargebackForm").action = formAction;
    resetFormDataNew("updateChargebackForm");

    // Populate the form fields
    document.getElementById("editChargebackStatus").value =
      each_chargeback.status || "";
    document.getElementById("editChargebackReason").value =
      each_chargeback.reason || "";

    // Show the modal
    const modal = new bootstrap.Modal(
      document.getElementById("updatechargebackStatusModal")
    );
    modal.show();
  }
</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">Charge Back</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">
              Create Charge Backs 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 justify-content-between">
            <div class="card-title">Create Charge Backs List</div>

            <div class="prism-toggle">
              {% if 'add' in session.get('chargeBackPermissions',
              []) %}
              <button
                type="button"
                class="btn btn-primary-light rounded-pill btn-wave me-3"
                data-bs-toggle="modal"
                data-bs-target="#addtask"
                onClick="resetFormDataNew('upload_csv_data')"
              >
                <i class="ri-add-circle-line fs-16 align-middle me-1"></i>Create
                New Chargeback
              </button>
              {% endif %}
            </div>
          </div>
          <div class="card-body">
            <center>
              <div class="flashes">
                {% if error %}
                <h2>
                  <b>
                    <center style="color: RED">{{ error }}</center>
                  </b>
                </h2>
                {% endif %}
              </div>
            </center>
            <div class="flashes">
              {% 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 %}
            </div>

            <!-- Add some space -->
            <div class="mt-3"></div>
            <!-- End space -->
            <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">User Name</th>
                    <th scope="col">TransactionId</th>
                    <th scope="col">Txn Ref Type</th>
                    <th scope="col">Chargeback UTR</th>
                    <th scope="col">Pg-OrderId</th>
                    <th scope="col">Amount</th>
                    <th scope="col">Reason</th>
                    <th scope="col">ChargeBackRaisedDate</th>
                    <th scope="col">CreatedOn</th>
                    <th scope="col">Status</th>
                    {% if 'edit' in session.get('chargeBackPermissions', []) %}
                    <th scope="col">Update Status</th>
                    {% endif %}
                  </tr>
                </thead>
                <tbody>
                  {% if chargeBacksList %} {% for each_chargeback_record in
                  chargeBacksList %}
                  <tr>
                    <td>{{ snoCount + loop.index}}</td>

                    {% if each_chargeback_record.userId %}
                    <td>{{ each_chargeback_record.userId }}</td>
                    {% else %}
                    <td class="centered">-</td>
                    {% endif %} {% if each_chargeback_record.transactionId %}
                    <td>{{ each_chargeback_record.transactionId }}</td>
                    {% else %}
                    <td class="centered">-</td>
                    {% endif %}

                    <td>
                      {{ each_chargeback_record.transactionReferenceType }}
                    </td>

                    {% if each_chargeback_record.chargebackUtr %}
                    <td>{{ each_chargeback_record.chargebackUtr }}</td>
                    {% else %}
                    <td class="centered">-</td>
                    {% endif %} {% if each_chargeback_record.pgOrderId %}
                    <td>{{ each_chargeback_record.pgOrderId }}</td>
                    {% else %}
                    <td class="centered">-</td>
                    {% endif %} {% if each_chargeback_record.amount %}
                    <td>{{ each_chargeback_record.amount }}</td>
                    {% else %}
                    <td class="centered">-</td>
                    {% endif %}

                    <td>{{ each_chargeback_record.reason }}</td>

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

                    <td>{{ each_chargeback_record.createdOn }}</td>

                    {% if each_chargeback_record.actionText %}
                    <td>{{ each_chargeback_record.actionText }}</td>
                    {% else %}
                    <td class="centered">-</td>
                    {% endif %}
                    <td>
                      {% if 'edit' in session.get('chargeBackPermissions', []) %}
                      <a
                        href="javascript:void(0);"
                        onclick='openUpdateModal({
                              "id": "{{ each_chargeback_record.id }}",
                              "status": "{{ each_chargeback_record.status  }}",
                              "reason": "{{ each_chargeback_record.reason }}"
                              
                            })'
                        class="btn btn-icon btn-sm btn-info-transparent rounded-pill"
                      >
                        <i class="ri-edit-line"></i>
                      </a>
                    </td>
                    {% endif %}
                  </tr>
                  {% endfor %} {% endif %}
                </tbody>
              </table>
              {% if not chargeBacksList %}
              <h5 class="mt-2" style="text-align: center; font-size: medium">
                No Data Found
              </h5>
              {% endif %}
            </div>

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

<div class="modal fade" id="addtask" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered md-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h6 class="modal-title" id="mail-ComposeLabel">
          Create New Chargeback
        </h6>
        <button
          type="button"
          class="btn-close"
          data-bs-dismiss="modal"
          aria-label="Close"
        ></button>
      </div>
      <form
        method="GET"
        action="{{url_for('charge_backs.get_charge_back_data_by_orderId')}}"
        enctype="multipart/form-data"
        id="upload_csv_data"
      >
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
        <!-- Add your form fields here -->
        <div class="modal-body">
          <div class="form-group">
            <label for="chargeBackType">Charge Back Type*</label>
            <select
              class="form-control form-select"
              name="chargeBackType"
              required
            >
              <option value="">Select charge back type</option>
              <option value="wallet">Wallet</option>
              <option value="digital_gold">Digital Gold</option>
              <option value="utility">Utility</option>
              <option value="all">All</option>
            </select>
            <span id="chargeBackType_error" class="error"></span>
          </div>

          <div class="form-group">
            <label for="pgOrderId">pgOrderId*</label>
            <input
              type="text"
              class="form-control"
              id="pgOrderId"
              name="pgOrderId"
              required
            />
            <span id="pgOrderId_error" class="error"></span>
          </div>

          <div class="modal-footer justify-content-between">
            <span id="errorMessage" class="error"></span>
            <button
              type="button"
              class="btn btn-default"
              data-bs-dismiss="modal"
            >
              Close
            </button>
            <button type="submit" class="btn btn-primary">Submit</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<div
  class="modal fade"
  id="updatechargebackStatusModal"
  tabindex="-1"
  role="dialog"
  aria-labelledby="updateChargebackStatusLabel"
  aria-hidden="true"
>
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="updateChargebackStatusLabel">
          Update ChargeBack Status
        </h5>
        <button
          type="button"
          class="btn-close"
          data-bs-dismiss="modal"
          aria-label="Close"
        ></button>
      </div>
      <div class="modal-body">
        <form
          method="POST"
          action=""
          id="updateChargebackForm"
          enctype="multipart/form-data"
        >
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
          <input type="hidden" id="latitude_update" name="latitude" />
          <input type="hidden" id="longitude_update" name="longitude" />
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="editChargebackStatus">ChargeBack Status*</label>
                <select
                  class="form-control form-select"
                  id="editChargebackStatus"
                  name="chargebackStatus"
                  required
                >
                  <option value=3>Initiated</option>
                  <option value=0>Chargeback Reversal</option>
                  <option value=1>
                    Amount Credit to Customer/ Customer favour and capped
                  </option>
                  <option value=2>Recovered from Agents</option>
                  <option value=4>Customer favour without agent debit</option>
                  <option value=5>Customer favour with technical issue</option>
                </select>
                <span id="chargebackStatus_edit_error" class="error"></span>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="editChargebackReason">ChargeBack Reason*</label>
                <input
                  type="text"
                  class="form-control"
                  id="editChargebackReason"
                  name="chargebackReason"
                  title="Reason Type must contain only alphanumeric characters, spaces, and specific special characters:@#$()+_-/."
                  value=""
                  required
                />
                <span id="chargebackReason_edit_error" class="error"></span>
              </div>
            </div>
          </div>

          <div class="modal-footer justify-content-between">
            <button
              type="button"
              class="btn btn-default"
              data-bs-dismiss="modal"
            >
              Close
            </button>
            <button type="submit" class="btn btn-primary form_submit">
              Update
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<!-- End::app-content -->

{% endblock %}