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

{% block Style %}
 <style>
 .right{
    text-align: right !important;
  }
  .rowhight{
    height:5px !important;
  }
  .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">
      Materials Details
   
       <a href="{% url 'merchant_costing_preview_before_approval' style.id %}"> 
            <button  style="float: right; background-color: #ff9a00 !important" id="mother-rganization" class="cus-btn right"  type="button" name="button">
                {% comment %} <i class="fa fa-plus-circle" aria-hidden="true"></i> {% endcomment %}
                 Costing
                <i class="fa fa-arrow-circle-right" aria-hidden="true"></i>
            </button>
        </a>
      </div>
  <div class="table-header">
  <div class="row">
    <div class="col-md-6 ">
      <table class="table table-bordered">
        <tbody>
            <tr>
                <th scope="row" class="fw-bold">Inquiry Receive Date</th>
                <td>{{style.inquiry_recevie_date}}</td>
            </tr>
            <tr>
                <th scope="row" class="fw-bold">Buyer</th>
                <td>{{style.buyer}}</td>
            </tr>
            <tr>
                <th scope="row" class="fw-bold">Brand</th>
                <td>
                  {% if style.brand %}
                      {{style.brand}}
                  {% else %}
                      N/A
                  {% endif %}
                </td>
            </tr>
            <tr>
                <th scope="row" class="fw-bold">Agent</th>
                <td>
                  {% if style.agent %}
                      {{style.agent}}
                  {% else %}
                      N/A
                  {% endif %}
                </td>
            </tr>
            <tr>
                <th scope="row" class="fw-bold">Season</th>
                <td>{{style.season}}</td>
            </tr>

            <tr>
                <th scope="row" class="fw-bold">Style Number</th>
                <td>{{style.style_number}}</td>
            </tr>


        <tr>
            <th scope="row" class="fw-bold">Style Description</th>
            <td>{{style.style_description}}</td>
        </tr>
        <tr>
            <th scope="row" class="fw-bold">Approximate Quantity</th>
            <td>{{style.approx_quantity}}</td>
        </tr>
        <tr>
            <th scope="row" class="fw-bold">MOQ</th>
            <td>{{style.moq}}</td>
        </tr>

        <tr>
            <th scope="row" class="fw-bold">Original Sample Received Status</th>
            <td>
                {% if style.original_sample_recevied_status %}
                    {{style.original_sample_recevied_status}}
                {% else %}
                    N/A
                {% endif %}
            </td>
        </tr>
        <tr>
            <th scope="row" class="fw-bold">Folding Method</th>
            <td>
                {% if style.folding_method %}
                    {{style.folding_method}}
                {% else %}
                    N/A
                {% endif %}
            </td>
        </tr>
        <tr>
            <th scope="row" class="fw-bold">Buyer target price</th>
            <td>{{style.buyer_target_price}}</td>
        </tr>
        </tbody>
      </table>
    </div>

    <div class="col-md-6 ">
      <table class="table table-bordered">
        <tbody>

            <tr>
                <th scope="row" class="fw-bold">Mode of Price</th>
                <td>{{style.mode_of_price}}</td>
            </tr>
            <tr>
                <th scope="row" class="fw-bold">Ex Factory</th>
                <td>
                    {% if style.ex_factory %}
                        {{style.ex_factory}}
                    {% else %}
                        N/A
                    {% endif %}
                </td>
            </tr>
            <tr>
                <th scope="row" class="fw-bold">Destination</th>
                <td>
                    {% if style.destination %}
                        {{style.destination}}
                    {% else %}
                        N/A
                    {% endif %}
                </td>
            </tr>
            <tr>
                <th scope="row" class="fw-bold">Beneficiary Factory</th>
                <td>
                    {% if style.factory %}
                        {{style.factory}}
                    {% else %}
                        N/A
                    {% endif %}
                </td>
            </tr>

            <tr>
                <th scope="row" class="fw-bold">Production Factory</th>
                <td>{{style.production_factory}}</td>
            </tr>
            <tr>
                <th scope="row" class="fw-bold">Team</th>
                <td>
                  {% if style.team %}
                      {{style.team}}
                  {% else %}
                      N/A
                  {% endif %}
                </td>
            </tr>
            <tr>
                <th scope="row" class="fw-bold">Remarks</th>
                <td>
                    {% if style.remarks %}
                    {{style.remarks}}
                {% else %}
                    N/A
                {% endif %}
                </td>
            </tr>


            <tr>
                <th scope="row" class="fw-bold">Minimarker</th>
                {% if style.minimarker %}
                <td><a  href="{{style.minimarker.url}}" target="_blank"> Download </a></td>
                {% else %}
                <td>N/A</td>
                {% endif %}
                
            </tr>
            <tr>
                <th scope="row" class="fw-bold">Techpack</th>
                {% if style.techpack %}
                <td><a  href="{{style.techpack.url}}" target="_blank"> Download </a></td>
                {% else %}
                <td>N/A</td>
                {% endif %}
            </tr>
            <tr>
                <th scope="row" class="fw-bold">Consumption</th>
                {% if style.consumption %}
                <td><a  href="{{style.consumption.url}}" target="_blank"> Download </a></td>
                {% else %}
                <td>N/A</td>
                {% endif %}
                
            </tr>
            <tr>
                <th scope="row" class="fw-bold">Spec Sheet</th>
                {% if style.spec_sheet %}
                <td><a  href="{{style.spec_sheet.url}}"  target="_blank"> Download </a></td>
                {% else %}
                <td>N/A</td>
                {% endif %}
            </tr>
        </tbody>
      </table>
    </div>

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



  <div class="table-area" {% if link == 'fabric' %}id="{{ link }}"{% endif %}>
        <div class="table-title">
            <div class="card mt-2">
                <div class="card-header bg-light fw-bold">                
                  Fabrics
                {% if style.is_cost_submit_status != 'Approved' %}
                    <a href="{% url 'merchant_fabric_material_create' style.id %}"> 
                        <button style="float: right;"  id="fabric" class="cus-btn"  type="button" name="button">
                            <i class="fa fa-plus-circle" aria-hidden="true"></i>
                            Fabric
                        </button>
                    </a>
                    
                {% endif %}
            </div>
            <div class="tables table-responsive" id="fabric_list">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th class="text-center">SL No</th>
                            <th>Fabric Application</th>
                            <th>Fabric Type</th>
                          
                            <th>Fabric Category</th>
                            <th>Mill Name</th>
                            <th>Construction</th>
                            <th>Unit</th>
                            <th>Consumption</th>
                            <th>Wastage %</th>
                            <th>Usage</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% if fabric_list %}
                        {% for fabric in fabric_list  %}
                        <tr {% if link == 'fabric' %} id="row{{ forloop.counter }}"{% endif %}>
                            <td class="text-center">{{forloop.counter}}</td>
                            <td>{{ fabric.fabric_application }}</td>
                            <td>{{ fabric.fabric_type }}</td>
                           
                            <td>{{ fabric.fabric.fabric_name }}</td>
                            <td>
                                {% if fabric.mill_name %}
                                    {{ fabric.mill_name }}
                                {% else %}
                                    N/A
                                {% endif %}
                            </td>
                            <td>{{ fabric.fabric.construction }}</td>
                            <td>{{ fabric.unit }}</td>
                            <td>{{ fabric.consumption|floatformat:3 }}</td>
                            <td>{{ fabric.wastage|floatformat:3 }}</td>
                            <td>{{ fabric.total_uses|floatformat:3 }}</td>
                            {% if style.is_cost_submit_status == 'Not Submit' %}
                            <td class="align-middle">
                                <ul class="action">
                                    <li >
                                        <a href="{% url 'merchant_fabric_material_details' fabric.id %}" target="_blank" >
                                            <i class="fa fa-eye" aria-hidden="true"></i>
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="{% url 'merchant_fabric_material_update' fabric.id %}">
                                            <i class="fa fa-pencil" aria-hidden="true"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a onclick="SweetDelete(event,this.href)" href="{% url 'merchant_fabric_material_delete' fabric.id %}">
                                            <i class="fa fa-trash" aria-hidden="true"></i>
                                        </a>
                                    </li>
                                </ul>
                            </td>
                            {% else %}
                            <td class="align-middle">
                                <ul class="action">
                                    <li >
                                        <a href="{% url 'merchant_fabric_material_details' fabric.id %}" target="_blank" >
                                            <i class="fa fa-eye" aria-hidden="true"></i>
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a style="pointer-events: none; color: black" href="{% url 'merchant_fabric_material_update' fabric.id %}">
                                            <i class="fa fa-pencil" aria-hidden="true" style="background: #dddddd"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a onclick="SweetDelete(event,this.href)" style="pointer-events: none; color: black" href="{% url 'merchant_fabric_material_delete' fabric.id %}">
                                            <i class="fa fa-trash" aria-hidden="true" style="background: #dddddd"></i>
                                        </a>
                                    </li>
                                </ul>
                            </td>
                            
                            {% endif %}
                        </tr>
                        {% endfor %}
                        {% else %}
                        <tr><td colspan= "11" class = "text-center">No Data Found</td></tr>
                        {% endif %}
                    </tbody>
                </table>
              </div>
            </div>
    </div>
