{% extends "finance_and_banking_base.html" %}
{% load static %}
{% load crispy_forms_tags %}

{% block title %}
<title>BTB Payments</title>
{% endblock title %}
{% block Style %}
<style>
  .search {
    width: 94%!important;
  }
  .cus-btn {
    background: #FC6736;
  }
  .contents {
    padding: 10px;
  }
  .table > :not(caption) > * > * {
    padding: 7px 10px;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 1.5;
    color: #374767;
  }
  .table-container {
    position: relative;
    overflow-x: auto;
    overflow-y: auto;
    height: 600px;
    margin-top: 10px;
  }
  .fixed th,
  .fixed td,
  .fixed tr {
    position: sticky;
    background-color: #fff;
    z-index: 2;
  }

  .fixed thead tr:nth-child(1){
    top: -17px;
    z-index: 4;
  }
  .fixed th:nth-child(1),
  .fixed td:nth-child(1) {
    width: -16px;
    left: -16px;
    z-index: 4;
  }
  .fixed th:nth-child(2),
  .fixed td:nth-child(2) {
    width: 21px;
    left: 21px;
    z-index: 4;
  }
  .fixed th:nth-child(3),
  .fixed td:nth-child(3) {
    width: 84px;
    left: 84px;
    z-index: 4;
  }
  .fixed th:nth-child(4),
  .fixed td:nth-child(4) {
    width: 170px;
    left: 170px;
    z-index: 4;
  }
  .fixed th:nth-child(5),
  .fixed td:nth-child(5) {
    width: 259px;
    left: 258px;
    z-index: 4;
  }

</style>

{% endblock Style %}

{% block MainContent %}


{% if messages %}
  {% for message in messages %}
    <div class="alert alert-dismissible fade show {% if message.tags %}alert-{% if message.level == DEFAULT_MESSAGE_LEVELS.ERROR %}danger{% else %}{{ message.tags }}{% endif %}{% endif %}" role="alert">{{ message }}
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
  {% endfor %}
{% endif %}


<div class="contents">
<div class="table-area">
  <!-- table-title -->
  <div class="table-title">
    <div class="row">
      <div class="col-md-4">
        <div class="depertment-name">
          <h4>BTB Payments</h4>
        </div>
      </div>
      <div class="col-md-3"></div>
       <div class="col-md-2">
        {% comment %} <div class="add-btn">
          <a href="{% url 'old-btb-payment-create' %}"> <button id="mother-rganization" class="cus-btn"  type="button" name="button">
              <i class="fa fa-plus-circle" aria-hidden="true"></i>
               Old Payment
          </button></a>
          
        </div> {% endcomment %}
      </div>
        <div class="col-md-3">
        <div class="add-btn">
          <a href="{% url 'btb_lc_payment_file_wise_delete' %}"> <button id="mother-rganization" class="cus-btn"  type="button" name="button">
              <i class="fa fa-trash-o" aria-hidden="true" style="color:block;"></i>
               Payment Delete
          </button></a>
          {% comment %} <a href="{% url 'payment-create' %}"> <button id="mother-rganization" class="cus-btn"  type="button" name="button">
              <i class="fa fa-plus-circle" aria-hidden="true"></i>
               Payment
          </button></a> {% endcomment %}
          
        </div>
      </div> 
 
    </div>
  </div>
  {% if doc_receiving_obj %}
