{% extends "marchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}

{% block title %}
<title>Approval final finalize</title>
{% endblock title %}

{% block Style %}

{% endblock Style %}

{% block MainContent %}
<div class="contents">
  <form method="post" id="personForm" data-cities-url="" novalidate>
    {% csrf_token %}
    <div class="row">
      <div class="col-md-12">
        <div class="col-md-3 fw-bold" style="float: left;">
          {{comment_form.costing_rejection_comment|as_crispy_field}}
        </div> 
          <div class="col-md-3 fw-bold" style="float: right;">
            {{form.approval_is_cost_submit_status|as_crispy_field}}
              <button type="submit" class="cus-btn">Submit</button>
          </div> 
    
      </div>
    </div>
  </form>

  <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">Washing</th>
                        <td>$ {{fabric_description.total_washing_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">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">Commercial Cost</th>
                    <td>$ {{fabric_description.commercial_cost|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">Profit Margin</th>
                        <td>$ {{fabric_description.profit_margin|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>Mearchant Team A</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">{{style.brand}}</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>{{style.ex_factory}}</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.retail %}
                              {{style.retail}}
                              {% 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">Is User Lock</th>
                            <td>{{style.is_user_lock}}</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>

    <div class="table-area mt-2">
        <div class="table-title">
            <div class="card mt-2">
                <div class="card-header bg-light fw-bold">
                Fabrics
                </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>Total Uses</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.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 type="button" href="#">
                                      <i class="fa fa-pencil" 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>

  <div class="table-area mt-2">
    <div class="table-title">
        <div class="card mt-2">
            <div class="card-header bg-light fw-bold">
            Trims
            </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>Total Uses</th>
                        <th>Unit</th>
                        <th>Cost Per GMTS</th>
                        <th>Total Cost</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 type="button" href="#">
                                <i class="fa fa-pencil" 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>
  <div class="table-area mt-2">
    <div class="table-title">
        <div class="card mt-2">
            <div class="card-header bg-light fw-bold">
            Thread
            </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>Total Uses</th>
                                    <th>Unit</th>
                                    <th>Cost Per Unit</th>
                                    <th>Total Cost</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 type="button" href="#">
                                        <i class="fa fa-pencil" 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>
  <div class="table-area mt-2">
    <div class="table-title">
      <div class="card mt-2">
        <div class="card-header bg-light fw-bold">
          Washing
        </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">Total Cost</th>
                    <td>{{washing.total_cost|floatformat:3}}</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">
          CM
        </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">Other Cost</th>
                    <td>{{cm_cost.others|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Total Cost Per GMTS</th>
                    <td>{{cm_cost.total_cost_per_gmts|floatformat:3}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Commercial and others details starts -->
  <div class="table-area mt-2">
    <div class="table-title">
      <div class="card mt-2">
        <div class="card-header bg-light fw-bold">
          Commercial and Other Costing Details
        </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>
<!-- Commercial and others details ends -->

</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
    
      }
    })
  }

  
  $(document).ready(function() {
    $("#id_approval_is_cost_submit_status").select2({
        
    });
  });

</script>

{% endblock JS %}