{% extends "finance_and_banking_base.html" %}
{% load static %}
{% block title %}
<title>PI Details</title>
{% endblock title %}

{% block Style %}
 <style>
 .right{
    text-align: right !important;
  }
  .rowhight{
    height:5px !important;
  }
  .cus-btn:hover{
    color: white;
  }
  .highlighted-row {
            background-color: yellow !important; /* Replace with your desired background color */
            /* Add any other CSS properties you want to apply to the highlighted row */
        }
</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="card mt-2">
    <div class="bg-light card-header fw-bold row px-1" style="margin-left: 0px; margin-right: 0px;">
        <div class="col-md-10">
            PI Details
        </div>
      
            <div class="col-md-2 p-0" style="text-align: right;">
                <a href="{% url 'fnb_old_pi_upload_details_update' pi_obj.id pi_obj.parent_file.id pi_obj.parent_order.id %}" class="cus-btn" >Update</a>
            </div>
          {% comment %} {% if request.user.is_superuser == True %}
        {% else %}


            {% if pi_obj.f_nd_b_submission == 'not_submitted' or pi_obj.old_pi_btb_lc == 'N/A' %}
                <div class="col-md-2 p-0" style="text-align: right;">
                    <a href="{% url 'fnb_old_pi_upload_details_update' pi_obj.id pi_obj.parent_file.id pi_obj.parent_order.id %}" class="cus-btn" >Update</a>
                </div>
            {% endif  %}
        {% endif %} {% endcomment %}
    </div>
<div class="table-header">
  <div class="row">
    <div class="col-md-6 ">
      <table class="table table-bordered">
        <tbody>
            <tr>
                <th colspan="2" class="fw-bold text-center">PI Details</th>
            </tr>
            <tr>
                <th class="fw-bold">Item Details</th>
                <td>{{pi_obj.backlog_budget_costing.good_description|default:"N/A"}}</td>
            </tr>
            <tr>
                <th class="fw-bold">Material Type</th>
                <td>{% if pi_obj.material_type  %}{{pi_obj.get_material_type_display|default:"N/A"}} {% else %} N/A{% endif %}</td>
            </tr>
            <tr>
                <th class="fw-bold">Supplier</th>
                <td>{{pi_obj.supplier}}</td>
            </tr>
            <tr>
                <th class="fw-bold">PI No</th>
                <td>{{pi_obj.pi_no}}</td>
            </tr>
            <tr>
                <th class="fw-bold">PI Value</th>
                <td>${{pi_obj.pi_value|default:"N/A"}}</td>
            </tr>
            <tr>
                <th class="fw-bold">Costing Value</th>
                <td>${{pi_obj.backlog_budget_costing.costing_value|floatformat:"4"}}</td>
            </tr>
            <tr>
                <th class="fw-bold">PI Receive Date</th>
                <td>{{pi_obj.pi_rcv_date|default:"N/A"}}</td>
            </tr>
            <tr>
                <th class="fw-bold">Tenor</th>
                <td>{{pi_obj.tenor|default:"N/A"}}</td>
            </tr>
            <tr>
                <th class="fw-bold">Payment Type</th>
                <td>{{pi_obj.get_payment_type_display|default:"N/A"}}</td>
            </tr>

            <tr>
                <th class="fw-bold">Remarks</th>
                <td>{{pi_obj.remarks|default:"N/A"}}</td>
            </tr>
            {% for document in pi_document_obj %}
                <tr>
                    <th class="fw-bold">Documents</th>
                    {% if document.document %}
                    <td><a href="{{ document.document.url }}" target="_blank">View Document</a></td>
                    {% else %}
                    <td>Document not found</td>
                    {% endif %}
                </tr>
            {% endfor %}
        </tbody>
      </table>
    </div>

    <div class="col-md-6 ">
      <table class="table table-bordered">
        <tbody>
            <tr>
                <th colspan="2" class="fw-bold text-center">Basic Information</th>
            </tr>
            <tr>
                <th class="fw-bold">File</th>
                <td>{{pi_obj.parent_file}} (Order-{{pi_obj.parent_order.order_no}})</td>
            </tr>
            <tr>
                <th class="fw-bold">Budget</th>
                <td>{{pi_obj.parent_order}}</td>
            </tr>
            <tr>
                <th class="fw-bold">BTB LC</th>
                <td>{{pi_obj.btb_lc_no|default:"N/A"}}</td>
            </tr>
            <tr>
                <th class="fw-bold">BTB Tenor</th>
                <td>{{pi_obj.old_pi_btb_lc.btb_lc.tenor|default:"N/A"}}</td>
            </tr>
            <tr>
                <th class="fw-bold">Team</th>
                <td>{{pi_obj.team|default:"N/A"}}</td>
            </tr>

            {% if 'payment_request_manager_approval' in request.user.merchant_permissions or request.user.is_superuser %}
            <tr>
                <th class="fw-bold">PI Created From </th>
                <td>
                    {% if pi_obj.is_uploaded %}
                    Finance & Banking Department. {{pi_obj.uploaded}}
                    
                    {% else %}
                        Merchandising Department {{pi_obj.uploaded}}
                    {% endif %}
                </td>
            </tr>
           {% endif %}
            <tr>
                <th class="fw-bold">FnB Approval Status</th>
                {% if pi_obj.f_nd_b_approval_status == "Approved" %}
                <td class='bgc-approved'>{{pi_obj.get_f_nd_b_approval_status_display|default:"N/A"}}</td>
                {% else %}
                <td>{{pi_obj.get_f_nd_b_approval_status_display|default:"N/A"}}</td>
                {% endif %}
            </tr>
          
        </tbody>
      </table>
    </div>

  </div>
  </div>
