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

{% block title %}
<title>Procurement Details</title>
{% endblock title %}
{% block Style %}
<style>
  .search {
    width: 100%!important;
  }

  .fa-plus {
    background: #0077b7!important;
    color: #fff;
  
  }
  .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

</style>

{% endblock Style %}

{% block MainContent %}
{% 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 %}
<div class="contents">

  <div class="contents">
    <div class="table-area">
        <div class="table-title">
      <div class="card mt-2">
        <div class="card-header bg-light fw-bold">
          Booking 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">Booking Number</th>
                    <td>{{booking_obj.booking_number}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">BTB Supplier</th>
                    <td>{{booking_obj.btb_supplier}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Original Supplier</th>
                    <td>
                    
                        {{booking_obj.original_supplier}}
            
                    </td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Supplier Origin</th>
                    <td>
                      {% if booking_obj.supplier_origin %}
                        {{booking_obj.supplier_origin}}
                      {% 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">Team</th>
                    <td>
                      {% if booking_obj.team %}
                        {{booking_obj.team}}
                      {% else %}
                        N/A
                      {% endif %}
                    </td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">PI Address</th>
                    <td>{{booking_obj.pi_address}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Warehouse</th>
                    <td>{{booking_obj.warehouse}}</td>
                  </tr>
                <tr>
                  <th scope="row" class="fw-bold">Remarks</th>
                  <td>
                    {% if booking_obj.remarks %}
                    {{booking_obj.remarks}}
                    {% else %}
                    N/A
                    {% endif %}
                  </td>
                </tr>
         
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
    </div>
    </div>



<div class="contents">
   
    <div class="table-area">
      <div class="table-title">
        <div class="card mt-2">
        <div class="card-header">
              <div class="row">
                      <div class="col-md-4">
                          <div class=" fw-bold">                
                                POs
                          </div>
                          
                      </div>
                
                      <div class="col-md-8">
                          <div class="add-btn">

                              <a href="{% url 'booking_po_create' booking_obj.id %}">
                                  <button class="cus-btn" id="mother-rganization" name="button" type="button">
                                      <i aria-hidden="true" class="fa fa-plus-circle"></i>
                                      Add
                                  </button>
                              </a>
                          </div>
                      </div>
        
              </div>
            </div>
        
          
          <div class="tables table-responsive" id="fabric_list">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th class="text-center">SL No</th>
                        <th>Style</th>
                        <th>PO</th>
                        <th>PO Qty</th>
                        <th>Booked QTY</th>
                        <th>Balance</th>
                        <th>Booking QTY</th>
                        
                        

                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                  
                  {% for item in booking_pos %}
                  <tr>
                    <td class="text-center">{{forloop.counter}}</td>
                    <td>{{item.po.style}}</td>
                    <td class="text-center">{{item.po}}</td>


                    <td class="text-center">{{item.po.po_qty}}</td>
                    <td class="text-center">{{item.po.total_booked_qty}}pcs</td>
                    <td class="text-center">{{item.po.booking_balance}}</td>
                    <td class="text-center">{{item.booked_qty}}pcs</td>
                    <td class="align-middle">
                        <ul class="action">
                          <li>
                            <a onclick="SweetDelete(event,this.href)" href="{% url 'booking_po_delete' item.id booking_obj.id %}">
                            <i class="fa fa-trash" aria-hidden="true"></i>
                            </a>
                        </li>
                        
                        </ul>
                    </td> 
                    
                  </tr>
                  {% endfor %}
                    
                

             
                  
                </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>


{% if fabric_booking_obj %}
  <div class="contents">
    <div class="table-area">
      <div class="table-title">
        <div class="card mt-2">
          <div class="card-header bg-light fw-bold">                
            Fabrics
          </div>
          <div class="tables table-responsive" id="fabric_list">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th class="text-center">SL No</th>
                        <th>Item Name</th>
                        <th>Budget Amount</th>
                        <th>Budget QTY</th>
                        <th>Booked QTY</th>
                        <th>Remaining QTY</th>
                        <th>Booking QTY</th>
                        {% comment %} <th>Cost Per Unit</th> {% endcomment %}
                        <th>Total Amount</th>
                        

                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                  
                  {% for fabric in fabric_booking_obj %}
                  <tr>
                    <td class="text-center">{{forloop.counter}}</td>
                    <td>{{fabric.fabric_item}}</td>
                    <td class="text-center">${{fabric.fabric_item.total_cost|floatformat:2}}</td>


                    <td>{{fabric.fabric_item.booking_quantity|floatformat:2}}&nbsp;{{fabric.fabric_item.converted_unit}}</td>
                    <td class="text-center">{{fabric.booking_info.qty|floatformat:2}}&nbsp;{{fabric.fabric_item.converted_unit}}</td>
                    <td class="text-center">{{fabric.booking_info.remaining_booking|floatformat:2}}&nbsp;{{fabric.fabric_item.converted_unit}}</td>
                    <td class="text-center">{{fabric.booking_qty.booking_qty|default:"0"}}&nbsp;{{fabric.fabric_item.converted_unit}}</td>
                    {% comment %} <td class="text-center">${{fabric.cost_per_unit|floatformat:3}}</td> {% endcomment %}
                    <td class="text-center">${{fabric.booking_qty.total_cost|floatformat:4}}</td>

                  
                   


                      <td class="align-middle">
                        <ul class="action">
                            <li >
                            <a href="{% url 'fabric-specification' fabric.id %}"  type="button" target="_blank">
                              <i aria-hidden="true" class="fa fa-plus"></i>
                          </a>
                        </li>
                        
                        </ul>
                    </td>
                    
                  </tr>
                  {% endfor %}
                    
                

             
                  
                </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endif %}
{% if accessory_booking_obj %}
  <div class="contents">
    <div class="table-area">
      <div class="table-title">
        <div class="card mt-2">
          <div class="card-header bg-light fw-bold">                
            Accessories
          </div>
          <div class="tables table-responsive" id="fabric_list">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th class="text-center">SL No</th>
                        <th>Item Name</th>
                        <th>Budget Amount</th>
                        <th>Budget QTY</th>
                        <th>Booked QTY</th>
                        <th>Remaining QTY</th>
                        <th>Booking QTY</th>
                        <th>Total Amount</th>
                       
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                  
                  {% for accessory in accessory_booking_obj %}
                  <tr>
                    <td class="text-center">{{forloop.counter}}</td>
                    <td>{{accessory.accessory_item.base_accessory.base_accessory}}</td>
                    <td class="text-center">${{accessory.accessory_item.total_cost|floatformat:2}}</td>


                    <td>{{accessory.accessory_item.booking_quantity|floatformat:2}}&nbsp;{{accessory.accessory_item.converted_unit}}</td>

                    <td class="text-center">{{accessory.booking_info.qty|floatformat:2}}&nbsp;{{accessory.accessory_item.converted_unit}}</td>
                    <td class="text-center">{{accessory.booking_info.remaining_booking|floatformat:2}}&nbsp;{{accessory.accessory_item.converted_unit}}</td>

                    <td class="text-center">{{accessory.booking_qty.booking_qty|default:"0"}}&nbsp;{{accessory.accessory_item.converted_unit}}</td>
                    <td class="text-center">${{accessory.booking_qty.total_cost|floatformat:4}}</td>

                   


                      <td class="align-middle">
                        <ul class="action">
                            <li >
                            <a href="{% url 'accessory-specification' accessory.id %}"  type="button" target="_blank">
                              <i aria-hidden="true" class="fa fa-plus"></i>
                          </a>
                        </li>
                          
                        </ul>
                    </td>
                    
                  </tr>
                  {% endfor %}
                </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endif %}
{% if wash_booking_obj %}
  <div class="contents">
    <div class="table-area">
      <div class="table-title">
        <div class="card mt-2">
          <div class="card-header bg-light fw-bold">                
           Wash
          </div>
          <div class="tables table-responsive" id="fabric_list">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th class="text-center">SL No</th>
                        <th>Process</th>
                        <th>Budget Amount</th>
                        <th>Budget QTY</th>
                        <th>Booked QTY</th>
                        <th>Remaining QTY</th>
                        <th>Booking QTY</th>
                        <th>Cost Per Unit</th>
                        <th>Total Amount</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                  
                  {% for wash in wash_booking_obj %}
                  <tr>
                    <td class="text-center">{{forloop.counter}}</td>
                    <td>{{wash.wash_item}}</td>
                    <td>${{wash.wash_item.total_price|floatformat:2}}</td>
                    <td>{{wash.wash_item.consolidated_base_wash.wash_qty_pc|floatformat:2}} &nbsp;PCS</td>
                    <td class="text-center">{{wash.booking_info.qty|floatformat:2}} &nbsp;PCS</td>
                    <td class="text-center">{{wash.booking_info.remaining_booking|floatformat:2}} &nbsp;PCS</td>
                    <td class="text-center">{{wash.booking_qty.booking_qty|floatformat:2}} &nbsp;PCS</td>
                    <td class="text-center">${{wash.cost_per_unit|floatformat:3}}</td>
                    <td class="text-center">${{wash.booking_qty.total_cost|floatformat:4}}</td>
                   


                      <td class="align-middle">
                        <ul class="action">
                            <li >
                            <a href="{% url 'wash-specification' wash.id %}"  type="button" target="_blank">
                              <i aria-hidden="true" class="fa fa-plus"></i>
                          </a>
                        </li>
                          
                        </ul>
                    </td>
                    
                  </tr>
                  {% endfor %}
                    
                

             
                  
                </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endif %}
{% if print_booking_obj %}
  <div class="contents">
    <div class="table-area">
      <div class="table-title">
        <div class="card mt-2">
          <div class="card-header bg-light fw-bold">                
           Print
          </div>
          <div class="tables table-responsive" id="fabric_list">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th class="text-center">SL No</th>
                        <th>Process</th>
                        <th>Budget Amount</th>
                        <th>Budget QTY</th>
                        <th>Booked QTY</th>
                        <th>Remaining QTY</th>
                        <th>Booking QTY</th>
                        <th>Cost Per Unit</th>
                        <th>Total Amount</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                  
                  {% for item in print_booking_obj %}
                  <tr>
                    <td class="text-center">{{forloop.counter}}</td>
                    <td>{{item.print_item}}</td>
                    <td>${{item.print_item.total_price|floatformat:2}}</td>
                    <td>{{item.print_item.consolidated_base_print.gmt_qty|floatformat:2}} &nbsp;PCS</td>
                    <td class="text-center">{{item.booking_info.qty|floatformat:2}} &nbsp;PCS</td>
                    <td class="text-center">{{item.booking_info.remaining_booking|floatformat:2}} &nbsp;PCS</td>
                    <td class="text-center">{{item.booking_qty.booking_qty|floatformat:2}} &nbsp;PCS</td>
                    <td class="text-center">${{item.cost_per_unit|floatformat:3}}</td>
                    <td class="text-center">${{item.booking_qty.total_cost|floatformat:4}}</td>
                   


                      <td class="align-middle">
                        <ul class="action">
                            <li >
                            <a href="{% url 'print-specification' item.id %}"  type="button" target="_blank">
                              <i aria-hidden="true" class="fa fa-plus"></i>
                          </a>
                        </li>
                          
                        </ul>
                    </td>
                    
                  </tr>
                  {% endfor %}
                    
                

             
                  
                </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endif %}