</div>


<div class="table-area" {% if link == 'accessories' %}id="{{ link }}"{% endif %}>
    <div class="table-title">
    <div class="card mt-2">
        <div class="card-header bg-light fw-bold">                
            Accessories 
        {% if style.is_cost_submit_status != 'Approved' %}

                <a href="{% url 'merchant_accessory_material_create' style.id %}"> 
                    <button style="float: right;" id="trim" class="cus-btn"  type="button" name="button">
                        <i class="fa fa-plus-circle" aria-hidden="true"></i>
                        Accessories
                    </button>
                </a>
           
        {% endif %}
    </div>
    <div class="tables table-responsive" id="trim_list">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th class="text-center">SL No</th>
                    <th>Item</th>
                    <th>Description</th>
                    <th>Supplier</th>
                    <th>Unit</th>
                    <th>Consumption</th>                   
                    <th>Wastage %</th>
                    <th>Usage</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                {% if accessory_list %}
                {% for item in accessory_list  %}
                <tr {% if link == 'accessories' %} id="row{{ forloop.counter }}"{% endif %}>
                    <td class="text-center">{{forloop.counter}}</td>
                    <td>{{ item.accesory.name }}</td>
                    <td>{{ item.material_description }}</td>
                    <td>
                        {% if item.supplier %}
                        {{ item.supplier }}
                        {% else %}
                        N/A 
                        {% endif %}
                    </td>
                    <td>{{ item.unit }}</td>
                    <td>{{ item.consumption|floatformat:3 }}</td>
                    <td>{{ item.wastage|floatformat:3 }}</td>
                    <td>{{ item.total_uses|floatformat:3 }}</td>
                    {% if style.is_cost_submit_status == 'Not Submit' %}
                    <td class="align-middle">
                        <ul class="action">
                            <li >
                                <a href="{% url 'merchant_accessory_material_details' item.id %}" target="_blank">
                                    <i class="fa fa-eye" aria-hidden="true"></i>
                                </a>
                            </li>
                            
                            <li>
                                <a href="{% url 'merchant_accessory_material_update' item.id %}">
                                    <i class="fa fa-pencil" aria-hidden="true"></i>
                                </a>
                            </li>
                            <li>
                                <a onclick="SweetDelete(event,this.href)" href="{% url 'merchant_accessory_material_delete' item.id %}">
                                    <i class="fa fa-trash" aria-hidden="true"></i>
                                </a>
                            </li>
                        </ul>
                    </td>
                    {% else %}
                    <td class="align-middle">
                        <ul class="action">
                            <li >
                                <a href="{% url 'merchant_accessory_material_details' item.id %}" target="_blank">
                                    <i class="fa fa-eye" aria-hidden="true"></i>
                                </a>
                            </li>
                            
                            <li>
                                <a style="pointer-events: none; color: black" href="{% url 'merchant_accessory_material_update' item.id %}">
                                    <i class="fa fa-pencil" aria-hidden="true" style="background: #dddddd"></i>
                                </a>
                            </li>
                            <li>
                                <a style="pointer-events: none; color: black" onclick="SweetDelete(event,this.href)" href="{% url 'merchant_accessory_material_delete' item.id %}">
                                    <i class="fa fa-trash" aria-hidden="true" style="background: #dddddd"></i>
                                </a>
                            </li>
                        </ul>
                    </td>
                    {% endif %} 
                </tr>
                {% endfor %}
                {% else %}
                <tr><td colspan= "9" class = "text-center">No Data Found</td></tr>
                {% endif %}
            </tbody>
        </table>
    <div>
