{% extends 'base.html' %}

{% load static %}
{% load humanize %}




{% block content %}

<main class="content">
	<div class="container-fluid p-0">

		<div class="mb-3">
			<h1 class="h3 d-inline align-middle">Add New Scale-Crop Mapping</h1>
			<br><i>All fields marked with an asterisk (<span style="color:red;">*</span>) are required</i>
		</div>

		{% include 'partials/_messages.html' %}

		<form action="add-scalecropmapping" method="post" enctype="multipart/form-data" id="main-submit-form-tag">
		{% csrf_token %}
		<div class="col-6 col-xl-6">
			<div class="card">
				<div class="card-header">
					<h5 class="card-title">Mapping Details</h5>
				</div>
				<div class="card-body">

					<div class="mb-3 row form-group required">
						<label class="col-form-label control-label col-sm-4 text-sm-end">Scale</label>
						<div class="col-sm-8">
						  <select class="form-select" name="scale" id="sel-scale">
							{% for p in scale_list %}
							  <option value="{{ p.id }}" {% if p.id|stringformat:"s" == old_input_field_values.scale|stringformat:"s" %}selected{% endif %}>
								{{ p.scale_id|upper }}
							  </option>
							{% endfor %}
						  </select>
						</div>
					  </div>
					  
					<div class="mb-3 row form-group required">
						<label class="col-form-label control-label col-sm-4 text-sm-end">Crop</label>
						<div class="col-sm-8">
						  <select class="form-select" name="crop" id="sel-crop">
							{% for c in crop_list %}
							  <option value="{{ c.id }}" {% if c.id|stringformat:"s" == old_input_field_values.crop|stringformat:"s" %}selected{% endif %}>
								{{ c.name|upper }} - {{ c.crop_id|upper }}
							  </option>
							{% endfor %}
						  </select>
						</div>
					</div>
					  
					<div class="mb-3 row form-group required">
						<label class="col-form-label control-label col-sm-4 text-sm-end">Scale Order Number</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" name="scale_order_number" id = "txt-unique-email" placeholder=" Sacle Order No" value="{{old_input_field_values.scale_order_number}}">
						</div>
					</div>
					<div class="mb-3 row form-group required">
						<label class="col-form-label control-label col-sm-4 text-sm-end">Universal Moiture Threshold</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" name="universal_moisture_threshold" id = "txt-unique-email" placeholder=" Moiture Threshold" value="{{old_input_field_values.universal_moisture_threshold}}">
						</div>
					</div>
					
				</div>
			</div>

		</div>

		
		<div class="col-6">

			<div class="card">
				<div class="card-body">
					<div class="col-12 text-sm-end">
						<a href="{% url 'add-scalecropmapping' %}" class="btn btn-secondary mb-3 mt-3">Clear</a>
						<button type="submit" class="btn btn-primary mb-3 mt-3" id="btn-add-item">
						  Add
						</button>
						
					</div>

				</div>
			</div>

		</div>


		</form>
		

	</div>
</main>

<script src="{% static 'js/number-separator.js' %}"></script>
<script type="text/javascript" src="{% static 'js/customermanagement/add-customer.js' %}"></script>
<!-- <script type="text/javascript" src="{% static 'js/studentmanagement/register-student14.js' %}"></script> -->

{% endblock %}