{% if embroidery_booking_obj %}
  <div class="contents">
    <div class="table-area">
      <div class="table-title">
        <div class="card mt-2">
          <div class="card-header bg-light fw-bold">                
           Embroidery
          </div>
          <div class="tables table-responsive" id="fabric_list">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th class="text-center">SL No</th>
                        <th>Process</th>
                        <th>Budget Amount</th>
                        <th>Budget QTY</th>
                        <th>Booked QTY</th>
                        <th>Remaining QTY</th>
                        <th>Booking QTY</th>
                        <th>Cost Per Unit</th>
                        <th>Total Amount</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                  
                  {% for item in embroidery_booking_obj %}
                  <tr>
                    <td class="text-center">{{forloop.counter}}</td>
                    <td>{{item.embroidery_item}}</td>
                    <td>${{item.embroidery_item.total_price|floatformat:2}}</td>
                    <td>{{item.embroidery_item.consolidated_base_embroidery.gmt_qty|floatformat:2}} &nbsp;PCS</td>
                    <td class="text-center">{{item.booking_info.qty|floatformat:2}} &nbsp;PCS</td>
                    <td class="text-center">{{item.booking_info.remaining_booking|floatformat:2}} &nbsp;PCS</td>
                    <td class="text-center">{{item.booking_qty.booking_qty|floatformat:2}} &nbsp;PCS</td>
                    <td class="text-center">${{item.cost_per_unit|floatformat:3}}</td>
                    <td class="text-center">${{item.booking_qty.total_cost|floatformat:4}}</td>
                   


                      <td class="align-middle">
                        <ul class="action">
                            <li >
                            <a href="{% url 'embroidery-specification' item.id %}"  type="button" target="_blank">
                              <i aria-hidden="true" class="fa fa-plus"></i>
                          </a>
                        </li>
                          
                        </ul>
                    </td>
                    
                  </tr>
                  {% endfor %}
                    
                

             
                  
                </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endif %}
</div>


{% endblock MainContent %}
{% block meassage %}

{% include 'notifications/notifications.html' %}

{% endblock meassage %}

{% block JS %}
<script>
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
      }
    })
  }
</script>

{% endblock JS %}