{% extends "merchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %}
<title>Merchant Team Add</title>
{% endblock title %}

{% block Style %}
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/sweetalert2@10.10.1/dist/sweetalert2.min.css'>
 <style>

</style>

{% endblock Style %}

{% block MainContent %}
<div class="contents">
<div class="tables table-responsive"  >

    <!-- <table class="table  table-striped table-hover "> -->
      <table class="table table-hover">
        <thead>
            <tr>
                <th class="text-center" ></th>
                <th colspan='4'>Materials</th>
                
                <th colspan='2' >Production</th>
              

            </tr>
            <tr>
                <th class="text-center" >Lot </th>
                <th>Name</th>
                <th>Approvals</th>
                <th>Production</th>
                <th>Transit</th>
                <th>Inventory</th>
             
                <th >Action</th>
                
            </tr>
            {% for report in tna_report  %}
            <tr>
                <td class="text-center" colspan='7'>Style : {{report.style}} {{report.po}}</td>

            </tr>
            
           
            <tr>

                <th class="text-center">Shipment Date</th>
                <th class="text-center" colspan='2' >{{report.lot.shipment_date}}</th>
                <th class="text-center">Input/Production Date</th>
                <th class="text-center" colspan='2'>{% if report.lot.db_production_status %}
                                 {{report.lot.db_production_status}}
                                                    
                                            {% endif %}
                {{report.lot.production_date}}</th>
                <th class="text-center" colspan='1'>
                {% if report.lot.is_lot_status_exist %}
                
                <a href="{% url 'tna-status-update' report.lot.status_id %}" class="btn btn-primary">Update </a>

                {% else %}
                <a href="{% url 'tna-status-create' report.lot.lot_number.id %}" class="btn btn-primary">update</a>

                {% endif %} 
                </th>


                {% comment %} <th class="text-center" colspan='5'>PO:  {{report.po}} </th> {% endcomment %}
                {% comment %} <th class="text-center" colspan='5'>PO:  {{report.po}} </th> {% endcomment %}
                
            </tr>
        </thead>

            <tr>
                <td class="text-center" rowspan="{{report.lot.mat_len}}" > 
                {{report.lot.lot_number}} <br>

                {{report.shipment_date}}
                </td>


                {% for item in report.lot.material  %}
                
                <td>{{item.item}}</td>



                {% if  item.approval_warning_type == "warning" %}
                <td style="background-color: #f0ad4e">
                        {% if item.db_mat_approval_status %}
                                        {{item.db_mat_approval_status}}<br>
                        {% endif %}
                                {{item.mat_approval_date}}
                </td>
                {% endif %}
                {% if  item.approval_warning_type == "normal" %}
                <td style="background-color: #22bb33">

                    {% if item.db_mat_approval_status %}
                                            {{item.db_mat_approval_status}}<br>
                    {% endif %}
                    {{item.mat_approval_date}}
                </td>
                {% endif %}
                {% if  item.approval_warning_type == "deadline" %}
                <td style="background-color: #fdae61">
                        {% if item.db_mat_approval_status %}
                                        {{item.db_mat_approval_status}}<br>
                        {% endif %}
                                {{item.mat_approval_date}}
                </td>
                {% endif %}
                {% if  item.approval_warning_type == "expired" %}
                <td style="background-color:#d7191c; color:white ">
                        {% if item.db_mat_approval_status %}
                                        {{item.db_mat_approval_status}}<br>
                        {% endif %}
                                {{item.mat_approval_date}}
                </td>
                {% endif %}



                






                {% if  item.mat_warning_type == "warning" %}
                <td style="background-color: #f0ad4e">
                        {% if item.db_mat_status %}
                                {{item.db_mat_status}}<br>
                        {% endif %}
                        {{item.mat_production_date}}
                </td>
                {% endif %}

                
                {% if  item.mat_warning_type == "normal" %}
                <td style="background-color: #22bb33">
                        {% if item.db_mat_status %}
                                {{item.db_mat_status}}<br>
                        {% endif %}
                        {{item.mat_production_date}}
                </td>
                {% endif %}
                {% if  item.mat_warning_type == "deadline" %}
                <td style="background-color: #fdae61">
                        {% if item.db_mat_status %}
                                {{item.db_mat_status}}<br>
                        {% endif %}
                        {{item.mat_production_date}}
                </td>
                {% endif %}
                {% if  item.mat_warning_type == "expired" %}
                <td style="background-color:#d7191c; color:white ">
                        {% if item.db_mat_status %}
                                {{item.db_mat_status}}<br>
                        {% endif %}
                        {{item.mat_production_date}}
                </td>
                {% endif %}
                {% if  item.transit_warning_type == "normal" %}
                <td style="background-color: #22bb33">
                    {% if item.db_transit_status %}
                            {{item.db_transit_status}}<br>
                    {% endif %}
                    
                    {{item.transit_date}}
                </td>
                {% endif %}
                {% if  item.transit_warning_type == "deadline" %}
                    <td style="background-color: #fdae61">
                    {% if item.db_transit_status %}
                            {{item.db_transit_status}}<br>
                    {% endif %}
                    
                    {{item.transit_date}}
                    </td>
                {% endif %}
                {% if  item.transit_warning_type == "warning" %}
                    <td style="background-color: #f0ad4e">
                    {% if item.db_transit_status %}
                            {{item.db_transit_status}}<br>
                    {% endif %}
                    
                    {{item.transit_date}}
                    </td>
                {% endif %}
                {% if  item.transit_warning_type == "expired" %}
                    <td style="background-color:#d7191c; color:white ">
                    {% if item.db_transit_status %}
                            {{item.db_transit_status}}<br>
                    {% endif %}
                    
                    {{item.transit_date}}
                    </td>
                {% endif %}
                {% if  item.inventory_warning_type == "expired" %}
                <td style="background-color:#d7191c; color:white ">
                    {% if item.db_inventory_status %}
                            {{item.db_inventory_status}}<br>
                    {% endif %}
                    
                    {{item.inventory_date}}
                    </td>
                {% endif %}
                {% if  item.inventory_warning_type == "normal" %}
                <td style="background-color: #22bb33">
                    {% if item.db_inventory_status %}
                            {{item.db_inventory_status}}<br>
                    {% endif %}
                    
                    {{item.inventory_date}}
                    </td>
                {% endif %}
                {% if  item.inventory_warning_type == "warning" %}
                <td style="background-color: #f0ad4e">
                    {% if item.db_inventory_status %}
                            {{item.db_inventory_status}}<br>
                    {% endif %}
                    
                    {{item.inventory_date}}
                    </td>
                {% endif %}
                {% if  item.inventory_warning_type == "deadline" %}
                <td style="background-color: #fdae61">
                    {% if item.db_inventory_status %}
                            {{item.db_inventory_status}}<br>
                    {% endif %}
                    
                    {{item.inventory_date}}
                    </td>
                {% endif %}

           
                <td>
                      <ul class="action">
                        
                          <li>
                            {% if item.is_status_exist %}
                              Update button
                              {% if item.item_type == 'accessories' %}
                              <a href = "{% url 'tna-accessories-status-update' item.material_id %}" type="button" class="mother-organization">
                                    <i class="fa fa-pencil" aria-hidden="true"></i>
                                    
                                </a>
                              
                              {% else %}
                              <a href = "{% url 'tna-fabrics-status-update' item.material_id %}" type="button" class="mother-organization">
                                    <i class="fa fa-pencil" aria-hidden="true"></i>
                                    
                                </a>
                              {% endif %}
                               
                            {% else %}
                            {% if item.item_type == 'accessories' %}
                                    <a href = "{% url 'tna-accessories-status-create' item.material_id report.lot.lot_number.id  %}" type="button" class="mother-organization">
                                        <i class="fa fa-pencil" aria-hidden="true"></i>
                                        
                                    </a>
                            {% else %}
                                    <a href = "{% url 'tna-fabrics-status-create' item.material_id report.lot.lot_number.id  %}" type="button" class="mother-organization">
                                            <i class="fa fa-pencil" aria-hidden="true"></i>
                                            
                                        </a>
                            {% endif %}
                                
                            {% endif %}
                              
                            </li>
                          
                         
                        
                      </ul>
                  </td>
                
                
            </tr>
            {% endfor %}
             {% endfor %}
            

        <tbody>
          
           
           
          

</div>


{% endblock  %}