{% extends "marchant_base.html" %}
{% load static %}
{% load widget_tweaks %}
{% load crispy_forms_tags %}
{% block title %}
<title>Budget 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 %}
  
 <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>$ {{fabirc_budget_total_cost|floatformat:3}}</td> 
                    </tr>
                    
                    <tr>
                        <th scope="row" class="fw-bold">Trims</th>
                        <td class="text-capitalize">$ {{trims_budget_total_cost|floatformat:3}}</td>
                    </tr>
                    <tr>
                      <th scope="row" class="fw-bold">Threads</th>
                      <td class="text-capitalize">$ {{thread_budget_total_cost|floatformat:3}}</td>
                    </tr>
                    <tr>
                        <th scope="row" class="fw-bold">Washing</th>
                        <td>$ {{washing_budget_total_cost|floatformat:3}}</td>
                    </tr>
                    <tr>
                      <th scope="row" class="fw-bold">Embroidery</th>
                      <td>$ {{embroidery_budget_total_cost|floatformat:3}}</td>
                    </tr>
                    <tr>
                        <th scope="row" class="fw-bold">CM</th>
                        <td>$ {{cm_budget_total_cost|floatformat:3}}</td>
                    </tr>
                    <tr>
                        <th scope="row" class="fw-bold">Agent Commission 1</th>
                        <td>$ {{agent_commision1_budget_cost|floatformat:3}}</td>
                    </tr>
                    <tr>
                    <th scope="row" class="fw-bold">Agent Commission 2</th>
                    <td>$ {{agent_commision2_budget_cost|floatformat:3}}</td>
                    </tr>
        
                    <tr>
                    <th scope="row" class="fw-bold">Commercial Cost</th>
                    <td>$ {{commercial_budget_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>$ {{profit_margin_budget_cost|floatformat:3}} + ( {{temp_profit_margin_budget_cost|floatformat:3}})</td>
                    </tr>
                    <tr>
                        <th scope="row" class="fw-bold"> Current Profit Margin</th>
                        <td>$ {{new_profit_margin_budget_cost|floatformat:3}}</td>
                    </tr>
                    <tr>
                        <th scope="row" class="fw-bold">FOB</th>
                        <td>$ {{fob |floatformat:3}}</td>
                    </tr>
                    <tr>
                        <th scope="row" class="fw-bold">CIF</th>
                        <td>$ {{cif|floatformat:3}}</td>
                    </tr>
                    <tr>
                        <th scope="row" class="fw-bold">CNF</th>
                        <td>$ {{cnf|floatformat:3}}</td>
                    </tr>
                    <tr>
                        <th scope="row" class="fw-bold">Landed Cost</th>
                        <td>$ {{landed_cost|floatformat:3}}</td>
                    </tr>
                    <tr>
                      <th scope="row" class="fw-bold">Total Quantity </th>
                      <td>{{lot_number_quantity}}</td>
                    </tr>
                    <tr>
                    <th scope="row" class="fw-bold">Team</th>
                      <td>
                        {% if style.team %}
                        {{style.team}}
                        {% else %}
                        N/A 
                        {% endif %}
                      </td>
                    </tr>
                </tbody>
                </table>
                </div>
            </div>
            </div>
        </div>
    </div>
  </div>

{% if fabirc_budget_list %}
<div class="table-area mt-2">
  <div class="table-title">
    <div class="card mt-2">
      <div class="card-header bg-light fw-bold">
        Fabric Budget Details
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-12 ">
            <div class="tables table-responsive" id="">
              <table class="table  table-striped table-hover">
                <thead>
                  <tr>
                    <th>SL</th>
                    <th>Fabric Name</th>
                    <th>Composition</th>
                    <th>Supplier</th>
                    <th>Total Uses</th>
                    <th>Unit</th>
                    <th>Negotiated Price</th>
                    <th>Quantity</th>
                    <th>Total Cost</th>
                  </tr>
                </thead>
                <tbody id="fabric_budget_list_id">
                  {% for fabric_budget in fabirc_budget_list %}
                  <tr>
                    <td class="text-center">{{forloop.counter}}</td>
                    <td>{{ fabric_budget.fabric.fabric.fabric.fabric_name }}</td>
                    <td>{{ fabric_budget.fabric.fabric.fabric.composition }}</td>
                    <td>{{ fabric_budget.supplier }}</td>
                    <td>{{ fabric_budget.negotiated_usage|floatformat:3 }}</td>
                    <td>{{ fabric_budget.fabric.fabric.unit}}</td>
                    <td>{{ fabric_budget.neotiated_price|floatformat:3}}</td>
                    <td>{{ lot_number_quantity }}</td>
                    <td>{% widthratio fabric_budget.total_cost 1 lot_number_quantity %}</td>
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endif %}

{% if trims_budget_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 Budget Details
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-12 ">
            <div class="tables table-responsive" id="">
              <table class="table  table-striped table-hover">
                <thead>
                  <tr>
                    <th>SL</th>
                    <th>Item</th>
                    <th>Description</th>
                    <th>Supplier</th>
                    <th>Total Uses</th>
                    <th>Unit</th>
                    <th>Negotiated Price</th>
                    <th>Quantity</th>
                    <th>Total Cost</th>
                  </tr>
                </thead>
                <tbody id="fabric_budget_list_id">
                  {% for trim_budget in trims_budget_list %}
                  <tr>
                    <td class="text-center">{{forloop.counter}}</td>
                    <td>{{ trim_budget.trim.trim.trim.name }}</td>
                    <td>{{ trim_budget.trim.trim.trim.description }}</td>
                    <td>{{ trim_budget.supplier }}</td>
                    <td>{{ trim_budget.negotiated_usage|floatformat:3	 }}</td>
                    <td>{{ trim_budget.trim.trim.unit}}</td> 
                    <td>{{ trim_budget.negotiated_price|floatformat:3}}</td> 
                    <td>{{ lot_number_quantity }}</td>
                    <td>{% widthratio trim_budget.total_cost 1 lot_number_quantity %}</td>
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endif %}

{% if thread_budget_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 Budget Details
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-12 ">
            <div class="tables table-responsive" id="">
              <table class="table  table-striped table-hover">
                <thead>
                  <tr>
                    <th>SL</th>
                    <th>Count</th>
                    <th>Description</th>
                    <th>Supplier</th>
                    <th>Total Uses</th>
                    <th>Unit</th>
                    <th>Negotiated Price</th>
                    <th>Quantity</th>
                    <th>Total Cost</th>
                  </tr>
                </thead>
                <tbody id="fabric_budget_list_id">
                  {% for thread_budget in thread_budget_list %}
                  <tr>
                    <td class="text-center">{{forloop.counter}}</td>
                    <td>{{ thread_budget.thread.thread.thread.count }}</td>
                    <td>{{ thread_budget.thread.thread.thread.description }}</td>
                    <td>{{ thread_budget.supplier }}</td>
                    <td>{{ thread_budget.negotiated_usage|floatformat:3	 }}</td>
                    <td>{{ thread_budget.thread.thread.unit}}</td> 
                    <td>{{ thread_budget.negotiated_price|floatformat:3}}</td> 
                    <td>{{ lot_number_quantity }}</td>
                    <td>{% widthratio thread_budget.total_cost 1 lot_number_quantity %}</td>
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endif %}

{% if washing_budget_list %}
<div class="table-area mt-2">
  <div class="table-title">
    <div class="card mt-2">
    {% for item in washing_budget_list %}
      <div class="card-header bg-light fw-bold">
        <div class="row">
          <div class="col-md-11">
            Wash Budget Details of {{ item.washing.style.style_number }}
          </div>
        </div>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-6 ">
            <div class="tables table-responsive" id="">
              <table class="table  table-striped table-hover">
                <tbody id="fabric_budget_list_id">
                  <tr>
                    <td class="fw-bold">Process Cost</td>
                    <td>{{item.process_cost|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">3D Crinkle</td>
                    <td>{{item.d_crinkle|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Whisker</td>
                    <td>{{item.whisker|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Destroy</b></td>
                    <td>{{item.destroy|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Sand Blasting</b></td>
                    <td>{{item.sand_blasting|floatformat:3}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="tables table-responsive" id="">
              <table class="table  table-striped table-hover">
                <tbody id="fabric_budget_list_id">
                  <tr>
                    <td class="fw-bold">PP Spray</td>
                    <td>{{item.pp_spray|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Tagging</td>
                    <td>{{item.tagging|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Other</td>
                    <td>{{item.other|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Over Dye</td>
                    <td>{{item.over_dye|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Total Washing Cost</td>
                    <td>{{item.total_cost|floatformat:3}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    {% endfor %}
    </div>
  </div>
</div>
{% endif %}

{% if embroidery_budget_list %}
<div class="table-area mt-2">
  <div class="table-title">
  {% for item in embroidery_budget_list %}
    <div class="card mt-2">
      <div class="card-header bg-light fw-bold">
        
        <div class="row">
          <div class="col-md-11">
            Embroidery Budget Details of {{ item.embroidery.style.style_number }}
          </div>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-12 ">
            <div class="tables table-responsive" id="">
              <table class="table  table-striped table-hover">
                <tbody id="fabric_budget_list_id">
                  <tr>
                    <td class="fw-bold">Embroidery Cost</td>
                    <td>{{item.embroidery_cost|floatformat:3}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  {% endfor %}
  </div>
</div>
{% endif %}

{% if cm_costing_list%}
<div class="table-area mt-2">
  <div class="table-title">
  {% for item in cm_costing_list %}
    <div class="card mt-2">
      <div class="card-header bg-light fw-bold">
        
        <div class="row">
          <div class="col-md-11">
            CM Budget Details of {{ item.cm.style.style_number }}
          </div>
        </div>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-6 ">
            <div class="tables table-responsive" id="">
              <table class="table  table-striped table-hover">
                <tbody id="fabric_budget_list_id">
                  <tr>
                    <td class="fw-bold">SMV</td>
                    <td>{{item.smv|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Efficiency</td>
                    <td>{{item.efficiency|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Number of Machine</td>
                    <td>{{item.number_of_machine|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Man Power</b></td>
                    <td>{{item.man_power|floatformat:3}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="tables table-responsive" id="">
              <table class="table  table-striped table-hover">
                <tbody id="fabric_budget_list_id">
                  <tr>
                    <td class="fw-bold">Target Production Per Minute</td>
                    <td>{{item.target_production_per_minute|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Machine Cost Per Minute</td>
                    <td>{{item.machine_cost_per_minute|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Others</td>
                    <td>{{item.others|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Cost per gmt Per GMTS</td>
                    <td>{{item.total_cost_per_gmts|floatformat:3}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  {% endfor %}
  </div>
</div>
{% endif %}

{% if commercial_budget_list %}
<div class="table-area mt-2">
  <div class="table-title">
  {% for item in commercial_budget_list %}
    <div class="card mt-2">
      <div class="card-header bg-light fw-bold">
        <div class="row">
          <div class="col-md-11">
            Commercial Budget Details of {{ item.commercial_costing.style.style_number }}
          </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">Agent Commision 1</th>
                  <td>
                    $ {{item.agent_commision1|floatformat:3 }} {% if item.agent_commision1_is_percent == True %} % {% else %} &nbsp
                    {% endif %}
                  </td>
                </tr>
                <tr>
                  <th scope="row" class="fw-bold">Agent Commision 2</th>
                  <td>
                    $ {{ item.agent_commision2 |floatformat:3 }}{% if item.agent_commision2_is_percent == True %} % {% else %} &nbsp
                    {% endif %}
                  </td>
                </tr>
                <tr>
                  <th scope="row" class="fw-bold">Commercial cost</th>
                  <td>
                    $ {{ item.commercial_cost|floatformat:3 }}{% if item.commercial_cost_is_percent == True %} % {% else %} &nbsp
                    {% endif %}
                  </td>
                </tr>
                <tr>
                  <th scope="row" class="fw-bold">Profit margin</th>
                  <td>$ {{ item.profit_margin|floatformat:3 }}{% if item.profit_margin_is_percent == True %} % {% else %} &nbsp
                    {% endif %}</td>
                </tr>
                <tr>
                  <th scope="row" class="fw-bold">Freight</th>
                  <td>$ {{ item.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>$ {{ item.insurance|floatformat:3 }}</td>
                </tr>
                <tr>
                  <th scope="row" class="fw-bold">Duty</th>
                  <td>$ {{ item.duty|floatformat:3 }}{% if item.duty_is_percent == True %} % {% else %} &nbsp
                    {% endif %}</td>
                </tr>
                <tr>
                  <th scope="row" class="fw-bold">Others</th>
                  <td>$ {{ item.others|floatformat:3 }}</td>
                </tr>
                <tr>
                  <th scope="row" class="fw-bold">Remarks</th>
                  <td>{{ item.remarks}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  {% endfor %}
  </div>
</div>
{% endif %}
{% endblock MainContent %}
{% block meassage %}
{% endblock meassage %}

{% block JS %}
<script>
$(document).ready(function() {
    $("#id_approval_is_cost_submit_status").select2({
        
    });
});
</script>
{% endblock JS %}