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

{% block Style %}
 <style>
 .right{
    text-align: right !important;
  }
  .rowhight{
    height:5px !important;
  }
</style>
{% endblock Style %}

{% block MainContent %}
<div class="contents">
<div class="table-area">
 <div class="table-title">
  <div class="card mt-2">
    <div class="row">
      <div class=" col-md-4 card-header fw-bold">
      Materials Details
      </div>
      <div class="col-md-8 card-header right">
       <a href="{% url 'merchant-privew-cost-create' style.id %}"> 
            <button id="mother-rganization" class="cus-btn"  type="button" name="button">
                <i class="fa fa-plus-circle" aria-hidden="true"></i>
                GO To Costing
            </button>
        </a>
      </div>
    </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">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">Buyer</th>
          <td>{{style.buyer}}</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">Team</th>
          <td>
            {% if style.team %}
                {{style.team}}
            {% else %}
                N/A
            {% endif %}
          </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">Vendor</th>
            <td>
                {% if style.vendor %}
                    {{style.vendor}}
                {% else %}
                    N/A
                {% endif %}
            </td>
        </tr>
        <tr>
            <th scope="row" class="fw-bold">Coo</th>
            <td>
                {% if style.coo %}
                    {{style.coo}}
                {% else %}
                    N/A
                {% endif %}
            </td>
        </tr>
        </tbody>
      </table>
    </div>

    <div class="col-md-6 ">
      <table class="table table-bordered">
        <tbody>
            <tr>
                <th scope="row" class="fw-bold">Retail</th>
                <td>
                    {% if style.retail %}
                        {{style.retail}}
                    {% else %}
                        N/A
                    {% endif %}
                </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">Indc</th>
                <td>
                    {% if style.indc %}
                        {{style.indc}}
                    {% 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">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">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}}"> Download </a></td>
                {% else %}
                <td>N/A</td>
                {% endif %}
            </tr>
            <tr>
                <th scope="row" class="fw-bold" target="_blank">Production Factory</th>
                <td>
                    {% if style.production_factory %}
                        {{style.production_factory}}
                    {% else %}
                        N/A
                    {% endif %}
                </td>
            </tr>
            <tr>
                <th scope="row" class="fw-bold" target="_blank">Approximate Quantity</th>
                <td>
                    {% if style.approx_quantity %}
                        {{style.approx_quantity}} Gmts
                    {% else %}
                        N/A
                    {% endif %}
                </td>
            </tr>
        </tbody>
      </table>
    </div>

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



  <div class="table-area">
        <div class="table-title">
            <div class="card mt-2">
            <div class = "row">
                <div class="card-header bg-light fw-bold col-md-7 col-sm-12">                
                  Fabric 
                </div>
                {% if style.is_cost_submit_status != 'Approved' %}
                    <div class="card-header col-md-5 col-sm-12 right ">
                        <a href="{% url 'add-fabric-create' id=style.id %}"> 

                            <button id="globalFabric" class="cus-btn"  type="button" name="button">
                                <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                Global Fabric
                            </button>
                        </a>
                        <a href="{% url 'fabric-create' id=style.id path_name='preview' %}" > 
                            <button id="fabric" class="cus-btn"  type="button" name="button">
                                <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                Fabric
                            </button>
                        </a>
                    </div>
                {% endif %}
            </div>
            <div class="tables table-responsive" id="fabric_list">
                <table class="table  table-striped table-hover">
                    <thead>
                        <tr>
                            <th class="text-center">SL No</th>
                            <th>Fabric Type</th>
                            <th>Name</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>
                            <td class="text-center">{{forloop.counter}}</td>
                            <td>{{ fabric.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_material_submit == False %}
                            <td>
                                <ul class="action">
                                    <li >
                                        <a href="{% url 'fabric-details' fabric.id %}" target="_blank" >
                                            <i class="fa fa-eye" aria-hidden="true"></i>
                                        </a>
                                    </li>
                                </ul>
                            </td>
                            {% endif %}
                        </tr>
                        {% endfor %}
                        {% else %}
                        <tr><td colspan= "10" class = "text-center">No Data Found</td></tr>
                        {% endif %}
                    </tbody>
                </table>
              </div>
            </div>
    </div>
</div>


<div class="table-area">
    <div class="table-title">
    <div class="card mt-2">
    <div class = "row">
                <div class="card-header bg-light fw-bold col-md-7 col-sm-7">                
                  Trims 
                </div>
                {% if style.is_cost_submit_status != 'Approved' %}
                    <div class="card-header col-md-5 col-sm-5 right">
                        <a href="{% url 'trim-create-add' id=style.id %}"> 
                            <button id="globalTrim" class="cus-btn"  type="button" name="button">
                                <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                Global Trims
                            </button>
                        </a>
                        <a href="{% url 'trim-create' id=style.id path_name='preview' %}"> 
                            <button id="trim" class="cus-btn"  type="button" name="button">
                                <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                Trims
                            </button>
                        </a>
                    </div>
                {% endif %}
            </div>
    <div class="tables table-responsive" id="trim_list">
        <table class="table  table-striped 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 trim_list %}
                {% for trim in trim_list  %}
                <tr>
                    <td class="text-center">{{forloop.counter}}</td>
                    <td>{{ trim.trim.name }}</td>
                    <td>{{ trim.description }}</td>
                    <td>
                        {% if trim.supplier %}
                        {{ trim.supplier }}
                        {% else %}
                        N/A 
                        {% endif %}
                    </td>
                    <td>{{ trim.unit }}</td>
                    <td>{{ trim.consumption|floatformat:3 }}</td>
                    <td>{{ trim.wastage|floatformat:3 }}</td>
                    <td>{{ trim.total_uses|floatformat:3 }}</td>
                    {% if style.is_material_submit == False %}
                    <td>
                        <ul class="action">
                            <li >
                                <a href="{% url 'trim-details' trim.id %}" target="_blank">
                                    <i class="fa fa-eye" aria-hidden="true"></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 = "row">
                <div class="card-header bg-light fw-bold col-md-7 col-sm-7">                
                  Thread 
                </div>
                {% if style.is_cost_submit_status != 'Approved' %}
                    <div class="card-header col-md-5 col-sm-5 right">
                        <a href="{% url 'thread-Add-create' id=style.id %}"> 
                            <button id="globalThread" class="cus-btn"  type="button" name="button">
                                <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                Global Thread
                            </button>
                        </a>
                        <a href="{% url 'thread-create' id=style.id path_name='preview' %}"> 
                            <button id="thread" class="cus-btn"  type="button" name="button">
                                <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                Thread
                            </button>
                        </a>
                    </div>
                {% endif %}
            </div>
                <div class="tables table-responsive" id="thread_list">
                    <table class="table  table-striped table-hover">
                        <thead>
                            <tr>
                                <th class="text-center">SL No</th>
                                <th>Count</th>
                                <th>Description</th>
                                <th>Supplier</th>
                                <th>Unit</th>
                                <th>Consumption</th>                                
                                <th>Wastage %</th>
                                <th>Total Uses</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% if thread_list %}
                            {% for thread in thread_list  %}
                            <tr>
                                <td class="text-center">{{forloop.counter}}</td>
                                <td>{{ thread.thread.count }}</td>
                                <td>{{ thread.thread.description }}</td>
                                <td>
                                    {% if thread.supplier %}
                                        {{ thread.supplier }}
                                    {% else %}
                                        N/A 
                                    {% endif %}
                                </td>
                                <td>{{ thread.unit }}</td>
                                <td>{{ thread.consumption|floatformat:3 }}</td>
                                
                                <td>{{ thread.wastage|floatformat:3 }}</td>
                                <td>{{ thread.total_uses|floatformat:3 }}</td>
                                {% if style.is_material_submit == False %}
                                <td>
                                    <ul class="action">
                                        <li >
                                            <a href="{% url 'thread-details' thread.id %}" target="_blank">
                                                <i class="fa fa-eye" aria-hidden="true"></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 = "row">
                <div class="card-header bg-light fw-bold col-md-7 col-sm-7">                
                  Wash 
                </div>
                {% if style.is_cost_submit_status != 'Approved' %}
                    <div class="card-header col-md-5 col-sm-5 right">
                        <a href="{% url 'washing-create' id=style.id path_name='preview' %}"> 
                            <button id="wash" class="cus-btn"  type="button" name="button">
                                <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                Wash
                            </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>Item</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>
                        <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_material_submit == False %}
                        <td>
                            <ul class="action">
                                <li >
                                    <a href="{% url 'washing-details' washing.id %}" target="_blank">
                                        <i class="fa fa-eye" aria-hidden="true"></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 = "row">
                <div class="card-header bg-light fw-bold col-md-7 ">                
                  Embroidery 
                </div>
                {% if style.is_cost_submit_status != 'Approved' %}
                    <div class="card-header bg-light fw-bold col-md-5 col-sm-5 right">
                        <a href="{% url 'embroidery-create' id=style.id path_name='preview' %}"> 
                            <button id="embroidery" class="cus-btn"  type="button" name="button">
                                <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                Embroidery
                            </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>Embroidery Item</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_material_submit == False %}
                        <td>
                            <ul class="action">
                                <li >
                                    <a href="{% url 'embroidery-details' embroidery.id %}" target="_blank">
                                        <i class="fa fa-eye" aria-hidden="true"></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 = "row">
                <div class="card-header bg-light fw-bold col-md-7 col-sm-12">                
                  Print 
                </div>
                {% if style.is_cost_submit_status != 'Approved' %}
                    <div class="card-header bg-light fw-bold col-md-5 col-sm-12 right">
                        
                        <a href="{% url 'print-create'  id=style.id path_name='preview' %}"> 
                            <button id="print" 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 Item</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_material_submit == False %}
                        <td>
                            <ul class="action">
                                <li >
                                    <a href="#" target="_blank">
                                        <i class="fa fa-eye" aria-hidden="true"></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>
{% endblock MainContent %}
{% block meassage %}
{% include 'notifications/notifications.html' %}   
{% endblock meassage %}

{% block JS %}
<script>
    var keys = {};
    window.addEventListener('keydown', (e) => {    
        keys[e.key] = true;
        
        if(keys['g'] && keys['f']) 
            document.getElementById("globalFabric").click();
        else if(keys['f']) {
            document.getElementById("fabric").click();
        } else if(keys['g'] && keys['t']){
            if (keys['h']) {
                document.getElementById("globalThread").click();
            } 
            else {
                document.getElementById("globalTrim").click();
            }
        } else if(keys['t']) {
            if (keys['h']) {
                document.getElementById("thread").click();
            } else {
                document.getElementById("trim").click();
            }
        } else if(keys['w']) {
            document.getElementById("wash").click();
        } else if(keys['e']) {
            document.getElementById("embroidery").click();
        } else if(keys['p']) {
            document.getElementById("print").click();
        }
        keys[e.key] = False;
    });
</script>
{% endblock JS %}