</div>
</div>
</div>
</div>
</div>


<div class="table-area">
<div class="table-title">
<div class="card mt-2">
        <div class="card-header bg-light fw-bold">                
            Wash 
        {% if style.is_cost_submit_status != 'Approved' %}

                <a href="{% url 'merchant_wash_create' style.id %}"> 
                    <button style="float: right;" id="wash" class="cus-btn"  type="button" name="button">
                        <i class="fa fa-plus-circle" aria-hidden="true"></i>
                        Wash
                    </button>
                </a>
            
        {% endif %}
    </div>

        <div class="tables table-responsive" id="washing_list">
            <table class="table  table-striped table-hover">
                <thead>
                    <tr>
                        <th class="text-center">SL No</th>
                        <th>Plant Name</th>
                        <th>Plant Type</th>
                        <th>Plant Origin</th>
                        <th>Process Details</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                {% if washing_list %}
                    {% for washing in washing_list  %}
                    <tr class="highlighted-row">
                        {% comment %} <tr {% if link == 'accessories' %} id="row{{ forloop.counter }}"{% endif %}> {% endcomment %}
                        <td class="text-center">{{forloop.counter}}</td>
                        <td>{{ washing.name }}</td>
                        <td>
                            {% if washing.plant_type %}
                            {{ washing.plant_type }}
                            {% else %}
                            N/A
                            {% endif %}
                        </td>
                        <td>
                            {% if washing.plant_origin %}
                            {{ washing.plant_origin }}
                            {% else %}
                            N/A
                            {% endif %}
                        </td>
                        <td>{{ washing.process_details }}</td>
                        {% if style.is_cost_submit_status == 'Not Submit' %}
                        <td class="text-end">
                            <ul class="action">
                                <li >
                                    <a href="{% url 'merchant_wash_details' washing.id %}" target="_blank">
                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                    </a>
                                </li>
                                
                                <li>
                                    <a href="{% url 'merchant_wash_update' washing.id %}">
                                        <i class="fa fa-pencil" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li>
                                    <a onclick="SweetDelete(event,this.href)" href="{% url 'merchant_wash_delete' washing.id %}">
                                        <i class="fa fa-trash" aria-hidden="true"></i>
                                    </a>
                                </li>
                            </ul>
                        </td>
                        {% else %}
                        <td class="text-end">
                            <ul class="action">
                                <li >
                                    <a href="{% url 'merchant_wash_details' washing.id %}" target="_blank">
                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                    </a>
                                </li>
                                
                                <li>
                                    <a style="pointer-events: none; color: black" href="{% url 'merchant_wash_update' washing.id %}">
                                        <i class="fa fa-pencil" aria-hidden="true" style="background: #dddddd"></i>
                                    </a>
                                </li>
                                <li>
                                    <a style="pointer-events: none; color: black" onclick="SweetDelete(event,this.href)" href="{% url 'merchant_wash_delete' washing.id %}">
                                        <i class="fa fa-trash" aria-hidden="true" style="background: #dddddd"></i>
                                    </a>
                                </li>
                            </ul>
                        </td>
                        {% endif %} 
                    </tr>
                    {% endfor %}
                    {% else %}
                    <tr><td colspan= "6" class = "text-center">No Data Found</td></tr>
                    {% endif %}
                </tbody>
            </table>
        <div>
    </div>