<div class="accordion mb-3 px-2 mt-2" id="docReceivingAccordionGroup">
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingDocReceiving">
      <button style="font-size: 15px; background: #cfe2ff;"
              class="accordion-button collapsed fw-bold {% if doc_receiving_obj|length > 0 %}text-dark{% endif %}" 
              type="button" data-bs-toggle="collapse" data-bs-target="#collapseDocReceiving" 
              aria-expanded="false" aria-controls="collapseDocReceiving">
        📄 Document Receiving &nbsp;&nbsp; {{ doc_receiving_obj|length }}
      </button>
    </h2>
    
    <div id="collapseDocReceiving" class="accordion-collapse collapse" aria-labelledby="headingDocReceiving" data-bs-parent="#docReceivingAccordionGroup">
      <div class="accordion-body p-0">

        <!-- Your document receiving content here -->
        <div class="table-responsive">
          <table class="table table-striped table-hover">
            <thead>
              <tr>
              <th class="text-center">SL No</th>
                <th>PI Number</th>
                <th>Supplier</th>
                <th>File Number</th>
                <th>PI Value</th>
                <th>Consignment Value</th>
                <th>BTB LC</th>
                <th>Tentative Doc. Release Date</th>
                <th>Approvals</th>

                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              {% if doc_receiving_obj %}
                {% for doc in doc_receiving_obj %}
                <tr>
                <td class="text-center">{{ forloop.counter }}</td>
                <td>{{ doc.pi.pi_no }}</td>
                <td>{{ doc.pi.supplier }}</td>
                 <td>{{ doc.pi.parent_file }}(Order-{{doc.pi.parent_order.order_no}})</td>
                <td>${{ doc.pi.pi_value }}</td>
                {% if doc.is_consignment_overruled %}
                <td class="text-light" style="background-color: #DC3545!important;">${{doc.payment_consignment_value}}</td>
                {% else %}
                <td>${{doc.payment_consignment_value}}</td>
                {% endif %}
                {% if doc.btb_lc %}
                <td>{{ doc.btb_lc }}</td>
                {% else %}
                <td>0</td>
                {% endif %}
                <td>{{ doc.tentative_release_date }}</td>
                <td>{% if doc.f_nd_b_submission == 'submitted_from_merchant'  %} Pending For Doc Receiving {% elif doc.f_nd_b_submission == 'submitted_for_doc_approvals' %}Waiting For Doc Approval {% else %} {{doc.get_f_nd_b_submission_display|default:"Not Submitted"}} {% endif %}</td>

                <td>
                  <ul class="action">
                    <li>
                      <a href="{% url 'payment_doc_receiving' doc.id %}">
                          <i aria-hidden="true" class="fa fa-eye"></i> 
                      </a>
                    </li>
                  </ul>
                </td>
                </tr>
                {% endfor %}
              {% else %}
                <tr><td colspan="9" class="text-center">No documents found</td></tr>
              {% endif %}
            </tbody>
          </table>
        </div>

      </div>
    </div>
  </div>
</div>
{% endif %}
{% if doc_approval_obj %}
<div class="accordion mb-3 px-2 mt-2" id="docapprovalAccordionGroup">
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingDocapproval">
      <button style="font-size: 15px; background: #cfe2ff;"
              class="accordion-button collapsed fw-bold {% if doc_approval_obj|length > 0 %}text-dark{% endif %}" 
              type="button" data-bs-toggle="collapse" data-bs-target="#collapseDocapproval" 
              aria-expanded="false" aria-controls="collapseDocapproval">
        📄 Document Approval &nbsp;&nbsp; {{ doc_approval_obj|length }}
      </button>
    </h2>
    
    <div id="collapseDocapproval" class="accordion-collapse collapse" aria-labelledby="headingDocapproval" data-bs-parent="#docapprovalAccordionGroup">
      <div class="accordion-body p-0">

        <!-- Table -->
        <div class="table-responsive">
          <table class="table table-striped table-hover">
            <thead>
              <tr>
                <th class="text-center">SL No</th>
                <th>PI Number</th>
                <th>Supplier</th>
                <th>File Number</th>
                <th>PI Value</th>
                <th>Consignment Value</th>
                <th>BTB LC</th>
                <th>Tentative Doc. Release Date</th>
                <th>Approvals</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              {% for doc in doc_approval_obj %}
                <tr>
                  <td class="text-center">{{ forloop.counter }}</td>
                  <td>{{ doc.pi.pi_no }}</td>
                  <td>{{ doc.pi.supplier }}</td>
                  <td>{{ doc.pi.parent_file }} (Order-{{ doc.pi.parent_order.order_no }})</td>
                  <td>${{ doc.pi.pi_value }}</td>
                  {% if doc.is_consignment_overruled %}
                    <td class="text-light" style="background-color: #DC3545!important;">${{ doc.payment_consignment_value }}</td>
                  {% else %}
                    <td>${{ doc.payment_consignment_value }}</td>
                  {% endif %}
                  <td>{{ doc.btb_lc|default:"0" }}</td>
                  <td>{{ doc.tentative_release_date }}</td>
                  <td>
                    {% if doc.f_nd_b_submission == 'submitted_from_merchant' %}
                      Pending For Doc Receiving
                    {% elif doc.f_nd_b_submission == 'submitted_for_doc_approvals' %}
                      Waiting For Doc Approval
                    {% else %}
                      {{ doc.get_f_nd_b_submission_display|default:"Not Submitted" }}
                    {% endif %}
                  </td>
                  <td>
                    <ul class="action">
                      <li>
                        <a href="{% url 'payment_doc_approvals' doc.id %}">
                          <i class="fa fa-eye" aria-hidden="true"></i>
                        </a>
                      </li>
                    </ul>
                  </td>
                </tr>
              {% empty %}
                <tr><td colspan="9" class="text-center">No documents found</td></tr>
              {% endfor %}
            </tbody>
          </table>
        </div>

      </div>
    </div>
  </div>