</div>

<div class="card mt-2">
    <div class="bg-light card-header fw-bold row px-1" style="margin-left: 0px; margin-right: 0px;">
        <div class="col-md-10">
            Material Details
        </div>
        {% if request.user.is_superuser == True  %}
            <div class="col-md-2 p-0" style="text-align: right;">
                <a href="{% url 'fnb_old_materials_details_create' pi_obj.id %}" class="cus-btn"><i aria-hidden="true" class="fa fa-plus"></i> Add New</a>
            </div>
        
        {% else %}
  

            {% if pi_obj.f_nd_b_submission == 'not_submitted' or pi_obj.old_pi_btb_lc == 'N/A' %}
                <div class="col-md-2 p-0" style="text-align: right;">
                    <a href="{% url 'fnb_old_materials_details_create' pi_obj.id %}" class="cus-btn"><i aria-hidden="true" class="fa fa-plus"></i> Add New</a>
                </div>
            {% endif  %}
        {% endif %}
    </div>
<div class="table-header">


    <div class="tables table-responsive p-0" id="fabric_list">
        {% if pi_breakdowns %}
        <table class="table table-hover">
            <thead>
       
                <tr>
                    <th>SL No</th>
                    <th>Material</th>
                    <th>Item</th>
                    <th>Costing</th>
                    <th>PI Value</th>
                    <th>Balance</th>
                    <th>HS Code</th>
                    <th>PI Quantity</th>
                    {% if request.user.is_superuser == True %}
                    <th>Action</th>
                     
                    {% else %}
 

                        {% if pi_obj.f_nd_b_submission == 'not_submitted' or pi_obj.old_pi_btb_lc == 'N/A'%}
                            <th>Action</th>
                        {% endif  %}
                    {% endif %}

                    
                </tr>
            </thead>
            <tbody>
                
          {% for item in pi_breakdowns %}
              <tr>
                <td>{{forloop.counter}}</td>
                <td class="text-capitalize">{{item.backlog_budget_costing.material_type}}</td>
                <td>{{item.backlog_budget_costing.good_description}}</td>
                <td>${{item.backlog_budget_costing.costing_value|floatformat:2 }}</td>
                <td>${{item.pi_value }}</td>
                <td>${{item.backlog_budget_costing.balance|floatformat:2 }}</td>
                <td>{{item.hs_code}}</td>
                <td>{{item.qty}} {{item.backlog_budget_costing.unit}}</td>
                {% if request.user.is_superuser == True %}
                    <td>
                        <ul class="action">
                            <li >
                                <a href="{% url 'old_fbn_materials_details_update' item.id %}"  type="button">
                                <i aria-hidden="true" class="fa fa-pencil"></i>
                                </a>
                            </li>
                            <li>
                                <a onclick="SweetDelete(event,this.href)" href="{% url 'fnb_old_materials_details_delete' item.id %}">
                                <i class="fa fa-trash" aria-hidden="true"></i>
                                </a>
                            </li>
                        </ul> 
                    </td>
                {% else %}
                   

                   {% if pi_obj.f_nd_b_submission == 'not_submitted' or pi_obj.old_pi_btb_lc == 'N/A' %} 
                        <td>
                            <ul class="action">
                                <li >
                                    <a href="{% url 'old_fbn_materials_details_update' item.id %}"  type="button">
                                    <i aria-hidden="true" class="fa fa-pencil"></i>
                                    </a>
                                </li>
                                <li>
                                    <a onclick="SweetDelete(event,this.href)" href="{% url 'fnb_old_materials_details_delete' item.id %}">
                                    <i class="fa fa-trash" aria-hidden="true"></i>
                                    </a>
                                </li>
                            </ul> 
                        </td>
                {% endif  %} 
                {% endif %}

           
              </tr>
              {% endfor %}
               <tr class="table-secondary">
                    <td class="fw-bold" colspan='4'>Grand Total:</td>
                    <td class="fw-bold" colspan='2'>${{grand_total_pi_value}}</td>
                    <td></td>
                    <td></td>
                    {% if not pi_pos %}
                    <td></td>
                    {% endif %}
                </tr>
            </tbody>
        </table>
        {% endif %}
        
            

         
              
            </tbody>
        </table>
  
      </div>



    </div>
    {% comment %} {% if pi_obj.is_uploaded == False %} {% endcomment %}
    {% if pi_pos %}
    <div class="card mt-2">
    <div class="bg-light card-header fw-bold row px-1" style="margin-left: 0px; margin-right: 0px;">
        <div class="col-md-10">
            PO Wise Garments
        </div>
        {% if request.user.is_superuser == True %}
            <div class="col-md-2 p-0" style="text-align: right;">
                <a href="{% url 'old_po_wise_garments_details_create' pi_obj.id %}" class="cus-btn"><i aria-hidden="true" class="fa fa-plus"></i> Add New</a>
            </div>
        {% else %}
            {% if pi_obj.f_nd_b_submission == 'not_submitted' or pi_obj.old_pi_btb_lc == 'N/A' %}
                <div class="col-md-2 p-0" style="text-align: right;">
                    <a href="{% url 'old_po_wise_garments_details_create' pi_obj.id %}" class="cus-btn"><i aria-hidden="true" class="fa fa-plus"></i> Add New</a>
                </div>
            {% endif  %}
        {% endif %}

    </div>
