{% extends "marchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% load widget_tweaks %}

{% block title %}
<title>Sizescale Update</title>
{% endblock title %}
{% block Style %}

<style>
.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;
}


body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; 
}


</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 %}

<div class="table-area">
  <div class="table-title">
    <div class="row">
      <div class="col-md-4">
        <div class="style-name">
          {% comment %} <h4>Style {{style.style_number}}</h4> {% endcomment %}
          <h5>Sizescale Update</h5>
        </div>
      </div>
    </div>
  </div>

  <form method="post" id="personForm" enctype="multipart/form-data" data-cities-url="" novalidate>
    {% csrf_token %}
    <div class="table-header">
      <div>
        <div class="row">
          <div class="col-md-3 fw-bold">
            {{ size_scale.style_number|as_crispy_field }}
          </div> 
          <div class="col-md-3 fw-bold">
            {{ size_scale.lot_number|as_crispy_field }}
          </div> 

          <div class="col-md-1" style="margin-top: 31px;">
            <button type="submit" class="cus-btn">Update</button>
          </div>
        </div>
      </div>
    </div>
 

  <div class="tables table-responsive" id="">
    <table class="table  table-striped table-hover">
      <thead>
        <tr>
          <th>Colour</th>
          <th>Size</th>
          <th>Quantity</th>
          {% comment %} <th>Action</th> {% endcomment %}
        </tr>
      </thead>
        <tbody id="">
          <tr id="">
            <td>{{size_scale_set.color|add_class:"form-control"}}</td>
            <td> {{size_scale_set.size|add_class:"form-control"}}</td>
            <td>{{size_scale_set.quantity|add_class:"form-control"}}</td>
          </tr>
      </tbody>
    </table>
  </div>

</form>
</div>



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

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

{% endblock meassage %}

{% block JS %}
<script src="{% static 'js/marchant_app/sizescale/edit.js' %} "></script>
{% endblock JS %}