</div>
{% endif %}
{% if doc_acceptance_obj %}
<div class="accordion mb-3 px-2 mt-2" id="acceptanceAccordionGroup">
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingAcceptance">
      <button style="font-size: 15px; background: #cfe2ff;" 
              class="accordion-button collapsed fw-bold text-dark" 
              type="button" data-bs-toggle="collapse" data-bs-target="#collapseAcceptance" 
              aria-expanded="false" aria-controls="collapseAcceptance">
        🔐 BTB Acceptance Info &nbsp;&nbsp; {{ doc_acceptance_obj|length }}
      </button>
    </h2>
    <div id="collapseAcceptance" class="accordion-collapse collapse" aria-labelledby="headingAcceptance" data-bs-parent="#acceptanceAccordionGroup">
      <div class="accordion-body p-0">

        <!-- START: Acceptance Table Block -->
        <div class="table-header">
          <div class="row">
            <div class="col-md-3">
              <div class="data-search">
                <div class="input-group search">
                  <input type="search" class="form-control" id="searchBtblcsPayment" placeholder="Search...">
                  <span class="input-group-text" id="search-btn">
                    <i class="fa fa-search" aria-hidden="true"></i>
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="tables table-responsive table-container" id="btbLcPaymentList">
          <table class="table table-striped table-hover fixed">
            <thead>
              <tr>
                <th class="text-center">SL</th>
                <th class="text-center">Action</th>
                <th class="text-center">File</th>
                <th class="text-center">Fin. File</th>
                <th class="text-center">LC No</th>
                <th class="text-center">Tenor</th>
                <th class="text-center">Supplier</th>
                <th class="text-center">Supplier Type</th>
                <th class="text-center">Opening Date</th>
                <th class="text-center">Total Value</th>
                <th class="text-center">BL Date</th>
                <th class="text-center">Goods</th>
                <th class="text-center">Goods Rcvd Date</th>
                <th class="text-center">Rcvd Cons. Qty</th>
                <th class="text-center">Rcvd Cons. Value</th>
                <th class="text-center">Doc Rcvd Date</th>
                <th class="text-center">Requested Value</th>
                <th class="text-center">Acceptance Date</th>
                <th class="text-center">Party Acceptance Value</th>
                <th class="text-center">Maturity Date</th>
                <th class="text-center">Maturity Value</th>
                <th class="text-center">Due Date</th>
                <th class="text-center">Payment Date</th>
                <th class="text-center">Payment Value</th>
                <th class="text-center">Total Paid</th>
                <th class="text-center">Balance</th>
                <th class="text-center">Remarks</th>
              </tr>
            </thead>
            <tbody>
              {% if doc_acceptance_obj %}
                {% for payment in doc_acceptance_obj %}
                <tr>
                  <td class="text-center">{{ forloop.counter }}</td>
                  <td class="text-center align-middle">
                    <ul class="action">
                      <li>
                        <a href="{% url 'payment_doc_acceptance' payment.payment_request.id %}">
                          <i class="fa fa-eye" aria-hidden="true"></i>
                        </a>
                      </li>
                    </ul>
                  </td>
                  <td class="text-center">{{ payment.file_name|default:"N/A" }}</td>
                  <td class="text-center">{{ payment.btb_lc.finance_file|default:"N/A" }}</td>
                  <td class="text-center">{{ payment.btb_lc|default:"N/A" }}</td>
                  <td class="text-center">{{ payment.btb_lc.tenor|default:"N/A" }}</td>
                  <td class="text-center">{{ payment.btb_lc.supplier|default:"N/A" }}</td>
                  <td class="text-center">{{ payment.btb_lc.supplier.supplier_type|default:"N/A" }}</td>
                  <td class="text-center">{{ payment.btb_lc.opening_date|default:"N/A" }}</td>
                  <td class="text-center">${{ payment.btb_lc.lc_value.total_lc_value|default:"0" }}</td>
                  <td class="text-center">{{ payment.bl_date|default:"N/A" }}</td>
                  <td class="text-center">{{ payment.payment_request.pi.backlog_budget_costing.good_description|default:"N/A" }}</td>
                  <td class="text-center">{{ payment.good_rcv_date|default:"N/A" }}</td>
                  <td class="text-center">
                    {% if payment.payment_request.payment_consignment_value %}
                      {{ payment.payment_request.payment_consignment_value|default:"0" }}
                    {% else %}
                      {{ payment.rcv_con_qty|default:"0" }}
                    {% endif %}
                  </td>
                  <td class="text-center">{{ payment.rcv_con_value|default:"0" }}</td>
                  <td class="text-center">{{ payment.doc_rcv_date|default:"N/A" }}</td>
                  <td class="text-center">${{ payment.payment_request.payment_consignment_value|default:"0" }}</td>
                  <td class="text-center">{{ payment.acceptance_date|default:"N/A" }}</td>
                  <td class="text-center">${{ payment.acceptance_value|default:"0" }}</td>
                  <td class="text-center">{{ payment.maturity_date|default:"N/A" }}</td>
                  <td class="text-center">${{ payment.maturity_value|default:"0" }}</td>
                  <td class="text-center">{{ payment.due_date|default:"N/A" }}</td>
                  <td class="text-center">{{ payment.payment_date|default:"N/A" }}</td>
                  <td class="text-center">${{ payment.payment_value|default:"0" }}</td>
                  <td class="text-center">${{ payment.btb_lc.lc_value.paid_amount|default:"0" }}</td>
                  <td class="text-center">${{ payment.btb_lc.lc_value.balance|default:"0" }}</td>
                  <td class="text-center">{{ payment.remarks|default:"N/A" }}</td>
                </tr>
                {% endfor %}
              {% else %}
                <tr>
                  <td colspan="27" class="text-center">Data is not found</td>
                </tr>
              {% endif %}
            </tbody>
          </table>
        </div>
        <!-- END: Acceptance Table Block -->

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