</div>
      </div>

</div>
</div>



<div class="table-area">
<div class="table-title">
<div class="card mt-2">
        <div class="card-header bg-light fw-bold ">                
            Embroidery 
            {% if style.is_cost_submit_status != 'Approved' %}
                    <a href="{% url 'merchant_embroidery_create' style.id %}"> 
                        <button style="float: right;" id="embroidery" class="cus-btn"  type="button" name="button">
                            <i class="fa fa-plus-circle" aria-hidden="true"></i>
                            Embroidery
                        </button>
                    </a>
            {% endif %}
            </div>
        <div class="tables table-responsive" id="washing_list">
            <table class="table  table-striped table-hover">
                <thead>
                    <tr>
                        <th class="text-center">SL No</th>
                        <th>Embroidery Name</th>
                        <th>Process Details</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    {% if embroidery_list %}
                    {% for embroidery in embroidery_list  %}
                    <tr >
                        <td class="text-center">{{forloop.counter}}</td>
                        <td>{{ embroidery.name }}</td>
                        <td>{{ embroidery.process_details }}</td>
                        {% if style.is_cost_submit_status == 'Not Submit' %}
                        <td class="text-end">
                            <ul class="action">
                                <li >
                                    <a href="{% url 'merchant_embroidery_details' embroidery.id %}" target="_blank">
                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                    </a>
                                </li>
                               
                                <li>
                                    <a href="{% url 'merchant_embroidery_update' embroidery.id %}">
                                        <i class="fa fa-pencil" aria-hidden="true"></i>
                                    </a>
                                </li>
                                 <li>
                                    <a onclick="SweetDelete(event,this.href)" href="{% url 'merchant_embroidery_delete' embroidery.id %}">
                                        <i class="fa fa-trash" aria-hidden="true"></i>
                                    </a>
                                </li>
                            </ul>
                        </td>
                        
                        {% else %}
                        <td class="text-end">
                            <ul class="action">
                                <li >
                                    <a href="{% url 'merchant_embroidery_details' embroidery.id %}" target="_blank">
                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                    </a>
                                </li>
                               
                                <li>
                                    <a style="pointer-events: none; color: black" href="{% url 'merchant_embroidery_update' embroidery.id %}">
                                        <i class="fa fa-pencil" aria-hidden="true" style="background: #dddddd"></i>
                                    </a>
                                </li>
                                 <li>
                                    <a style="pointer-events: none; color: black" onclick="SweetDelete(event,this.href)" href="{% url 'merchant_embroidery_delete' embroidery.id %}">
                                        <i class="fa fa-trash" aria-hidden="true" style="background: #dddddd"></i>
                                    </a>
                                </li>
                            </ul>
                        </td>
                        {% endif %} 
                    </tr>
                    {% endfor %}
                    {% else %}
                    <tr>
                        <td colspan="4" class="text-center">No data is Found</td>
                    </tr>
                    {% endif %}
                </tbody>
            </table>
        <div>
    </div>
