{% extends 'base.html' %}

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




{% block content %}

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

		<div class="row">
			<div class="col-md-6 mb-3">
					<div class="row">
						<div class="col-md-8">
							<h1 class="h3 d-inline align-middle">Update Mapping -{{mapping.scale|upper}} {{mapping.crop|upper}}</h1>
								<br><i>All fields marked with an asterisk (<span style="color:red;">*</span>) are required</i>
						</div>

						<div class="col-md-4 mb-3 text-sm-end">
							<span><a href="{% url 'view-scalecropmapping' mapping.id %}" class="btn btn-dark"><i class="align-middle" data-feather="arrow-left"></i>Go Back</a></span>
						</div>
					</div>
			</div>
		</div>

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

			<form action="{% url 'update-scalecropmapping' mapping.id %}" method="post" enctype="multipart/form-data" id="main-submit-form-tag">

				{% csrf_token %}
				<div class="row">

				<div class="col-6 mb-4">
					<div class="card h-100">
						<div class="card-header">
							<h5 class="card-title mb-0">Mapping Details</h5>
						</div>
						<div class="card-body">

									<div class="row">


												<div class="col-md-12">
													
													<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 old_input_field_values.scale|stringformat:"s" == p.id|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 old_input_field_values.crop|stringformat:"s" == c.id|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" for="inputUsername">Scale order No</label>
														<div class="col">
															<input type="text" class="form-control" name="scale_order_number" placeholder="Scale order No" 
															{% if old_input_field_values %} value="{{old_input_field_values.scale_order_number}}" {% else %} value="{{mapping.name}}" {% endif %}>
														</div>
													</div>
													<div class="mb-3 row form-group required">
														<label class="col-form-label control-label col-sm-4 text-sm-end" for="inputUsername">Universal Moisture Threshold</label>
														<div class="col">
															<input type="text" class="form-control" name="universal_moisture_threshold" placeholder="Universal Moisture Threshold" 
															{% if old_input_field_values %} value="{{old_input_field_values.universal_moisture_threshold}}" {% else %} value="{{mapping.universal_moisture_threshold}}" {% endif %}>
														</div>
													</div>
												</div>
									</div>
						</div>
					</div>					
				</div>


				</div>


				<div class="col-md-6">

					<div class="card">
						<div class="card-body">
							<div class="col-12 text-sm-end">
								<button type="submit" class="btn btn-primary mb-3 mt-3" id="submit">Save Changes</button>
								<a href="{% url 'update-scalecropmapping' mapping.id %}"
									class="btn btn-secondary mb-3 mt-3">Clear</a>
							</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>
{% endblock %}