{% if doc_approved_obj %}
<div class="accordion mb-3 px-2 mt-2" id="approvedDocsAccordion">
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingApprovedDocs">
      <button style="font-size: 15px; background: #cfe2ff;"
              class="accordion-button collapsed fw-bold {% if doc_approved_obj|length > 0 %}text-dark{% endif %}" 
              type="button" data-bs-toggle="collapse" data-bs-target="#collapseApprovedDocs" 
              aria-expanded="false" aria-controls="collapseApprovedDocs">
      📁 Approved Docs &nbsp;&nbsp; {{ doc_approved_obj|length }}
      </button>
    </h2>
    
    <div id="collapseApprovedDocs" class="accordion-collapse collapse" aria-labelledby="headingApprovedDocs" data-bs-parent="#approvedDocsAccordion">
      <div class="accordion-body p-0">

        <!-- Table -->
        <div class="table-responsive">
          <table class="table table-striped table-hover">
            <thead>
              <tr>
                <th class="text-center">SL No</th>
                <th>PI Number</th>
                <th>Supplier</th>
                <th>File Number</th>
                <th>PI Value</th>
                <th>Consignment Value</th>
                <th>BTB LC</th>
                <th>Tentative Doc. Release Date</th>
                <th>Approvals</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              {% for doc in doc_approved_obj %}
                <tr>
                  <td class="text-center">{{ forloop.counter }}</td>
                  <td>{{ doc.payment_request.pi.pi_no }}</td>
                  <td>{{ doc.payment_request.pi.supplier }}</td>
                  <td>{{ doc.payment_request.pi.parent_file }} (Order-{{ doc.payment_request.pi.parent_order.order_no }})</td>
                  <td>${{ doc.payment_request.pi.pi_value }}</td>
                  {% if doc.payment_request.is_consignment_overruled %}
                    <td class="text-light" style="background-color: #DC3545!important;">${{ doc.payment_request.payment_consignment_value }}</td>
                  {% else %}
                    <td>${{ doc.payment_request.payment_consignment_value }}</td>
                  {% endif %}
                  <td>{{ doc.btb_lc|default:"0" }}</td>
                  <td>{{ doc.expected_doc_release_date}}</td>
                  <td>
                    {% if doc.payment_request.f_nd_b_submission == 'submitted_from_merchant' %}
                      Pending For Doc Receiving
                    {% elif doc.payment_request.f_nd_b_submission == 'submitted_for_doc_approvals' %}
                      Waiting For Doc Approval
                    {% else %}
                      {{ doc.payment_request.get_f_nd_b_submission_display|default:"Not Submitted" }}
                    {% endif %}
                  </td>
                  <td>
                    <ul class="action">
                      <li>
                        <a href="{% url 'payment_doc_approved' doc.payment_request.id %}">
                          <i class="fa fa-eye" aria-hidden="true"></i>
                        </a>
                      </li>
                    </ul>
                  </td>
                </tr>
              {% empty %}
                <tr><td colspan="9" class="text-center">No documents found</td></tr>
              {% endfor %}
            </tbody>
          </table>
        </div>

      </div>
    </div>
  </div>
