{% extends "finance_and_banking_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% load widget_tweaks %}
{% block title %}
<title>Update BTB Amendments</title>
{% endblock title %}
{% block 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">
  {% if request.user.is_superuser == True or user_obj.user_type == 'dept_admin' %}
<form action="" method="POST" enctype="multipart/form-data" autocomplete="off">
  {% csrf_token %}
  <div class="accordion-item">
      <div class="card">
        <div class="card-header">
          <h5 class="mb-0 fw-bold"> 
            Update BTB Amendments
          </h5>
        </div>
        <div class="card-body">
            <div class="row">
              <div class="col-md-4">
                {{form.btb_lc|as_crispy_field}}
              </div>
              <div class="col-md-4">
                {{form.orginal_lc_value|as_crispy_field}}
              </div> 
              <div class="col-md-4">
                {{form.value|as_crispy_field}}
              </div>
               
              
            </div>
            {% comment %} <div class="row">
              <div class="col-md-8">
                {{form.pi|as_crispy_field}}
              </div>
              <div class="col-md-4">
                {{form.pi_value|as_crispy_field}}
              </div>  
            </div> {% endcomment %}
            <div class="row">
              <div class="col-md-4">
                {{form.total_lc_value|as_crispy_field}}
              </div>
              <div class="col-md-4">
                {{form.date|as_crispy_field}}
              </div>
              
              <div class="col-md-4">
                {{form.remarks|as_crispy_field}}
              </div>   
            </div>
        </div>
   
      </div>
  
      <div class="row" style="margin-top: 10px;margin-bottom: 8px;">
        <div class="col-md-12 text-center">
            <button type="submit" class="cus-btn" >Update</button>
        </div>
    </div>
</div>
</form>
</div>
</div>
{% endif %} 
{% endblock MainContent %}
{% block meassage %}
{% include 'notifications/notifications.html' %}           
{% endblock meassage %}

{% block JS %}
 <script>
   


    $("#id_file").change(function () {
      var fileId = $(this).val();  
      console.log('fileId ',fileId )
      $.ajax({                       
        url: ajax_budget_load_url,
        
        data: {
          'file': fileId   
        },
        success: function (data) { 
          console.log(data);
          $("#id_budget").html(data);  
          }
      }); 
    });

    $("#id_budget").change(function () {
      var budgetId = $(this).val();  
      console.log('budgetId ',budgetId )
      $.ajax({                       
        url: ajax_supplier_load_url,
        
        data: {
          'budget': budgetId   
        },
        success: function (data) { 
          console.log(data);
          $("#id_supplier").html(data);  
          }
      }); 
    });


    $("#id_supplier").change(function () {
      var supplierId = $(this).val();
      console.log('supplierId ',supplierId )
      $.ajax({                       
        url: ajax_pi_load_url,
        
        data: {
          'supplier': supplierId   
        },
        success: function (data) { 
          console.log(data);
          $("#id_pi").html(data);  
          }
      }); 
    });

    $("#id_file").change(function () {
      var fileId = $(this).val();  
      console.log('fileId ',fileId )
      $.ajax({                       
        url: ajax_file_pi_load_url,
        
        data: {
          'file': fileId   
        },
        success: function (data) { 
          console.log(data);
          $("#id_pi").html(data);  
          }
      }); 
    });


    $("#id_budget").change(function () {
      var budgetId = $(this).val();  
      console.log('budgetId ',budgetId )
      $.ajax({                       
        url: ajax_budget_pi_load_url,
        
        data: {
          'budget': budgetId   
        },
        success: function (data) { 
          console.log(data);
          $("#id_pi").html(data);  
          }
      }); 
    });

    $("#id_file").change(function () {
      var fileId = $(this).val();  
      console.log('fileId ',fileId )
      $.ajax({                       
        url: ajax_file_supplier_pi_load,
        
        data: {
          'file': fileId   
        },
        success: function (data) { 
          console.log(data);
          $("#id_supplier").html(data);  
          }
      }); 
    });


    $(document).ready(function() {
      $('#id_pi').change(function() {
          const selectedPIs = $(this).val();
          if (selectedPIs.length > 0) {
              $.ajax({
                  url: "{% url 'calculate_pi_value' %}",
                  data: {
                      'pi_ids': selectedPIs
                  },
                  success: function(data) {
                      $('#id_pi_value').val(data.pi_value_sum); 
                  }
              });
          } else {
              $('#id_pi_value').val('');
          }
      });
    });


    //btb lc
    $("#id_supplier").change(function () {
      var supplierId = $(this).val();
      console.log('supplierId ',supplierId )
      $.ajax({                       
        url: ajax_btb_lc_load_url,
        
        data: {
          'supplier_id': supplierId   
        },
        success: function (data) { 
          console.log(data);
          $("#id_btb_lc").html(data);  
          }
      }); 
    });


    $(document).ready(function(){
      $('#id_btb_lc').change(function(){
        const selectedLCs = $(this).val()
        if(selectedLCs){
          $.ajax({
            url: "{% url 'get_orginal_lc_value' %}",
            data: {
              'lc_id': selectedLCs
            },
            success: function(data){
              if(data.orginal_lc_value !== undefined){
                $('#id_orginal_lc_value').val(data.orginal_lc_value)
              }
              else{
                $('id_orginal_lc_value').val('')
              }
            }
          })
        }
        else{
          $('id_orginal_lc_value').val('')
        }
      })
    })



    $(document).ready(function() {
      $('#id_btb_lc').change(function() {
          var btbLcId = $(this).val();
          if (btbLcId) {
              $.ajax({
                  url: "{% url 'get_total_lc_value' %}",  
                  type: 'GET',                    
                  data: { 'btb_lc_id': btbLcId },
                  success: function(response) {
                      if (response.error) {
                          alert(response.error); 
                          $('#id_total_lc_value').val('');
                      } else {
                          $('#id_total_lc_value').val(response.total_lc_value);
                      }
                  },
                  error: function() {
                      alert('An error occurred while calculating the total LC value.');
                  }
              });
          } else {
              $('#id_total_lc_value').val('');
          }
      });
  }); 


  


      $(document).ready(function() {
        $("#id_supplier").select2();
      });
      $(document).ready(function() {
        $("#id_file").select2();
      });
      $(document).ready(function() {
        $("#id_budget").select2();
      });
      $(document).ready(function() {
        $("#id_btb_lc").select2();
      });
      $(document).ready(function() {
        $("#id_pi").select2();
      });
      
</script> 
<script src="{% static 'js/f_nd_b_app/file/create.js' %} "></script>

{% endblock JS %}