{% 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 %}
<style>
 .right{
    text-align: right !important;
  }
  .rowhight{
    height:5px !important;
  }
  </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_items_are_budgeted %}
      <form method="post" id="personForm" data-cities-url=""  novalidate>
        {% csrf_token %}
        <div class="row">
        {% if budget_name.is_cost_submit_status == 'Not Submit' %}
          <div class="col-md-12">
            {% if budget_name.costing_rejection_comment %}
            <div class="col-md-6 fw-bold text-end" style="float: Left;">
              <p style="color: red">Comment: {{ budget_name.costing_rejection_comment }}</p>
            </div>
            {% endif %}
            <div class="col-md-6 fw-bold text-end" style="float: right;">
              {{formss.is_cost_submit_status|as_crispy_field}}
              <button type="submit" class="cus-btn">Submit</button>
            </div> 
          </div>
        {% elif budget_name.is_cost_submit_status == 'Rejected' or budget_name.is_cost_submit_status == 'Approved'  %}
          <div class="col-md-12">
            {% if budget_name.costing_rejection_comment %}
            <div class="col-md-6 fw-bold text-end" style="float: Left;">
              <p style="color: red">Comment: {{ budget_name.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;">
              {{formss.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 %} 


  <div class="table-area mt-2">
    <div class="table-title">
        <div class="card mt-2">
            <div class="card-header bg-light fw-bold text-danger">
            Budget Name - {{budget_name}}
            </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>$ {{grand_total_fabric_cost|floatformat:3}}</td> 
                    </tr>
                    
                    <tr>
                        <th scope="row" class="fw-bold">Trims</th>
                        <td class="text-capitalize">$ {{grand_total_trims_cost|floatformat:3}}</td>
                    </tr>
                    <tr>
                      <th scope="row" class="fw-bold">Threads</th>
                      <td class="text-capitalize">$ {{grand_total_thread_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>$ {{grand_style_wise_agent1_cost|floatformat:3}}</td>
                    </tr>
                    <tr>
                    <th scope="row" class="fw-bold">Agent Commission 2</th>
                    <td>$ {{grand_style_wise_agent2_cost|floatformat:3}}</td>
                    </tr>
        
                    <tr>
                    <th scope="row" class="fw-bold">Commercial Cost</th>
                    <td>$ {{grand_style_wise_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>$ {{grand_style_wise_profit_margin_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>$ {{grand_style_wise_fob_cost|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>$ {{grand_style_wise_cnf_cost|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>

<form action="" method="POST" enctype="multipart/form-data" data-cities-url="" id="personForm" autocomplete="off"> {% csrf_token %}
  {% if before_fabric_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">
          Pending Fabric Budget Details
        </div>
        <div class="card-body">
          <div class="row">
            <div class="col-md-12 ">
              <div class="tables table-responsive" id="">
                {{pending_fabric_material_formset.management_form}}
                {{pending_fabric_cost_formset.management_form}}
                {{supplier_formset.management_form}}
                {% for item in before_fabric_budget_list %}
                <table class="table  table-striped table-hover">
                  <thead>
                    <tr>
                      <th colspan="2" style="background-color: #37A000" class="text-center text-white"> {{ item.0.style}} #{{ item.0.fabric.fabric.fabric_name }}</th>
                    </tr>
                  </thead>
                  <tbody id="fabric_budget_list_id">
                    <tr>
                      {% for hidden in item.1.hidden_fields %}
                      {{ hidden }}
                      {% endfor %}
                      {% for hidden in item.2.hidden_fields %}
                      {{ hidden }}
                      {% endfor %}
                      {% for hidden in item.3.hidden_fields %}
                      {{ hidden }}
                      {% endfor %}
                      {% for hidden in item.4.hidden_fields %}
                      {{ hidden }}
                      {% endfor %}
                      <td class="col-md-6"><b class='text-info text-center' >Style Number:</b> {{ item.0.style}}</td>
                      
                    </tr>
                    <tr>
                      <tr>
                        <td class=""><b>Fabric Name:</b> {{ item.0.fabric.fabric.fabric_name }}</td>
                        <td><b>Composition:</b> {{ item.0.fabric.fabric.composition }}</td>
                      </tr>
                    </tr>
                    <tr>
                      <td><b>Usage:</b> {{ item.0.fabric.total_uses|floatformat:3 }}</td>
                      <td><b>Unit:</b> {{ item.0.fabric.unit.name }}</td>
                    </tr>
                    <tr>
                      <td><b>Unit Price:</b> {{ item.0.cost_per_unit|floatformat:3 }}</td>
                      <td><b>Cost per gmt:</b> {{ item.0.total_cost|floatformat:3 }}</td>
                      
                    </tr>
                    <tr>
                      <td><b>Consumption:</b> {{ item.0.fabric.consumption|floatformat:3 }}</td>
                      <td><b>Revised Consumption:</b> {{ item.1.consumption }}</td>

                    </tr>
                    
                    
                    <tr>
                      <td><b>Wastage:</b> {{ item.0.fabric.wastage|floatformat:3 }}</td>
                      
                      <td><b>Revised Wastage:</b> {{ item.1.wastage }}</td>
                    </tr>
                    <tr>
                      
                      <script>
                        
                        var formset = document.querySelector('#formset');
                        console.log(formset)
                        // var formNumber = '{{ extra_id }}';
                        // $(document).ready(function(){
                        //   for (i = 0; i < formNumber; i++) {
                          
                        //   $(`#id_fabric_material-${i}-consumption`).on("change",function () {
                        //     console.log(i)
                        //     var j = i - 1
                        //     var totalUsage = String(`#id_fabric_material-${j}-consumption`);
                        //     console.log(totalUsage)
                        //     console.log(document.getElementById(`id_fabric_material-${j}-consumption`).value);
                        //   })
                        // }
                        // }
                          
                        // )
                        
                      </script>
                      <td><b>Mill:</b> 
                      {% if item.0.fabric.mill_name %}
                        {{ item.0.fabric.mill_name}}
                        {% else %}
                        N/A 
                      {% endif %}
                    </td>
                      {% comment %} <td><b>Supplier :</b> {{ item.0.fabric.fabric.supplier }}</td> {% endcomment %}
                      <td><b>Revised Mill</b> {{ item.3.supplier }}</td>
                    </tr> 
                    <tr>
                      {% comment %} <td><b>Negotiated Unit Price:</b> {{ item3.cost_per_unit }}</td> {% endcomment %}
                      
                    </tr>                   
                    {% endfor %}
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  {% endif %}


{% 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>Style</th>
                    <th>Fabric Name</th>
                    <th>Composition</th>
                    <th>Supplier</th>
                    <th>Total Uses</th>
                    <th>Unit</th>
                    <th>Revised Price</th>
                    <th>Quantity</th>
                    <th>Total Cost</th>
                    <th>Action</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 class="text-center">{{fabric_budget.0}}</td>
                    <td>{{ fabric_budget.1.fabric.fabric.fabric.fabric_name }}</td>
                    <td>{{ fabric_budget.1.fabric.fabric.fabric.composition }}</td>
                    <td>{{ fabric_budget.1.supplier }}</td>
                    <td>{{ fabric_budget.1.negotiated_usage|floatformat:3 }}</td>
                    <td>{{ fabric_budget.1.fabric.fabric.unit}}</td>
                    <td>{{ fabric_budget.1.neotiated_price|floatformat:3}}</td>
                    <td>{{ fabric_budget.2 }}</td>
                    {% comment %} <td>{% widthratio fabric_budget.1.total_cost 1 fabric_budget.2 %}</td>  {% endcomment %}
                    <td>{{fabric_budget.3 |floatformat:3}}</td> 
                    <td>
                      <ul class="action">
                        <li >
                          <a href="{% url 'fabric-budget-details' fabric_budget.1.id %}">
                            <i class="fa fa-eye" aria-hidden="true"></i>
                          </a> 
                        </li>
                        <li>
                          <a onclick="SweetDelete(event,this.href)" href="{% url 'merchant-fabric-budget-delete' fabric_budget.1.id %}"> 
                            <i class="fa fa-trash" aria-hidden="true"></i>
                          </a> 
                        </li>
                      </ul>
                  </td> 
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endif %}

{% if before_trim_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">
        Pending Trim Budget Details
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-12 ">
            <div class="tables table-responsive" id="">
              {{pending_trim_material_formset.management_form}}
              {{pending_trim_cost_formset.management_form}}
              {% for item in before_trim_budget_list %}
              <table class="table  table-striped table-hover">
                <thead>
                  <tr>
                    <th colspan="2" style="background-color: #37A000" class="text-center text-white"> {{ item.0.style}} # {{ item.0.trim.trim.name }}</th>
                  </tr>
                </thead>
                <tbody id="fabric_budget_list_id">
                  <tr>
                    {% for hidden in item.1.hidden_fields %}
                    {{ hidden }}
                    {% endfor %}
                    {% for hidden in item.2.hidden_fields %}
                    {{ hidden }}
                    {% endfor %}
                    {% for hidden in item.3.hidden_fields %}
                    {{ hidden }}
                    {% endfor %}
                    {% comment %} <td class="col-md-6"><b class='text-info text-center' >Style Number:</b> {{ item1.style}}</td> {% endcomment %}
                    
                  </tr>
                  <tr>
                  <tr>
                    <td class="col-md-6"><b>Trim Name:</b> {{ item.0.trim.trim.name }}</td>
                    <td><b>Description:</b> {{ item.0.trim.description }}</td>
                  </tr>
                  
                  
                  <tr>
                    <td><b>Usage:</b> {{ item.0.trim.total_uses|floatformat:3 }}</td>
                    <td><b>Unit:</b> {{ item.0.trim.unit.name }}</td>

                  </tr>
                  <tr>
                    <td><b>Unit Price: </b> {{ item.0.cost_per_unit|floatformat:3 }}</td>
                    <td><b>Cost per gmt:</b> {{ item.0.total_cost }}</td>

                  </tr> 
                  <tr>
                    <td><b>Consumption:</b> {{ item.0.trim.consumption|floatformat:3 }}</td>
                    <td><b>Revised Consumption:</b> {{ item.1.consumption }}</td>

                  </tr>
                  <tr>
                    <td><b>Wastage:</b> {{ item.0.trim.wastage|floatformat:3 }}</td>
                    <td><b>Revised Wastage:</b> {{ item.1.wastage }}</td>

                    
                  </tr>
                  
                  <tr>
                    {% comment %} <td><b>Negotiated Unit Price:</b> {{ item3.cost_per_unit }}</td> {% endcomment %}
                    
                  </tr>
                  <tr>
                    <td><b>Supplier:</b> 
                      {% if item.0.trim.supplier %}
                      {{ item.0.trim.supplier }}
                      {% else %}
                      N/A 
                      {% endif %}
                    </td>
                    {% for hidden in item.1.hidden_fields %}
                    {{ hidden }}
                    {% endfor %}
                    {% for hidden in item.2.hidden_fields %}
                    {{ hidden }}
                    {% endfor %}
                    <td><b>Revised Supplier:</b> {{ item.1.supplier }}</td>
                  </tr>
                  <tr>
                    {% comment %} <th colspan="2">Total Cost: Fake</th> {% endcomment %}
                  </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>Style</th>
                    <th>Item</th>
                    <th>Description</th>
                    <th>Supplier</th>
                    <th>Total Uses</th>
                    <th>Unit</th>
                    <th>Revised Price</th>
                    <th>Quantity</th>
                    <th>Total Cost</th>
                    <th>Action</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 class="text-center">{{trim_budget.0}}</td>
                    <td>{{ trim_budget.1.trim.trim.trim.name }}</td>
                    <td>{{ trim_budget.1.trim.trim.description }}</td>
                    <td>{{ trim_budget.1.supplier }}</td>
                    <td>{{ trim_budget.1.negotiated_usage|floatformat:3	 }}</td>
                    <td>{{ trim_budget.1.trim.trim.unit}}</td> 
                    <td>{{ trim_budget.1.negotiated_price|floatformat:3}}</td> 
                    <td>{{ trim_budget.2 }}</td>
                    <td>{{ trim_budget.3 |floatformat:3}}</td>
                    {% comment %} <td>{% widthratio trim_budget.1.total_cost 1 trim_budget.2 %}</td> {% endcomment %}
                    
                    <td>
                      <ul class="action">
                        <li >
                          <a href="{% url 'trim-budget-details' trim_budget.1.id %}">
                            <i class="fa fa-eye" aria-hidden="true"></i>
                          </a>
                        </li>
                        <li>
                          <a onclick="SweetDelete(event,this.href)" href="{% url 'merchant-trim-budget-delete' trim_budget.1.id %}">
                            <i class="fa fa-trash" aria-hidden="true"></i>
                          </a>
                        </li>
                      </ul>
                  </td> 
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endif %}

{% if before_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">
        Pending Thread Budget Details
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-12 ">
            <div class="tables table-responsive" id="">
              {{pending_thread_material_formset.management_form}}
              {{pending_thread_cost_formset.management_form}}
              {% for item in before_thread_budget_list %}
              <table class="table  table-striped table-hover">
                <thead>
                  <tr>
                    <th colspan="2" style="background-color: #37A000" class=" text-center text-white">{{ item.0.style }} {{ item.0.thread.thread.count }}</th>
                  </tr>
                </thead>
                <tbody id="fabric_budget_list_id">
                  

                  <tr>
                    <td class="col-md-6"><b>Thread Count:</b> {{ item.0.thread.thread.count }}</td>
                    <td><b>Description:</b> {{ item.0.thread.thread.description }}</td>
                  </tr>
                  <tr>
                  <td><b>Usage:</b> {{ item.0.thread.total_uses|floatformat:3 }}</td>
                  <td><b>Unit:</b> {{ item.0.thread.unit.name }}</td>
                  </tr>
                  <tr>
                  <td><b>Unit Price: </b> {{ item.0.cost_per_unit|floatformat:3 }}</td>
                  <td><b>Cost per gmt:</b> {{ item.0.total_cost|floatformat:3 }}</td>
                  </tr>
                  <tr>
                  <td><b>Previous Consumption:</b> {{ item.0.thread.consumption|floatformat:3 }}</td>
                  <td><b>Revised Consumption:</b> {{ item.1.consumption}}</td>
                  </tr>
                  <tr>
                    <td><b>Previous Wastage:</b> {{ item.0.thread.wastage|floatformat:3 }}</td>
                    <td><b>Revised Wastage:</b> {{ item.1.wastage }}</td>
                  </tr>
                  <tr>
                    <td><b>Previous Supplier:</b> 
                      {% if item.0.thread.supplier %}
                      {{ item.0.thread.supplier }}
                      {% else %}
                      N/A
                      {% endif %}
                    </td>
                    {% for hidden in item.1.hidden_fields %}
                    {{ hidden }}
                    {% endfor %}

                    {% for hidden in item.2.hidden_fields %}
                    {{ hidden }}
                    {% endfor %}

                    <td><b>Revised Supplier:</b> {{ item.1.supplier }}</td>
                  </tr>

                  {% comment %} <tr>
                    <td><b>Previous Usage:</b> {{ item.0.thread.total_uses|floatformat:3 }}</td>
                    
                  </tr>
                  <tr>
                    <td><b>Negotiated Consumption:</b> {{ item.1.consumption }}</td>
                    <td><b>Negotiated Usage:</b> Fake</td>
                  </tr>
                  <tr>
                    <td><b>Unit:</b> {{ item1.thread.unit.name }}</td>
                    <td><b>Previous Unit Price: </b> {{ item.0.cost_per_unit|floatformat:3 }}</td>
                  </tr> 
                  <tr>
                    <td><b>Negotiated Unit Price:</b> {{ item.2.cost_per_unit }}</td>
                    <td><b>Quantity: </b> {{ lot_number_quantity }}</td>
                  </tr> {% endcomment %}                
                  {% 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>Style</th>
                    <th>Count</th>
                    <th>Description</th>
                    <th>Supplier</th>
                    <th>Total Uses</th>
                    <th>Unit</th>
                    <th>Revised Price</th>
                    <th>Quantity</th>
                    <th>Total Cost</th>
                    <th>Action</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 class="text-center">{{thread_budget.0}}</td>
                    <td>{{ thread_budget.1.thread.thread.thread.count }}</td>
                    <td>{{ thread_budget.1.thread.thread.thread.description }}</td>
                    <td>{{ thread_budget.1.supplier }}</td>
                    <td>{{ thread_budget.1.negotiated_usage|floatformat:3	 }}</td>
                    <td>{{ thread_budget.1.thread.thread.unit}}</td> 
                    <td>{{ thread_budget.1.negotiated_price|floatformat:3}}</td> 
                    <td>{{ thread_budget.2 }}</td>
                    <td>{{thread_budget.3|floatformat:3}}</td>
                    <td>
                      <ul class="action">
                        <li >
                          <a href="{% url 'thread-budget-details' thread_budget.1.id %}">
                            <i class="fa fa-eye" aria-hidden="true"></i>
                          </a>
                        </li>
                        <li>
                          <a onclick="SweetDelete(event,this.href)" href="{% url 'merchant-thread-budget-delete' thread_budget.1.id %}">
                            <i class="fa fa-trash" aria-hidden="true"></i>
                          </a>
                        </li>
                      </ul>
                  </td>
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endif %}
{% if before_thread_budget_list or before_fabric_budget_list or before_trim_budget_list %}
<div class="row" style="margin-top: 30px;">
  <div class="col-md-12 text-center">
      <button type="submit" class="cus-btn" >Budget Submit</button>
  </div>
</div>
{% endif %}
</form>
{% if before_thread_budget_list or before_fabric_budget_list or before_trim_budget_list %}
<h1>Complete the Consumption Section</h1>
{%else%}

<form method="post" id="personForm" data-cities-url=""  novalidate>
    {% csrf_token %}
{% if before_wash_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">
        Pending Wash Budget Details
      </div>
      {{wash_budget_form.management_form}}
      {% for item in before_wash_budget_list %}
      <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 colspan="2" style="background-color: #37A000" class="text-center text-white">Wash Budget of {{ item.0.style.style_number }}</th>
                  </tr>
                </thead>
                <tbody id="fabric_budget_list_id">
                {% for hidden in item.1.hidden_fields %}
                    {{ hidden }}
                    {% endfor %}
                  <tr>
                    <td>{{ item.1.process_cost|as_crispy_field }}</td>
                    <td>{{ item.1.d_crinkle|as_crispy_field }}</td>
                  </tr>
                  <tr>
                    <td>{{ item.1.whisker|as_crispy_field }}</td>
                    <td>{{ item.1.destroy|as_crispy_field }}</td>
                  </tr>
                  <tr>
                    <td>{{ item.1.sand_blasting|as_crispy_field }}</td>
                    <td>{{ item.1.pp_spray|as_crispy_field }}</td>
                  </tr>
                  <tr>
                    <td>{{ item.1.tagging|as_crispy_field }}</td>
                    <td>{{ item.1.other|as_crispy_field }}</td>
                  </tr>
                  <tr>
                    <th colspan="2" class="text-center">{{ item.1.over_dye|as_crispy_field }}</th>
                  </tr>       
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      {% endfor %}
    </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-10">
            Wash Budget Details of -- {{ item.0 }}
          </div>
          {% if budget_name.is_cost_submit_status == 'Not Submit' %}
          <div class="col-md-2">
            <a class="btn btn-primary right" href="{% url 'merchant-washing-budget-update' item.1.id %}">Update</a>
          </div>
          {% endif %}
        </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.1.process_cost|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">3D Crinkle</td>
                    <td>{{item.1.d_crinkle|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Whisker</td>
                    <td>{{item.1.whisker|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Destroy</b></td>
                    <td>{{item.1.destroy|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Sand Blasting</b></td>
                    <td>{{item.1.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.1.pp_spray|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Tagging</td>
                    <td>{{item.1.tagging|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Other</td>
                    <td>{{item.1.other|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Over Dye</td>
                    <td>{{item.1.over_dye|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Total Washing Cost</td>
                    <td>{{item.1.total_cost|floatformat:3}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    {% endfor %}
    </div>
  </div>
</div>
{% endif %}

{% if before_embroidery_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">
        Pending Embroidery Budget Details
      </div>
      {{embroidery_budget_form.management_form}}
      {% for item in before_embroidery_budget_list %}
      <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 colspan="2" style="background-color: #37A000" class="text-center text-white">Embroidery Budget of {{ item.0.style.style_number }}</th>
                  </tr>
                </thead>
                <tbody id="fabric_budget_list_id">
                {% for hidden in item.1.hidden_fields %}
                    {{ hidden }}
                    {% endfor %}
                  <tr>
                    <th colspan="2" class="text-center">{{ item.1.embroidery_cost|as_crispy_field }}</th>
                  </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.0 }}
          </div>
          {% if budget_name.is_cost_submit_status == 'Not Submit' %}
          <div class="col-md-1">
            <a class="btn btn-primary right" href="{% url 'merchant-embroidery-budget-update' item.1.id %}">Update</a> 
          </div>
          {% endif %}
        </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.1.embroidery_cost|floatformat:3}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  {% endfor %}
  </div>
</div>
{% endif %}

{% if before_cm_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">
        Pending CM Budget Details
      </div>
      {{cm_budget_form.management_form}}
      {% for item in before_cm_budget_list %}
      <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 colspan="2" style="background-color: #37A000" class="text-center text-white">CM Budget of {{ item.0.style.style_number }}</th>
                  </tr>
                </thead>
                <tbody id="fabric_budget_list_id">
                {% for hidden in item.1.hidden_fields %}
                    {{ hidden }}
                    {% endfor %}
                  <tr>
                    <td>{{ item.1.smv|as_crispy_field }}</td>
                    <td>{{ item.1.efficiency|as_crispy_field }}</td>
                  </tr>
                  <tr>
                    <td>{{ item.1.number_of_machine|as_crispy_field }}</td>
                    <td>{{ item.1.man_power|as_crispy_field }}</td>
                  </tr>
                  <tr>
                    <td>{{ item.1.target_production_per_minute|as_crispy_field }}</td>
                    <td>{{ item.1.machine_cost_per_minute|as_crispy_field }}</td>
                  </tr> 
                  <tr>
                    <td>{{ item.1.others|as_crispy_field }}</td>
                  </tr>       
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
</div>
{% endif %}

{% if cm_budget_list%}
<div class="table-area mt-2">
  <div class="table-title">
  {% for item in cm_budget_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.0}} ID {{item.1}}
          </div>
          {% if budget_name.is_cost_submit_status == 'Not Submit' %}
          <div class="col-md-1">
         <a class="btn btn-primary right" href="{% url 'merchant-cm-budget-update' item.1.id %}">Update</a>
          </div>
          {% endif %}
        </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.1.smv|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Efficiency</td>
                    <td>{{item.1.efficiency|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Number of Machine</td>
                    <td>{{item.1.number_of_machine|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Man Power</b></td>
                    <td>{{item.1.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.1.target_production_per_minute|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Machine Cost Per Minute</td>
                    <td>{{item.1.machine_cost_per_minute|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Others</td>
                    <td>{{item.1.others|floatformat:3}}</td>
                  </tr>
                  <tr>
                    <td class="fw-bold">Cost per gmt Per GMTS</td>
                    <td>{{item.1.total_cost_per_gmts|floatformat:3}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  {% endfor %}
  </div>
</div>
{% endif %}

{% if before_commercial_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">
        Pending Commercial and Others Budget Details
      </div>
      {{commercial_budget_form.management_form}}
      {% for item in before_commercial_budget_list %}
      <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 colspan="2" style="background-color: #37A000" class="text-center text-white">Commercial Budget of {{ item.0.style.style_number }}</th>
                  </tr>
                </thead>
                <tbody id="fabric_budget_list_id">
                {% for hidden in item.1.hidden_fields %}
                    {{ hidden }}
                    {% endfor %}
                  <tr>
                    <td>{{ item.1.agent_commision1|as_crispy_field }}</td>
                    <td>{{ item.1.agent_commision1_is_percent|as_crispy_field }}</td>
                  </tr>
                  <tr>
                    <td>{{ item.1.agent_commision2|as_crispy_field }}</td>
                    <td>{{ item.1.agent_commision2_is_percent|as_crispy_field }}</td>
                  </tr>
                  <tr>
                    <td>{{ item.1.commercial_cost|as_crispy_field }}</td>
                    <td>{{ item.1.commercial_cost_is_percent|as_crispy_field }}</td>
                  </tr> 
                  <tr>
                    <td>{{ item.1.profit_margin|as_crispy_field }}</td>
                    <td>{{ item.1.profit_margin_is_percent|as_crispy_field }}</td>
                  </tr>
                  <tr>
                    <td>{{ item.1.freight|as_crispy_field }}</td>
                    <td>{{ item.1.insurance|as_crispy_field }}</td>
                  </tr>
                  <tr>
                    <td>{{ item.1.duty|as_crispy_field }}</td>
                    <td>{{ item.1.duty_is_percent|as_crispy_field }}</td>
                  </tr> 
                  <tr>
                    <td>{{ item.1.remarks|as_crispy_field }}</td>
                    <td>{{ item.1.others|as_crispy_field }}</td>
                  </tr>       
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
  </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.0}}  {{item.1}}
          </div>
          {% if budget_name.is_cost_submit_status == 'Not Submit' %}
          <div class="col-md-1">
            <a class="btn btn-primary right" href="{% url 'merchant-commercial-budget-update' item.1.id %}">Update</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>
                    $ {{item.1.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.1.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.1.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.1.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.1.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.1.insurance|floatformat:3 }}</td>
                </tr>
                <tr>
                  <th scope="row" class="fw-bold">Duty</th>
                  <td>$ {{ item.1.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.1.others|floatformat:3 }}</td>
                </tr>
                <tr>
                  <th scope="row" class="fw-bold">Remarks</th>
                  <td>{{ item.1.remarks}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  {% endfor %}
  </div>

{% endif %}




</div>

{% if all_items_are_budgeted == False %}

{% comment %} tanmoy_bhai_4 {% endcomment %}
<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>Unit</th>
                    <th>Revised Price</th>
                    <th>Previous Costings</th>
                   
                  </tr>
                </thead>

                <tbody id="fabric_budget_list_id">

                  {% for fabric in fabric_costing_list %}
                  <tr>
                    <td class="text-center">{{forloop.counter}} </td>
                    <td>{{ fabric.0}}</td>
                    
                    <td>
                      <select name="negotiated_price_fabric[{{forloop.counter}}][]" class="cars_fabric">
                        <option value="">--SELECT--</option>
                        {% for unit in fabric.2 %}
                        <option value='{{unit.id}}'>{{unit}}</option>                       
                        {% endfor %}
                        
                      </select>
                    </td>
                    <td>
                      <input type="text" name="negotiated_price_fabric[{{forloop.counter}}][]">
                      <input type="hidden" name="negotiated_price_fabric[{{forloop.counter}}][]" value="{{fabric.0.id}}">


                    </td>
                    <td>{% for costing in  fabric.1  %}
                      {{costing.style}} : ${{costing.cost_per_unit}}/{{costing.fabric.unit}}<br>
                      
                    
                    {% endfor %}
                    </td>
                    
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% comment %} tanmoy_bhai_4 {% endcomment %}

{% comment %} tanmoy_bhai_4 {% endcomment %}
<div class="table-area mt-2">
  <div class="table-title">
    <div class="card mt-2">
      <div class="card-header bg-light fw-bold">
        Trim 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>Trim Name</th>
                    
                    <th>Unit</th>
                    <th>Revised Price</th>
                    <th>Previous Costings</th>
                   
                  </tr>
                </thead>

                <tbody id="fabric_budget_list_id">

                  {% for trim in trim_costing_list %}
                  <tr>
                    <td class="text-center">{{forloop.counter}} </td>
                    <td>{{ trim.0}}</td>
                    
                    <td>
                      <select name="negotiated_price_trim[{{forloop.counter}}][]" class="cars_trim">
                        <option value="">--SELECT--</option>
                        {% for unit in trim.2 %}
                        <option value='{{unit.id}}'>{{unit}}</option>                       
                        {% endfor %}
                        
                      </select>
                    </td>
                    <td>
                      <input type="text" name="negotiated_price_trim[{{forloop.counter}}][]">
                      <input type="hidden" name="negotiated_price_trim[{{forloop.counter}}][]" value="{{trim.0.id}}">


                    </td>
                    <td>{% for costing in  trim.1  %}
                      {{costing.style}} : ${{costing.cost_per_unit}}/{{costing.trim.unit}}<br>
                      
                    
                    {% endfor %}
                    </td>
                    
                  </tr>
                  {% endfor %}
                </tbody>
              </table>

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% comment %} tanmoy_bhai_4 {% endcomment %}

{% comment %} tanmoy_bhai_4 {% endcomment %}
<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>Thread Name</th>
                    
                    <th>Unit</th>
                    <th>Revised  Price</th>
                    <th>Previous Costings</th>
                   
                  </tr>
                </thead>

                <tbody id="fabric_budget_list_id">

                  {% for thread in thread_costing_list %}
                  <tr>
                    <td class="text-center">{{forloop.counter}} </td>
                    <td>{{ thread.0}}</td>
                    
                    <td>
                      <select name="negotiated_price_thread[{{forloop.counter}}][]" class="cars_thread">
                        <option value="">--SELECT--</option>
                        {% for unit in thread.2 %}
                        <option value='{{unit.id}}'>{{unit}}</option>                       
                        {% endfor %}
                        
                      </select>
                    </td>
                    <td>
                      <input type="text" name="negotiated_price_thread[{{forloop.counter}}][]">
                      <input type="hidden" name="negotiated_price_thread[{{forloop.counter}}][]" value="{{thread.0.id}}">


                    </td>
                    <td>{% for costing in  thread.1  %}
                      {{costing.style}} : ${{costing.cost_per_unit}}/{{costing.thread.unit}}<br>
                      
                    
                    {% endfor %}
                    </td>
                    
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
              <button type="submit">Submit</button>

              {% endif %}

            </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endif %}
{% comment %} tanmoy_bhai_4 {% endcomment %}
{% 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() {
    $(".cars_fabric").select2({
        
    });
});

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

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

  

</script>

{% endblock JS %}