</div>
{% endif %}
{% if payments %}
<div class="accordion mb-3 px-2 mt-2" id="archivedAccordionGroup">
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingArchived">
      <button style="font-size: 15px; background: #cfe2ff;" 
              class="accordion-button collapsed fw-bold text-dark" 
              type="button" data-bs-toggle="collapse" data-bs-target="#collapseArchived" 
              aria-expanded="false" aria-controls="collapseArchived">
        🗃️ Archived  &nbsp;&nbsp;  {{ btb_payments_total|length }}
      </button>
    </h2>
    <div id="collapseArchived" class="accordion-collapse collapse" aria-labelledby="headingArchived" data-bs-parent="#archivedAccordionGroup">
      <div class="accordion-body p-0">

        <!-- START: Archived Table Block -->
        <div class="table-header">
          <div class="row">
            <div class="col-md-3">
              <div class="data-search">
                <div class="input-group search">
                  <input type="search" class="form-control" id="searchrchivedPayment" placeholder="Search...">
                  <span class="input-group-text" id="search-btnarchrchived">
                    <i class="fa fa-search" aria-hidden="true"></i>
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="tables table-responsive table-container" id="archivedList">
          <table class="table table-striped table-hover">
            <thead>
              <tr>
                <th class="text-center">SL No</th>
                <th>PI Number</th>
                <th>Supplier</th>
                <th>File Number</th>
                <th>PI Value</th>
                <th>Consignment Value</th>
                <th>BTB LC</th>
                <th>Tentative Doc. Release Date</th>
                <th>Approvals</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              {% for doc in payments %}
                <tr>
                  <td class="text-center">{{ forloop.counter }}</td>
                  <td>{{ doc.payment_request.pi.pi_no }}</td>
                  <td>{{ doc.payment_request.pi.supplier }}</td>
                  <td>{{ doc.payment_request.pi.parent_file }} (Order-{{ doc.payment_request.pi.parent_order.order_no }})</td>
                  <td>${{ doc.payment_request.pi.pi_value }}</td>
                  {% if doc.payment_request.is_consignment_overruled %}
                    <td class="text-light" style="background-color: #DC3545!important;">${{ doc.payment_request.payment_consignment_value }}</td>
                  {% else %}
                    <td>${{ doc.payment_request.payment_consignment_value }}</td>
                  {% endif %}
                  <td>{{ doc.btb_lc|default:"0" }}</td>
                  <td>{{ doc.expected_doc_release_date }}</td>
                  <td>
                    {% if doc.payment_request.f_nd_b_submission == 'submitted_from_merchant' %}
                      Pending For Doc Receiving
                    {% elif doc.payment_request.f_nd_b_submission == 'submitted_for_doc_approvals' %}
                      Waiting For Doc Approval
                    {% else %}
                      {{ doc.payment_request.get_f_nd_b_submission_display|default:"Not Submitted" }}
                    {% endif %}
                  </td>
                  <td>
                    <ul class="action">
                    {% if doc.payment_request %}
                      <li>
                        <a href="{% url 'payment_doc_archived' doc.payment_request.id %}">
                          <i class="fa fa-eye" aria-hidden="true"></i>
                        </a>
                      </li>
                    {% endif %}
                    </ul>
                  </td>
                </tr>
              {% empty %}
                <tr><td colspan="9" class="text-center">No documents found</td></tr>
              {% endfor %}
            </tbody>
          </table>
          {% if payments.has_other_pages %}
          <nav aria-label="Page navigation example">
            <ul class="pagination justify-content-end">
                {% if payments.has_previous %}
                  <li class="page-item" >
                        <a href="?page={{ payments.previous_page_number }}" class="page-link" tabindex="-1">Previous</a>
                    </li>
                  {% if payments.number > 3 %}
                  <li class="page-item">
                    <a class="page-link" href="?page=1">1</a>
                  </li>
                    {% if payments.number > 4 %}

                    <li class="page-item">
                    <span class="page-link">...</span>
                    </li>
                    {% endif %}
                  {% endif %}
                {% endif %}

                {% for num in payments.paginator.page_range %}
                  {% if payments.number == num %}
                  <li class="page-item active">
                    <a class="page-link" href="?page={{ num }}">{{ num }}</a>
                  </li>
                  {% elif num > payments.number|add:'-3' and num < payments.number|add:'3' %}
                  <li class="page-item">
                    <a class="page-link" href="?page={{ num }}">{{ num }}</a>
                  </li>
                  {% endif %}
                {% endfor %}

                {% if payments.has_next %}
                  {% if payments.number < payments.paginator.num_pages|add:'-3' %}
                    <li class="page-item">
                    <span class="page-link">...</span>
                    </li>
                    <li class="page-item">
                    <a class="page-link" href="?page={{ payments.paginator.num_pages }}">{{ payments.paginator.num_pages }}</a>
                    </li>
                  {% elif payments.number < payments.paginator.num_pages|add:'-2' %}
                  <li class="page-item">
                    <a class="page-link" href="?page={{ payments.paginator.num_pages }}">{{ payments.paginator.num_pages }}</a>
                  </li>
                  {% endif %}
                  <li class="page-item">
                  <a href="?page={{ payments.next_page_number }}" class="page-link">Next</a>
                  </li>
                {% endif %}
            </ul>  
          </nav> 
        {% endif %}  
        <!-- END: Archived Table Block -->

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

