{% extends "marchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %}
<title>Sample Order Details</title>
{% endblock title %}

{% block Style %}

{% endblock Style %}

{% block MainContent %}
<div class="contents">
  <div class="table-area">
    
    <div class="table-title">
      <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: right;">
                {{ form.merchant_sample_approvals_status|as_crispy_field }}
              <button type="submit" class="cus-btn">Submit</button>
            </div> 
          </div>
        </div>
      </form>
      <div class="card mt-2">
        <div class="card-header bg-light fw-bold">
          Sample Order 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">Mother Organization</th>
                    <td>{{sample.mother_organization.name_en}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Sister Organization</th>
                    <td class="text-capitalize">{{sample.sister_organization.name_en}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">Branch</th>
                    <td>{{sample.branch.name_en}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">style</th>
                    <td>{{sample.style}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">color</th>
                    <td>{{sample.color}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">size</th>
                    <td>{{sample.size}}</td>
                  </tr>
                <tr>
                    <th scope="row" class="fw-bold">quantity</th>
                    <td>{{sample.quantity}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">category</th>
                    <td>{{sample.category}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">target_submission_date</th>
                    <td>{{sample.target_submission_date}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="col-md-6 ">
              <table class="table table-bordered">
                <tbody>
                  
                  
                  <tr>
                    <th scope="row" class="fw-bold">selection_preference</th>
                    <td>{{sample.selection_preference}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">extention_date</th>
                    <td>{{sample.extention_date}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">courier_date</th>
                    <td>{{sample.courier_date}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">courier_details</th>
                    <td>{{sample.courier_details}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">buyer_status</th>
                    <td>{{sample.buyer_status}}</td>
                  </tr>
                  <tr>
                    <th scope="row" class="fw-bold">remarks</th>
                    <td>{{sample.remarks}}</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>
  $(document).ready(function() {
    $("#id_merchant_sample_approvals_status").select2({
        
    });
  });  
</script>

{% endblock JS %}