{% extends "marchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% load widget_tweaks %}
{% block title %}
<title>Preview And Finalize</title>
{% endblock title %}

{% block Style %}

{% endblock Style %}

{% block MainContent %}


<div class="contents">
  

    {% 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 %}
 {% if all_item_is_costed %}
      <form method="post" id="personForm" data-cities-url="" novalidate>
        {% csrf_token %}
        <div class="row">
        {% if style.is_cost_submit_status == 'Not Submit' %}
          <div class="col-md-12">
            {% if style.costing_rejection_comment %}
            <div class="col-md-6 fw-bold text-end" style="float: Left;">
              <p style="color: red">Comment: {{ style.costing_rejection_comment }}</p>
            </div>
            {% endif %}
            <div class="col-md-6 fw-bold text-end" style="float: right;">
              {{form.is_cost_submit_status|as_crispy_field}}
              <button type="submit" class="cus-btn">Submit</button>
            </div> 
          </div>
        {% elif style.is_cost_submit_status == 'Rejected' or style.is_cost_submit_status == 'Approved'  %}
          <div class="col-md-12">
            {% if style.costing_rejection_comment %}
            <div class="col-md-6 fw-bold text-end" style="float: Left;">
              <p style="color: red">Comment: {{ style.costing_rejection_comment }}</p>
            </div>
            {% endif %}
            {% if request.user.is_superuser == True or request.user.marchant_user_type == 'admin'%}
            <div class="col-md-6 fw-bold text-end" style="float: right;">
              {{form.is_cost_submit_status|as_crispy_field}}
              <button type="submit" class="cus-btn">Back to Not Submit</button>
            </div> 
            {% endif %}
          </div>
          {% endif %}
        </div>
      </form>
    {% endif %} 
  <form action="" method="POST" enctype="multipart/form-data" data-cities-url="" id="personForm" autocomplete="off"> {% csrf_token %}
    <div class="table-area mt-2">
      <div class="table-title">
          <div class="card mt-2">
              <div class="card-header bg-light fw-bold">
              Style Number - {{style.style_number}}
              </div>
              <div class="card-body">
              <div class="row">
                  <div class="col-md-6 ">
                  <table class="table table-bordered">
                      <tbody>
                      <tr>
                          <th scope="row" class="fw-bold">Fabrics</th>
                          <td>$ {{fabric_description.total_fabric_cost|floatformat:3}}</td> 
                      </tr>
                      
                      <tr>
                          <th scope="row" class="fw-bold">Trims</th>
                          <td class="text-capitalize">$ {{fabric_description.total_trim_cost|floatformat:3}}</td>
                      </tr>
                      <tr>
                        <th scope="row" class="fw-bold">Threads</th>
                        <td class="text-capitalize">$ {{fabric_description.total_thread_cost|floatformat:3}}</td>
                      </tr>
                      <tr>
                          <th scope="row" class="fw-bold">Washing</th>
                          <td>$ {{fabric_description.total_washing_cost|floatformat:3}}</td>
                      </tr>
                      <tr>
                        <th scope="row" class="fw-bold">Embroidery Cost</th>
                        <td>$ {{embroidery_cost_list.embroidery_cost|floatformat:3}}</td>
                      </tr>
                      <tr>
                          <th scope="row" class="fw-bold">CM</th>
                          <td>$ {{fabric_description.total_cm_cost|floatformat:3}}</td>
                      </tr>
                      <tr>
                        <th scope="row" class="fw-bold">Commercial Cost</th>
                        <td>$ {{fabric_description.commercial_cost|floatformat:3}}</td>
                        </tr>
                        <tr>
                          <th scope="row" class="fw-bold">Profit Margin</th>
                          <td>$ {{fabric_description.profit_margin|floatformat:3}}</td>
                      </tr>
                     
          
                      
                      </tbody>
                  </table>
                  </div>
                  <div class="col-md-6 ">
                  <table class="table table-bordered">
                      <tbody>
                        <tr>
                          <th scope="row" class="fw-bold">Agent Commission 1</th>
                          <td>$ {{fabric_description.agent_commision1|floatformat:3}}</td>
                      </tr>
                      <tr>
                      <th scope="row" class="fw-bold">Agent Commission 2</th>
                      <td>$ {{fabric_description.agent_commision2|floatformat:3}}</td>
                      </tr>
                      
                      <tr>
                          <th scope="row" class="fw-bold">FOB</th>
                          <td>$ {{fabric_description.fob|floatformat:3}}</td>
                      </tr>
                      <tr>
                          <th scope="row" class="fw-bold">CIF</th>
                          <td>$ {{fabric_description.cif|floatformat:3}}</td>
                      </tr>
                      <tr>
                          <th scope="row" class="fw-bold">CNF</th>
                          <td>$ {{fabric_description.cnf|floatformat:3}}</td>
                      </tr>
                      <tr>
                          <th scope="row" class="fw-bold">Landed Cost</th>
                          <td>$ {{fabric_description.landed_cost|floatformat:3}}</td>
                      </tr>
                      <tr>
                      <th scope="row" class="fw-bold">Team</th>
                        <td>
                          {% if team %}
                            {{team}}
                          {% else %}
                            N/A
                          {% endif %}
                        </td>
                      </tr>
                  </tbody>
                  </table>
                  </div>
              </div>
              </div>
          </div>
      </div>
    </div>
      
    <div class="table-area mt-2">
          <div class="table-title">
              <div class="card mt-2">
                  <div class="card-header bg-light fw-bold">
                  Style Description
                  </div>
                  <div class="card-body">
                  <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">Create Date</th>
                              <td>{{style.created_date}}</td>
                          </tr>
                          <tr>
                              <th scope="row" class="fw-bold">Season</th>
                              <td>{{style.season}}</td>
                          </tr>
                          <tr>
                              <th scope="row" class="fw-bold">Brand</th>
                              <td class="text-capitalize">
                                {% if style.brand %}
                                  {{style.brand}}
                                {% else %}
                                  N/A
                                {% endif %}
                              </td>
                          </tr>
                          <tr>
                              <th scope="row" class="fw-bold">Buyer</th>
                              <td>{{style.buyer}}</td>
                          </tr>
                          <tr>
                              <th scope="row" class="fw-bold">Ex Factory Date</th>
                              <td>
                                {% if style.ex_factory %}
                                  {{style.ex_factory}}
                                {% else %}
                                  N/A
                                {% endif %}
                              </td>
                          </tr>
                          <tr>
                              <th scope="row" class="fw-bold">Revised Date</th>
                              <td>
                                {% if style.revised_date %}
                                  {{style.revised_date}}
                                {% 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>
                          </tbody>
                      </table>
                      </div>
                      <div class="col-md-6">
                      <table class="table table-bordered">
                          <tbody>
                          
                          <tr>
                              <th scope="row" class="fw-bold">Coo</th>
                              <td>{{style.coo}}</td>
                          </tr>
                          <tr>
                              <th scope="row" class="fw-bold">Retail</th>
                              <td>
                                {% if style.vendor %}
                                  {{style.vendor}}
                                {% else %}
                                  N/A
                                {% endif %}
                              </td>
                          </tr>
                          <tr>
                              <th scope="row" class="fw-bold">Remarks</th>
                              <td class="text-capitalize">
                                {% if style.remarks %}
                                  {{style.remarks}}
                                {% 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">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}}" target="_blank"> Download </a></td>
                              {% else %}
                              <td>N/A</td>
                              {% endif %}
                          </tr>
                          <tr>
                              <th scope="row" class="fw-bold">User Lock</th>
                              <td>
                                {% if style.is_user_lock %}
                                  {{style.is_user_lock}}
                                {% else %}
                                  N/A
                                {% endif %}
                              </td> 
                          </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>

    {% if pending_fabric_cost %}
    <div class="table-area mt-2">
        <div class="table-title">
            <div class="card mt-2">
                <div class="card-header bg-light fw-bold">
                  <div class="row">
                      <div class="col-md-11">
                        Pending Fabric Costing
                      </div>
                  </div>
                </div>
                <div class="card-body">
                <div class="row">
                    <div class="col-md-12 table-responsive">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th class="text-center">SL No</th>
                            <th>Type</th>
                            <th>Name</th>
                            <th>Uages</th>
                            <th>Unit</th>
                            <th>Cost Per Unit</th>
                            
                       
                            </tr>
                        </thead>
                        <tbody>
                        {{fabric_cost_form_set.management_form}}
                        {% for item1, item2 in before_fabric_costing %}
                        <tr>
                            <th scope="row">{{ forloop.counter }}</th>
                            <td>{{item1.fabric.fabric_type}}</td>
                            <td>{{item1.fabric.fabric_name}}</td>
                            <td>{{item1.total_uses|floatformat:3}}</td>                            
                            <td>{{item1.unit}}</td>                            
                            {% for hidden in item2.hidden_fields %}
                              {{ hidden }}
                            {% endfor %}
                            <td>{{ item2.cost_per_unit }}
                              {% render_field item2.fabric value=item1.id %}
                            </td>
                            
                            
                        </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
    {% endif %}


    {% if fabric_cost_list %}
    <div class="table-area mt-2">
        <div class="table-title">
            <div class="card mt-2">
                <div class="card-header bg-light fw-bold">
                Fabrics Costing
                </div>
                <div class="card-body">
                <div class="row">
                    <div class="col-md-12 table-responsive">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th class="text-center">SL No</th>
                            <th>Type</th>
                            <th>Name</th>
                            <th>Uages</th>
                            <th>Unit</th>
                            <th>Cost Per Unit</th>
                            <th>Cost per gmt</th>
                            <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                        {% for fabric_cost in fabric_cost_list %}
                        <tr>
                            <th scope="row">{{ forloop.counter }}</th>
                            <td>{{fabric_cost.fabric.fabric.fabric_type}}</td>
                            <td>{{fabric_cost.fabric.fabric.fabric_name}}</td>
                            <td>{{fabric_cost.fabric.total_uses|floatformat:3}}</td>
                            <td>{{fabric_cost.fabric.unit}}</td>
                            <td>{{fabric_cost.cost_per_unit|floatformat:3}}</td>
                            <td>{{fabric_cost.total_cost|floatformat:3}}</td>
                            <td>
                                <ul class="action">
                                  {% if style.is_cost_submit_status == "Not Submit" %}
                                  <li >
                                    <a href="{% url 'fabric-cost-details' fabric_cost.id %}">
                                      <i class="fa fa-eye" aria-hidden="true"></i>
                                    </a>
                                  </li>
                                  
                                  <li>
                                    <a onclick="SweetDelete(event,this.href)" href="{% url 'previw-merchant-fabric-cost-delete' fabric_cost.id %}">
                                      <i class="fa fa-trash" aria-hidden="true"></i>
                                    </a>
                                  </li>
                                  {% else %}
                                  <li >
                                    <a href="{% url 'fabric-cost-details' fabric_cost.id %}">
                                      <i class="fa fa-eye" aria-hidden="true"></i>
                                    </a>
                                  </li>
                                  {% endif %}
                                </ul>
                            </td>
                        </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
    {% endif %}

    {% if pending_trim_cost %}
    <div class="table-area mt-2">
        <div class="table-title">
            <div class="card mt-2">
                <div class="card-header bg-light fw-bold">
                  <div class="row">
                      <div class="col-md-11">
                        Pending Trim Costing
                      </div>
                  </div>
                </div>
                <div class="card-body">
                <div class="row">
                    <div class="col-md-12 table-responsive">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                          <th class="text-center">SL No</th>
                          <th>Name</th>
                          <th>Description</th>
                          <th>Uages</th>
                          <th>Unit</th>
                          <th>Cost Per Unit</th>
                         
                    
                        </tr>
                        </thead>
                        <tbody>
                        {{trim_cost_form_set.management_form}}
                        {% for item1, item2 in before_trim_costing %}
                        <tr>
                            <th scope="row">{{ forloop.counter }}</th>
                            <td>{{item1.trim.name}}</td>
                            <td>{{item1.description}}</td>
                            <td>{{item1.total_uses|floatformat:3}}</td>                            
                            <td>{{item1.unit.name}}</td>                            
                            {% for hidden in item2.hidden_fields %}
                              {{ hidden }}
                            {% endfor %}
                            <td>{{ item2.cost_per_unit }}
                              {% render_field item2.trim value=item1.id %}
                            </td>
                            {% comment %} <td>Fake</td> {% endcomment %}
                           
                        </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
    {% endif %}      
    
    {% if trim_cost_list %}
    <div class="table-area mt-2">
      <div class="table-title">
          <div class="card mt-2">
              <div class="card-header bg-light fw-bold">
              Trims Costing
              </div>
              <div class="card-body">
              <div class="row">
                  <div class="col-md-12 table-responsive">
                  <table class="table table-bordered">
                      <thead>
                      <tr>
                          <th class="text-center">SL No</th>
                          <th>Name</th>
                          <th>Description</th>
                          <th>Uages</th>
                          <th>Unit</th>
                          <th>Cost Per Unit</th>
                          <th>Cost per gmt</th>
                          <th>Action</th>
                      </tr>
                      </thead>
                      <tbody>
                      {% for trim_cost in trim_cost_list %}
                      <tr>
                          <th scope="row">{{ forloop.counter }}</th>
                          <td>{{trim_cost.trim.trim.name}}</td>
                          <td>{{trim_cost.trim.trim.description}}</td>
                          <td>{{trim_cost.trim.total_uses|floatformat:3}}</td>
                          <td>{{trim_cost.trim.unit}}</td>
                          <td>{{trim_cost.cost_per_unit|floatformat:3}}</td>
                          <td>{{trim_cost.total_cost|floatformat:3}}</td>
                          <td>
                            <ul class="action">
                              {% if style.is_cost_submit_status == "Not Submit" %}
                              <li >
                                <a href="{% url 'trim-cost-details' trim_cost.id %}">
                                  <i class="fa fa-eye" aria-hidden="true"></i>
                                </a>
                              </li>
                              
                              <li>
                                <a onclick="SweetDelete(event,this.href)" href="{% url 'previw-merchant-trim-cost-delete' trim_cost.id %}">
                                  <i class="fa fa-trash" aria-hidden="true"></i>
                                </a>
                              </li>
                              {% else %}
                                <li >
                                  <a href="{% url 'trim-cost-details' trim_cost.id %}">
                                    <i class="fa fa-eye" aria-hidden="true"></i>
                                  </a>
                              </li>
                              {% endif %}
                            </ul>
                          </td>
                      </tr>
                      {% endfor %}
                      </tbody>
                  </table>
                  </div>
              </div>
              </div>
          </div>
          </div>
    </div>
    {% endif %}

    {% if pending_thread_cost %}
    <div class="table-area mt-2">
        <div class="table-title">
            <div class="card mt-2">
                <div class="card-header bg-light fw-bold">
                  <div class="row">
                      <div class="col-md-11">
                        Pending Thread Costing
                      </div>
                  </div>
                </div>
                <div class="card-body">
                <div class="row">
                    <div class="col-md-12 table-responsive">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                          <th class="text-center">SL No</th>
                          <th>Count</th>
                          <th>Description</th>
                          <th>Uages</th>
                          <th>Unit</th>
                          <th>Cost Per Unit</th>
                          
                         
                        </tr>
                        </thead>
                        <tbody>
                        {{thread_cost_form_set.management_form}}
                        {% for item1, item2 in before_thread_costing %}
                        <tr>
                            <th scope="row">{{ forloop.counter }}</th>
                            <td>{{item1.thread.count}}</td>
                            <td>{{item1.thread.description}}</td>
                            <td>{{item1.total_uses|floatformat:3}}</td>                            
                            <td>{{item1.unit.name}}</td>                            
                            {% for hidden in item2.hidden_fields %}
                              {{ hidden }}
                            {% endfor %}
                            <td>{{ item2.cost_per_unit }}
                              {% render_field item2.thread value=item1.id %}
                            </td>
                            
                            
                        </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
    {% endif %}
    
    {% if thread_cost_list %}
    <div class="table-area mt-2">
      <div class="table-title">
          <div class="card mt-2">
              <div class="card-header bg-light fw-bold">
              Thread Costing
              </div>
              <div class="card-body">
                  <div class="row">
                      <div class="col-md-12 table-responsive">
                          <table class="table table-bordered">
                              <thead>
                                  <tr>
                                      <th class="text-center">SL No</th>
                                      <th>Count</th>
                                      <th>Description</th>
                                      <th>Uages</th>
                                      <th>Unit</th>
                                      <th>Cost Per Unit</th>
                                      <th>Cost per gmt</th>
                                      <th>Action</th>
                                  </tr>
                              </thead>
                              <tbody>
                              {% for thread_cost in thread_cost_list %}
                              <tr>
                                  <th scope="row">{{ forloop.counter }}</th>
                                  <td>{{thread_cost.thread.thread.count}}</td>
                                  <td>{{thread_cost.thread.thread.description}}</td>
                                  <td>{{thread_cost.thread.total_uses|floatformat:3}}</td>
                                  <td>{{thread_cost.thread.unit}}</td>
                                  <td>{{thread_cost.cost_per_unit|floatformat:3}}</td>
                                  <td>{{thread_cost.total_cost|floatformat:3}}</td>
                                  <td>
                                    <ul class="action">
                                      {% if style.is_cost_submit_status == "Not Submit" %}
                                      <li >
                                        <a href="{% url 'thread-cost-details' thread_cost.id %}">
                                          <i class="fa fa-eye" aria-hidden="true"></i>
                                        </a>
                                      </li>
                                      
                                      <li>
                                        <a onclick="SweetDelete(event,this.href)" href="{% url 'previw-merchant-thread-cost-delete' thread_cost.id %}">
                                          <i class="fa fa-trash" aria-hidden="true"></i>
                                        </a>
                                      </li>
                                      {% else %}
                                      <li >
                                        <a href="{% url 'thread-cost-details' thread_cost.id %}">
                                          <i class="fa fa-eye" aria-hidden="true"></i>
                                        </a>
                                      </li>
                                      {% endif %}
                                    </ul>
                                  </td>
                              </tr>
                              {% endfor %}
                              </tbody>
                          </table>
                      </div>
                  </div>
              </div>
          </div>
          </div>
    </div>
    {% endif %}
  
    {% if before_washing_cost_form %}
    <div class="table-area mt-2">
      <div class="table-title">
        <div class="card mt-2">
          <div class="card-header bg-light fw-bold">
            Before Washing Costing
          </div>
          <div class="card-body">
            <div class="row">
              <div class="col-md-6 ">
                <table class="table table-bordered">
                  <tbody>
                    <tr>
                      <td>{{before_washing_cost_form.process_cost|as_crispy_field}}</td>
                    </tr>
                    <tr>
                      <td class="text-capitalize">{{before_washing_cost_form.d_crinkle|as_crispy_field}}</td>
                    </tr>
                    <tr>
                      <td>{{before_washing_cost_form.over_dye|as_crispy_field}}</td>
                    </tr>
                    <tr>
                      <td>{{before_washing_cost_form.other|as_crispy_field}}</td>
                    </tr>
                    <tr>
                      <td>{{before_washing_cost_form.tagging|as_crispy_field}}</td>
                    </tr>
                    
                  </tbody>
                </table>
              </div>
              <div class="col-md-6 ">
                <table class="table table-bordered">
                  <tbody>
                    <tr>
                      <td>{{before_washing_cost_form.pp_spray|as_crispy_field}}</td>
                    </tr>
                    <tr>
                      <td>{{before_washing_cost_form.sand_blasting|as_crispy_field}}</td>
                    </tr>
                    <tr>
                      <td>{{before_washing_cost_form.destroy|as_crispy_field}}</td>
                    </tr>
                    <tr>
                      <td>{{before_washing_cost_form.whisker|as_crispy_field}}</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    {% endif %}
    
    {% if washing %}
    <div class="table-area mt-2">
      <div class="table-title">
        <div class="card mt-2">
          <div class="card-header bg-light fw-bold">
            <div class="row">
              <div class="col-md-10">
                Washing costing
              </div>
              {% if style.is_cost_submit_status == 'Not Submit' %}
              <div class="col-md-1">
                <a href="{% url 'merchant-washing-cost-update' washing.id %}">
                  UPDATE
                </a>
              </div>
              <div class="col-md-1">
                <a href="{% url 'merchant-washing-cost-delete' washing.id %}">
                  DELETE
                </a>
              </div>
              {% endif %}
            </div>
          </div>
          <div class="card-body">
            <div class="row">
              <div class="col-md-6 ">
                <table class="table table-bordered">
                  <tbody>
                    <tr>
                      <th scope="row" class="fw-bold">Process Cost</th>
                      <td>{{washing.process_cost|floatformat:3}}</td>
                    </tr>
                    <tr>
                      <th scope="row" class="fw-bold">3D Crinkle</th>
                      <td class="text-capitalize">{{washing.d_crinkle|floatformat:3}}</td>
                    </tr>
                    <tr>
                      <th scope="row" class="fw-bold">Whisker</th>
                      <td>{{washing.whisker|floatformat:3}}</td>
                    </tr>
                    <tr>
                      <th scope="row" class="fw-bold">Destroy</th>
                      <td>{{washing.destroy|floatformat:3}}</td>
                    </tr>
                    <tr>
                      <th scope="row" class="fw-bold">Sand Blasting</th>
                      <td>{{washing.sand_blasting|floatformat:3}}</td>
                    </tr>
                    
                  </tbody>
                </table>
              </div>
              <div class="col-md-6 ">
                <table class="table table-bordered">
                  <tbody>
                    <tr>
                      <th scope="row" class="fw-bold">PP Spray</th>
                      <td>{{washing.pp_spray|floatformat:3}}</td>
                    </tr>
                    <tr>
                      <th scope="row" class="fw-bold">Tagging</th>
                      <td>{{washing.tagging|floatformat:3}}</td>
                    </tr>
                    <tr>
                      <th scope="row" class="fw-bold">Other</th>
                      <td>{{washing.other|floatformat:3}}</td>
                    </tr>
                    <tr>
                      <th scope="row" class="fw-bold">Over Dye</th>
                      <td>{{washing.over_dye|floatformat:3}}</td>
                    </tr>
                    <tr>
                      <th scope="row" class="fw-bold">Cost per gmt</th>
                      <td>{{washing.total_cost|floatformat:3}}</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    {% endif %}

    {% if before_embroidery_cost_form %}
    <div class="table-area mt-2">
      <div class="table-title">
        <div class="card mt-2">
          <div class="card-header bg-light fw-bold">
            Before Embroidery Costing
          </div>
          <div class="card-body">
            <div class="row">
              <div class="col-md-12 ">
                <table class="table table-bordered">
                  <tbody>
                    <tr>
                      <td>{{before_embroidery_cost_form.embroidery_cost|as_crispy_field}}</td>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    {% endif %}
    
    {% if embroidery_cost_list %}
    <div class="table-area mt-2">
      <div class="table-title">
        <div class="card mt-2">
          <div class="card-header bg-light fw-bold">
            <div class="row">
              <div class="col-md-10">
                Embroidery costing
              </div>
              {% if style.is_cost_submit_status == 'Not Submit' %}
              <div class="col-md-1">
                <a href="{% url 'embroidery-costing-update' embroidery_cost_list.id %}">
                  UPDATE
                </a>
                </div>
                <div class="col-md-1">
                  <a href="{% url 'embroidery-costing-delete' embroidery_cost_list.id %}">
                    DELETE
                  </a>
                  </div>
              </div>
              {% endif %}
          </div>
          <div class="card-body">
            <div class="row">
              <div class="col-md-12 ">
                <table class="table table-bordered">
                  <tbody>
                    <tr>
                      <th scope="row" class="fw-bold">Embroidery Cost</th>
                      <td>{{embroidery_cost_list.embroidery_cost|floatformat:3}}</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    {% endif %}

    {% if before_cm_cost_form %}
    <div class="table-area mt-2">    
    <div class="table-title">
      <div class="card mt-2">
        <div class="card-header bg-light fw-bold">
          CM Costing
        </div>
        <div class="card-body">
          <div class="row">
            <div class="col-md-6 ">
              <table class="table table-bordered">
                <tbody>
                  <tr>
                    <td>{{before_cm_cost_form.smv|as_crispy_field}}</td>
                  </tr>
                  <tr>
                    <td class="text-capitalize">{{before_cm_cost_form.efficiency|as_crispy_field}}</td>
                  </tr>
                  <tr>
                    <td>{{before_cm_cost_form.number_of_machine|as_crispy_field}}</td>
                  </tr>                  
                </tbody>
              </table>
            </div>
            <div class="col-md-6 ">
              <table class="table table-bordered">
                <tbody>
                
                  <tr>
                    <td>{{before_cm_cost_form.target_production_per_minute|as_crispy_field}}</td>
                  </tr>
                  <tr>
                    <td>{{before_cm_cost_form.machine_cost_per_minute|as_crispy_field}}</td>
                  </tr>
                  <tr>
                    <td>{{before_cm_cost_form.man_power|as_crispy_field}}</td>
                  </tr>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <table class="table table-bordered">
                <tbody>
                  <tr>
                    <td>{{before_cm_cost_form.others|as_crispy_field}}</td>
                  </tr>               
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
    </div>
    {% endif %}

    {% if cm_cost %}
    <div class="table-area mt-2">    
    <div class="table-title">
      <div class="card mt-2">
        <div class="card-header bg-light fw-bold">
          <div class="row">
            <div class="col-md-10">
              CM costing
            </div>
            {% if style.is_cost_submit_status == 'Not Submit' %}
            <div class="col-md-1">
              <a href="{% url 'merchant-cm-cost-update' cm_cost.id %}">
                UPDATE
              </a>
              </div>
              <div class="col-md-1">
                <a href="{% url 'merchant-cm-cost-delete' cm_cost.id %}">
                  DELETE
                </a>
                </div>
              {% endif %}
            </div>
        </div>
        </div>
        <div class="card-body">
          <div class="row">
            <div class="col-md-6 ">
              <table class="table table-bordered">
                <tbody>
                  <tr>
                    <th scope="row" class="fw-bold">SMV</th>
                    <td>{{cm_cost.smv|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Efficiency</th>
                    <td class="text-capitalize">{{cm_cost.efficiency|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Number Of Machine</th>
                    <td>{{cm_cost.number_of_machine|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Man Power</th>
                    <td>{{cm_cost.man_power|floatformat:3}}</td>
                  </tr>
                  
                </tbody>
              </table>
            </div>
            <div class="col-md-6 ">
              <table class="table table-bordered">
                <tbody>
                
                  <tr>
                    <th scope="row" class="fw-bold">Target Production Per Minute</th>
                    <td>{{cm_cost.target_production_per_minute|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Machine Cost Per Minute</th>
                    <td>{{cm_cost.machine_cost_per_minute|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Others Cost</th>
                    <td>{{cm_cost.others|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Cost per gmt Per GMTS</th>
                    <td>{{cm_cost.total_cost_per_gmts|floatformat:3}}</td>
                  </tr>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
    </div>
    {% endif %}

    {% if before_commercial_cost_form %}
    <div class="table-area mt-2">
        <div class="table-title">
          <div class="card mt-2">
            <div class="card-header bg-light fw-bold">
              Before Commercial and Other Costing
            </div>
            <div class="card-body">
              <div class="row">
                <div class="col-md-6 ">
                  <table class="table table-bordered">
                    <tbody>
                      <tr>
                        <td>
                          {{ before_commercial_cost_form.agent_commision1|as_crispy_field }}
                        </td>
                      </tr>
                      <tr>
                        <td>
                          {{ before_commercial_cost_form.agent_commision2|as_crispy_field }}
                        </td>
                      </tr>
                      <tr>
                        <td>
                          {{ before_commercial_cost_form.commercial_cost|as_crispy_field }}
                        </td>
                      </tr>
                      <tr>
                        <td>
                          {{ before_commercial_cost_form.profit_margin|as_crispy_field }}
                        </td>
                      </tr>
                      <tr>                      
                        <td>
                          {{ before_commercial_cost_form.duty|as_crispy_field }}
                        </td>
                      </tr>
                      <tr>
                        <td>
                          {{ before_commercial_cost_form.freight|as_crispy_field }}
                        </td>
                        <tr>
                        <td>
                          {{ before_commercial_cost_form.insurance|as_crispy_field }}
                        </td>
                      </tr>                      
                    </tbody>
                  </table>
                </div>
                <div class="col-md-6 ">
                  <table class="table table-bordered">
                    <tbody>
                    <tr>
                      <td>
                        {{ before_commercial_cost_form.agent_commision1_is_percent|as_crispy_field }}
                      </td>
                    </tr>
                    <tr>
                      <td>
                        {{ before_commercial_cost_form.agent_commision2_is_percent|as_crispy_field }}
                      </td>
                    </tr>
                    <tr>
                      <td>
                        {{ before_commercial_cost_form.commercial_cost_is_percent|as_crispy_field }}
                      </td>
                    </tr>
                    <tr>
                      <td>
                        {{ before_commercial_cost_form.profit_margin_is_percent|as_crispy_field }}
                      </td>
                    </tr>
                    <tr>
                      <td>
                        {{ before_commercial_cost_form.duty_is_percent|as_crispy_field }}
                      </td>
                    </tr>
                    <tr>
                      <td>
                        {{ before_commercial_cost_form.remarks|as_crispy_field }}
                      </td>
                    </tr>
                    
                      <td>
                        {{ before_commercial_cost_form.others|as_crispy_field }}
                      </td>
                    </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
    </div>
    {% endif %}
    

    {% if fabric_description.commercial_and_other_cost %}
    <div class="table-area mt-2">
        <div class="table-title">
          <div class="card mt-2">
            <div class="card-header bg-light fw-bold">
              <div class="row">
                <div class="col-md-10">
                  Commercial and Other Costing
                </div>
                {% if style.is_cost_submit_status == 'Not Submit' %}
                <div class="col-md-1">
                  <a href="{% url 'merchant-commercial-and-other-cost-update' fabric_description.commercial_and_other_cost.id %}">
                    UPDATE
                  </a>
                  </div>
                  <div class="col-md-1">
                    <a href="{% url 'commercial_and_other-cost-delete' fabric_description.commercial_and_other_cost.id %}">
                      DELETE
                    </a>
                    </div>
                    {% endif %}
                </div>
            </div>
            <div class="card-body">
              <div class="row">
                <div class="col-md-6 ">
                  <table class="table table-bordered">
                    <tbody>
                      <tr>
                        <th scope="row" class="fw-bold">Agent Commision 1</th>
                        <td>
                          $ {{ fabric_description.agent_commision1|floatformat:3 }}
                        </td>
                      </tr>
                      <tr>
                        <th scope="row" class="fw-bold">Agent Commision 2</th>
                        <td>
                          $ {{ fabric_description.agent_commision2|floatformat:3 }}
                        </td>
                      </tr>
                      <tr>
                        <th scope="row" class="fw-bold">Commercial cost</th>
                        <td>
                          $ {{ fabric_description.commercial_cost|floatformat:3 }}
                        </td>
                      </tr>
                      <tr>
                        <th scope="row" class="fw-bold">Profit margin</th>
                        <td>$ {{ fabric_description.profit_margin|floatformat:3 }}</td>
                      </tr>
                      <tr>
                        <th scope="row" class="fw-bold">Freight</th>
                        <td>$ {{ fabric_description.commercial_and_other_cost.freight|floatformat:3 }}</td>
                      </tr>
                      
                    </tbody>
                  </table>
                </div>
                <div class="col-md-6 ">
                  <table class="table table-bordered">
                    <tbody>
                      <tr>
                        <th scope="row" class="fw-bold">Insurance</th>
                        <td>$ {{ fabric_description.commercial_and_other_cost.insurance|floatformat:3 }}</td>
                      </tr>
                      <tr>
                        <th scope="row" class="fw-bold">Duty</th>
                        <td>$ {{ fabric_description.commercial_and_other_cost.duty|floatformat:3 }}</td>
                      </tr>
                      <tr>
                        <th scope="row" class="fw-bold">Others</th>
                        <td>$ {{ fabric_description.commercial_and_other_cost.others|floatformat:3 }}</td>
                      </tr>
                      <tr>
                        <th scope="row" class="fw-bold">Remarks</th>
                        <td>
                          {% if fabric_description.commercial_and_other_cost.remarks %}
                            {{ fabric_description.commercial_and_other_cost.remarks }}
                          {% else %}
                            N/A
                          {% endif %}
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
    </div>
    {% endif %}


    <div class="row" style="margin-top: 30px;">
      <div class="col-md-12 text-center">
          <button type="submit" class="cus-btn" >Cost Submit</button>
      </div>
    </div>
  </form>

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


{% block JS %}
<script type=text/javascript>
  function SweetDelete(e,href){
    e.preventDefault()
    var self = $(this)
    Swal.fire({
      title: 'Are you sure?',
      text: "You won't be able to revert this!",
      icon: 'warning',
      showCancelButton: true,
      confirmButtonColor: '#3085d6',
      cancelButtonColor: '#d33',
      confirmButtonText: 'Yes, delete it!'
    }).then((result) => {
      if (result.isConfirmed) {
        Swal.fire(
          'Deleted!',
          'Your file has been deleted.',
          'success',
          
        )
        location.href = href
    
      }
    })
  }

  
    var info_messages = document.getElementsByClassName('alert');

    setTimeout(function(){
        for (var i = 0; i < info_messages.length; i ++) {
            // Set display attribute as !important, neccessary when using bootstrap
            info_messages[i].setAttribute('style', 'display:none !important');
        }
    }, 3000);


</script>

{% endblock JS %}