{% endblock MainContent %}
{% block meassage %}

{% include 'notifications/notifications.html' %}

{% endblock meassage %}

{% block JS %}

<script type=text/javascript>
  var redirect_url = "{% url 'payment-index' %}"
  var ajax_search_url = "{% url 'btb_lc_payment_search' %}"
  var ajax_archived_search_url = "{% url 'btb_lc_archived_search' %}"


  function SweetDelete(e,href){
    e.preventDefault()
    var self = $(this)
    Swal.fire({
      title: 'Are you sure?',
      text: "You won't be able to revert this!",
      icon: 'warning',
      showCancelButton: true,
      confirmButtonColor: '#3085d6',
      cancelButtonColor: '#d33',
      confirmButtonText: 'Yes, delete it!'
    }).then((result) => {
      if (result.isConfirmed) {
        Swal.fire(
          'Deleted!',
          'Your file has been deleted.',
          'success',
          
        )
        location.href = href
    
      }
    })
  }
  


  $("#searchBtblcsPayment").keypress(function (e) { 
    console.log('worked')
    if (e.keyCode == 13){
    $("#search-btn").click();
    }
  });
  $("#search-btn").click(function () { 
    console.log('worked')
    console.log($("#searchBtblcsPayment").val())
    if($("#searchBtblcsPayment").val())
      $.ajax({                       
      url: ajax_search_url,                   
      data: {
        'search_id': $("#searchBtblcsPayment").val()     
      },
      success: function (data) {   
        $("#btbLcPaymentList").html(data);  
      }
    });
    else
    location.href = redirect_url
  });


  $("#searchrchivedPayment").keypress(function (e) { 
    console.log('worked')
    if (e.keyCode == 13){
    $("#search-btnarchrchived").click();
    }
  });
  $("#search-btnarchrchived").click(function () { 
    console.log('worked')
    console.log($("#searchrchivedPayment").val())
    if($("#searchrchivedPayment").val())
      $.ajax({                       
      url: ajax_archived_search_url,                   
      data: {
        'search_id': $("#searchrchivedPayment").val()     
      },
      success: function (data) {   
        $("#archivedList").html(data);  
      }
    });
    else
    location.href = redirect_url
  });
</script>


{% endblock JS %}