</div>
      </div>

</div>
</div>

<div class="table-area">
<div class="table-title">
<div class="card mt-2">
                <div class="card-header bg-light fw-bold">                
                  Print 
                {% if style.is_cost_submit_status != 'Approved' %}
                        
                        <a href="{% url 'merchant_print_create' style.id %}"> 
                            <button id="print" style="float: right;" class="cus-btn"  type="button" name="button" data-toggle="tooltip" data-placement="top" title="keyboard shortcut: p">
                                <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                Print
                            </button>
                        </a>
                    </div>
                {% endif %}
            </div>

        <div class="tables table-responsive" id="washing_list">
            <table class="table  table-striped table-hover">
                <thead>
                    <tr>
                        <th class="text-center">SL No</th>
                        <th>Print Name</th>
                        <th>Print Details</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    {% if print_list %}
                    {% for print in print_list  %}
                    <tr>
                        <td class="text-center">{{forloop.counter}}</td>
                        <td>{{ print.name }}</td>
                        <td>{{ print.process_details }}</td>
                        {% if style.is_cost_submit_status == 'Not Submit' %}
                        <td class="text-end">
                            <ul class="action">
                                <li >
                                    <a href="{% url 'merchant_print_details' print.id %}" target="_blank">
                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                    </a>
                                </li>
                                
                                <li>
                                    <a href="{% url 'merchant_print_update' print.id %}">
                                        <i class="fa fa-pencil" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li>
                                    <a onclick="SweetDelete(event,this.href)" href="{% url 'merchant_print_delete' print.id %}">
                                        <i class="fa fa-trash" aria-hidden="true"></i>
                                    </a>
                                </li>
                            </ul>
                        </td>
                        
                        {% else %}
                        <td class="text-end">
                            <ul class="action">
                                <li >
                                    <a href="{% url 'merchant_print_details' print.id %}" target="_blank">
                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                    </a>
                                </li>
                                
                                <li>
                                    <a style="pointer-events: none; color: black" href="{% url 'merchant_print_update' print.id %}">
                                        <i class="fa fa-pencil" aria-hidden="true" style="background: #dddddd"></i>
                                    </a>
                                </li>
                                <li>
                                    <a style="pointer-events: none; color: black" onclick="SweetDelete(event,this.href)" href="{% url 'merchant_print_delete' print.id %}">
                                        <i class="fa fa-trash" aria-hidden="true" style="background: #dddddd"></i>
                                    </a>
                                </li>
                            </ul>
                        </td>
                        {% endif %} 
                    </tr>
                    {% endfor %}
                    {% else %}
                    <tr>
                        <td colspan="4" class="text-center">No data is Found</td>
                    </tr>
                    {% endif %}
                </tbody>
            </table>
        <div>
    </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 %}