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

{% block title %}
<title>BTB Payment Request Index</title>
{% endblock title %}
{% block Style %}
<style>
  .search {
    width: 100%!important;
  }

  .fa-plus {
    background: #0077b7!important;
    color: #fff;
  
  }
  .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

</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">
      <div class="table-title">
        <div class="row">
            <div class="col-md-6">
              <div class="depertment-name">
                <h4 class="fw-bold">BTB Payment Request Index</h4>
              </div>
            </div>
            <div class="col-md-6">
              <div class="add-btn">
                
                <a href="{% url 'btb-payment-create' %}"> <button id="mother-rganization" class="cus-btn"   style="background:#EA9999;" type="button" name="button">
                  <i class="fa fa-plus-circle" aria-hidden="true"></i>
                  Payment Request
              </button></a>
            </div>
          </div>
        </div>

        <div class="table-header">
          <div class="row">
            <div class="col-md-3">
              <div class="data-search">
                <div class="input-group search">
                  <input class="form-control" id="searchStyle" placeholder="Search..." type="search">
                  <span class="input-group-text" id="searchBtn"><i aria-hidden="true" class="fa fa-search"></i></span>
                </div>
              </div>
            </div>
          </div>
        </div>  

        {% if btb_payments_obj %}
         <div class="accordion mb-3" id="btbAccordion">
  <div class="accordion-item">
    <h2 class="accordion-header" id="btbHeading">
      <button class="accordion-button collapsed fw-bold"
              type="button"
              data-bs-toggle="collapse"
              data-bs-target="#btbCollapse"
              aria-expanded="false"
              aria-controls="btbCollapse"
              style="background: #FFF3CD;">
        BTB Positions Manager Approval Pending &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{ btb_payments_obj|length }}
      </button>
    </h2>
    <div id="btbCollapse" class="accordion-collapse collapse" aria-labelledby="btbHeading" data-bs-parent="#btbAccordion">
      <div class="accordion-body">
        <div class="tables table-responsive p-0" id="btb_opening_list">
          <table class="table table-hover table-bordered align-middle">
            <thead>
              <tr class="table-danger text-center">
                <th colspan="11">BTB Positions</th>
              </tr>
              <tr>
                <th class="text-center">SL No</th>
                <th>PI Number</th>
                <th>Supplier</th>
                <th>PI Value</th>
                <th>Consignment Value</th>
                <th>BTB LC</th>
                <th>Tentative Doc. Release Date</th>
                <th>Approvals</th>
                <th>Remarks</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              {% for payment in btb_payments_obj %}
              <tr>
                <td class="text-center">{{ forloop.counter }}</td>
                <td>{{ payment.pi.pi_no }}</td>
                <td>{{ payment.pi.supplier }}</td>
                <td>${{ payment.pi.pi_value }}</td>
                {% if payment.is_consignment_overruled %}
                <td class="bg-danger text-light">${{payment.payment_consignment_value}}</td>
                {% else %}
                <td>${{payment.payment_consignment_value}}</td>
                {% endif %}
                {% if payment.btb_lc %}
                <td>{{ payment.btb_lc }}</td>
                {% else %}
                <td>0</td>
                {% endif %}
                <td>{{payment.tentative_release_date}}</td>
                <td>{{ payment.get_manager_approval_status_display }}</td>
                <td>{{ payment.pi.remarks|default:"N/A" }}</td>
                <td>
                  <ul class="action d-flex list-unstyled gap-2">
                    <li>
                      <a href="{% url 'btb_position_details' payment.id %}" title="View">
                        <i class="fa fa-eye"></i>
                      </a>
                    </li>
                    <li>
                      {% if payment.manager_approval_status == 'submitted' or payment.manager_approval_status == "submitted_from_merchant" %}
                        <a onclick="SweetDelete(event,this.href)" href="{% url 'btb_position_delete' payment.id %}" title="Delete">
                          <i class="fa fa-trash"></i>
                        </a>
                      {% else %}
                        <a style="cursor: not-allowed;" title="Not allowed">
                          <i class="fa fa-trash" style="background:gray;"></i>
                        </a>
                      {% endif %}
                    </li>
                  </ul>
                </td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
          {% endif %}
        {% if btb_payments %}
          <div class="tables table-responsive p-0" id="btb_opening_list">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th class="text-center" colspan=12 style="background:#EA9999;">BTB Positions	</th>
                    </tr>
                    
                    <tr>
                        <th class="text-center">SL No</th>
                        <th>PI Number</th>
                        <th>Supplier</th>
                        <th>Budget</th>
                        <th>PI Value</th>
                        <th>Consignment Value</th>
                        <th>BTB LC</th>
                        <th>Tentative Doc. Release Date</th>
                        <th>Approvals</th>
                        <th>FnB Status</th>
                        <th>Remarks</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                  
                  {% for payment in btb_payments %}
                  <tr>
                    <td class="text-center">{{forloop.counter}} </td>
                    <td>{{payment.pi.pi_no}}</td>
                    <td>{{payment.pi.supplier}}</td>
                    <td>{{payment.pi.budget}}</td>
                    <td>${{payment.pi.pi_value}}</td>
                    {% if payment.is_consignment_overruled %}
                    <td class="bg-danger text-light">${{payment.payment_consignment_value}}</td>
                    {% else %}
                    <td>${{payment.payment_consignment_value}}</td>
                    {% endif %}
                    <td {% if payment.pi.btb_lc_no != 'N/A' %} class="bgc-approved" {% endif %} >{{payment.pi.btb_lc_no}}</td>
                    <td>{{payment.tentative_release_date}}</td>
                    <td>{{payment.get_manager_approval_status_display}}</td>
                    <td>{% if payment.f_nd_b_submission == 'submitted_from_merchant'  %} Pending For Doc Receiving {% elif payment.f_nd_b_submission == 'submitted_for_doc_approvals' %}Waiting For Doc Approval {% else %} {{payment.get_f_nd_b_submission_display|default:"Not Submitted"}} {% endif %}</td>
                    <td>{{payment.pi.remarks|default:"N/A"}}</td>
                    <td>
                      <ul class="action">
                        <li>
                            <a type="button" href="{% url 'btb_position_details' payment.id %}">
                              <i class="fa fa-eye" aria-hidden="true"></i>
                            </a>
                        </li>

                        {% if payment.f_nd_b_submission == 'not_submitted' and payment.manager_approval_status != "submitted" %}

                        <li>
                            <a onclick="SweetDelete(event,this.href)" href="{% url 'btb_position_delete' payment.id %}">
                              <i class="fa fa-trash" aria-hidden="true"></i>
                            </a>
                        </li>
                        
                        {% else %}
                          <li>
                            <a style="pointer-events: none;" onclick="SweetDelete(event,this.href)" href="{% url 'btb_position_delete' payment.id %}">
                              <i class="fa fa-trash" style="background:gray;" aria-hidden="true"></i>
                            </a>
                        </li>
                        {% endif %}
                     </ul>
                    </td>

                
                  </tr>
                  {% endfor %}
                    
                </tbody>
            </table>
            
          </div>
          {% if btb_opening_obj.has_other_pages %}
            <nav aria-label="Page navigation example">
              <ul class="pagination justify-content-end">
                  {% if btb_opening_obj.has_previous %}
                    <li class="page-item" >
                          <a href="?page={{ btb_opening_obj.previous_page_number }}" class="page-link" tabindex="-1">Previous</a>
                      </li>
                    {% if btb_opening_obj.number > 3 %}
                    <li class="page-item">
                      <a class="page-link" href="?page=1">1</a>
                    </li>
                      {% if btb_opening_obj.number > 4 %}
            
                      <li class="page-item">
                      <span class="page-link">...</span>
                      </li>
                      {% endif %}
                    {% endif %}
                  {% endif %}
            
                  {% for num in btb_opening_obj.paginator.page_range %}
                    {% if btb_opening_obj.number == num %}
                    <li class="page-item active">
                      <a class="page-link" href="?page={{ num }}">{{ num }}</a>
                    </li>
                    {% elif num > btb_opening_obj.number|add:'-3' and num < btb_opening_obj.number|add:'3' %}
                    <li class="page-item">
                      <a class="page-link" href="?page={{ num }}">{{ num }}</a>
                    </li>
                    {% endif %}
                  {% endfor %}
            
                  {% if btb_opening_obj.has_next %}
                    {% if btb_opening_obj.number < btb_opening_obj.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={{ btb_opening_obj.paginator.num_pages }}">{{ btb_opening_obj.paginator.num_pages }}</a>
                      </li>
                    {% elif btb_opening_obj.number < btb_opening_obj.paginator.num_pages|add:'-2' %}
                    <li class="page-item">
                      <a class="page-link" href="?page={{ btb_opening_obj.paginator.num_pages }}">{{ btb_opening_obj.paginator.num_pages }}</a>
                    </li>
                    {% endif %}
                    <li class="page-item">
                    <a href="?page={{ btb_opening_obj.next_page_number }}" class="page-link">Next</a>
                    </li>
                  {% endif %}
              </ul>  
            </nav> 
            {% endif %}  
        </div>
      </div>
    </div>
{% endif %}


</div>


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

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

{% endblock meassage %}

{% block JS %}

<script type=text/javascript>
  var btb_opening_index_search_url = "{% url 'btb_opening_index_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
      }
    })
  }
</script>

<script>
  $("#searchStyle").keypress(function (e) { 
    if (e.keyCode == 13){
    $("#searchBtn").click();
    }
  });
  
$("#searchBtn").click(function () {
  console.log($("#searchStyle").val())
  if($("#searchStyle").val())
    $.ajax({                       
    url: btb_opening_index_search_url,                   
    data: {
      'btb_index_list': $("#searchStyle").val()
    },
    success: function (data) {   
      $("#btb_opening_list").html(data);
    }
  });
  else
  location.href = btb_opening_index_search_url
});
</script>

{% endblock JS %}