<div class="table-header">


    <div class="tables table-responsive p-0" id="fabric_list">
        
        <table class="table table-hover">
            <thead>
              
                <tr>
                    <th class="text-center">SL No</th>
                    <th>Style</th>
                    <th>PO</th>
                    <th>GMT</th>
                    {% if request.user.is_superuser == True %}
                        <th>Action</th>
                    {% else %}
                        {% if pi_obj.f_nd_b_submission == 'not_submitted' or pi_obj.old_pi_btb_lc == 'N/A' %}
                            <th>Action</th>
                        {% endif  %}
                    {% endif %}
                    
                    
                </tr>
            </thead>
            <tbody>
                
          {% for item in pi_pos %}
              <tr>
                <td class="text-center">{{forloop.counter}}</td>
                <td >{{item.budgeted_po.purchase_order.style}}</td>
                <td>{{item.budgeted_po.purchase_order}}</td>
                <td>{{item.gmt_qty}} {{item.backlog_budget_costing.unit}}</td>
                {% if request.user.is_superuser == True %}
                    <td>
                        <ul class="action">
                            <li >
                                <a href="{% url 'old_po_wise_garments_details_update' item.id %}"  type="button">
                                <i aria-hidden="true" class="fa fa-pencil"></i>
                                </a>
                            </li>
                            <li>
                                <a onclick="SweetDelete(event,this.href)" href="{% url 'old_po_wise_garments_details_delete' item.id %}">
                                <i class="fa fa-trash" aria-hidden="true"></i>
                                </a>
                            </li>
                        </ul> 
                    </td>
                {% else %}
                    {% if pi_obj.f_nd_b_submission == 'not_submitted' or pi_obj.old_pi_btb_lc == 'N/A' %}
                        <td>
                            <ul class="action">
                                <li >
                                    <a href="{% url 'old_po_wise_garments_details_update' item.id %}"  type="button">
                                    <i aria-hidden="true" class="fa fa-pencil"></i>
                                    </a>
                                </li>
                                <li>
                                    <a onclick="SweetDelete(event,this.href)" href="{% url 'old_po_wise_garments_details_delete' item.id %}">
                                    <i class="fa fa-trash" aria-hidden="true"></i>
                                    </a>
                                </li>
                            </ul> 
                        </td>
                    {% endif  %}
                {% endif %}

                
           
              </tr>
              {% endfor %}
            </tbody>
        </table>
        {% endif %}
            </tbody>
        </table>
      </div>
    </div>
{% comment %} {% endif %} {% endcomment %}
</div>
</div>






</div>
</div>





</div>
</div>

{% endblock MainContent %}
{% block meassage %}
{% include 'notifications/notifications.html' %}   
{% endblock meassage %}

{% block JS %}
<script>
    var link = '{{ link }}';

</script>
<script>
 
    document.addEventListener('DOMContentLoaded', function() {
        // Check if there is a hash in the URL
        if (window.location.hash) {
            // Scroll to the element with the specified ID
            var targetElement = document.querySelector(window.location.hash);
            if (targetElement) {
                targetElement.scrollIntoView({ behavior: 'smooth' });
            }
        }
    });
</script>


<script src="{% static 'js/merchant_app/query/materials/preview/script.js' %}"></script>
<script>

 $( document ).ready(function() {
    checkButtons();
});
</script>
{% endblock JS %}