{% extends "sample_base.html" %}
{% load static %}
{% block title %}
<title>Order Placement Details</title>
{% endblock title %}

{% block Style %}

{% endblock Style %}

{% block MainContent %}
<div class="contents">
  {% if sample.section_submission_status == False %}
  <div class="table-area">
    <div class="table-title">
      {% if request.user.is_superuser == True %}
        {% include 'sample_app/order_placement/details/super_admin_submission_forms.html' %}
      {% endif %}
     </div>
  </div>
  {% endif %} 
  <div class="table-area mt-2">
    <div class="table-title">
        <div class="card mt-2">
            <div class="card-header bg-light fw-bold">
            Fabrics
            </div>
            <div class="card-body">
            <div class="row">
                <div class="col-md-12 table-responsive">
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th class="text-center">SL No</th>
                        <th>Type</th>
                        <th>Name</th>
                        <th>Mill Name	</th>
                        <th>Construction</th>
                        <th>Consumption</th>
                        <th>Unit</th>
                        <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for fabric in fabrics %}
                    <tr>
                        <th class="text-center">{{forloop.counter}}</th>
                        <td>{{fabric.fabric_type}}</td>
                        <td>{{fabric.fabric_name}}</td>
                        <td>{{fabric.mill_name}}</td>
                        <td>{{fabric.construction}}</td>
                        <td>{{fabric.consumption}}</td>
                        <td>{{fabric.unit}}</td>
                        <td>
                          <ul class="action">
                            <li >
                              <a href="{% url 'fabric-details' fabric.id %}">
                                <i class="fa fa-eye" aria-hidden="true"></i>
                              </a>
                            </li>
                          </ul>
                        </td>
                    </tr>
                    {% endfor %}
                    </tbody>
                </table>
                </div>
            </div>
            </div>
        </div>
    </div>
  </div>



  <div class="table-area mt-2">
    <div class="table-title">
        <div class="card mt-2">
          <div class="card-header bg-light fw-bold">
            Trims
          </div>
          <div class="card-body">
          <div class="row">
            <div class="col-md-12 table-responsive">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th class="text-center">SL No</th>
                    <th>Item</th>
                    <th>Description</th>
                    <th>Supplier</th>
                    <th>Consumption</th>
                    <th>Unit</th>
                    <th>Wastage</th>
                    <th>Total Uses</th>
                    <th>Action</th>
                    </tr>
                  </thead>
                  <tbody>
                  {% for trim in trims %}
                  <tr>
                    <th class="text-center">{{forloop.counter}}</th>
                    <td>{{trim.name}}</td>
                    <td>{{trim.description}}</td>
                    <td>{{trim.supplier}}</td>
                    <td>{{trim.consumption}}</td>
                    <td>{{trim.unit}}</td>
                    <td>{{trim.wastage}}</td>
                    <td>{{trim.total_uses}}</td>
                    <td>
                      <ul class="action">
                        <li >
                          <a href="{% url 'trim-details' trim.id %}">
                            <i class="fa fa-eye" aria-hidden="true"></i>
                          </a>
                        </li>
                      </ul>
                    </td>
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="table-area mt-2">
    <div class="table-title">
        <div class="card mt-2">
          <div class="card-header bg-light fw-bold">
            Threads
          </div>
          <div class="card-body">
          <div class="row">
            <div class="col-md-12 table-responsive">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th class="text-center">SL No</th>
                    <th>Count</th>
                    <th>Description</th>
                    <th>Supplier</th>
                    <th>Consumption</th>
                    <th>Unit</th>
                    <th>Wastage</th>
                    <th>Total Uses</th>
                    <th>Action</th>
                    </tr>
                  </thead>
                  <tbody>
                  {% for thread in threads %}
                  <tr>
                    <th class="text-center">{{forloop.counter}}</th>
                    <td>{{thread.count}}</td>
                    <td>{{thread.description}}</td>
                    <td>{{thread.supplier}}</td>
                    <td>{{thread.consumption}}</td>
                    <td>{{thread.unit}}</td>
                    <td>{{thread.wastage}}</td>
                    <td>{{thread.total_uses}}</td>
                    <td>
                      <ul class="action">
                        <li >
                          <a href="{% url 'thread-details' thread.id %}">
                            <i class="fa fa-eye" aria-hidden="true"></i>
                          </a>
                        </li>
                      </ul>
                    </td>
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="table-area">
    <div class="table-title">
      <div class="card mt-2">
        <div class="card-header bg-light fw-bold">
          Washing
        </div>
        <div class="card-body">
          <div class="row">
            <div class="col-md-6 ">
              <table class="table table-bordered">
                <tbody>
                  <tr>
                    <th scope="row" class="fw-bold">Name</th>
                    <td>{{washing.name}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Plant Type</th>
                    <td>{{washing.plant_type}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Plant Origin</th>
                    <td>{{washing.plant_origin}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="col-md-6 ">
              <table class="table table-bordered">
                <tbody>
      
                <tr>
                    <th scope="row" class="fw-bold">Process Details</th>
                    <td>{{washing.process_details}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

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



{% block JS %}
<script type=text/javascript>
  var load_branch_url = "{% url 'ajax_load_branchs' %}"
  var load_sister_organization_url = "{% url 'sister-organization-load' %}"
  var load_branch_organization_url = "{% url 'load-branch-organization' %}"
  {% comment %} var load_sample_section_url = "{% url 'sample-section-load' %}" {% endcomment %}
  
</script>

<script src="{% static 'js/sample_app/sample_order_placement/details.js' %} "></script>

{% endblock JS %}