{% 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 Crop</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-crop" 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">Crop 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">Crop ID</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" name="crop_id" id = "txt-unique-email" placeholder=" Crop id" value="{{old_input_field_values.crop_id}}">
						</div>
					</div>

					<div class="mb-3 row form-group required">
						<label class="col-form-label control-label col-sm-4 text-sm-end">Crop Name</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" name="name" id = "txt-unique-email" placeholder=" Crop Name" value="{{old_input_field_values.name}}">
						</div>
					</div>

					<div class="mb-3 row form-group required">
						<label class="col-form-label control-label col-sm-4 text-sm-end">Type</label>
						<div class="col-sm-8">
							<select class="form-select" name="type" id="sel-product-type">
								{% for type in type_list %}
									{% if type|lower == old_input_field_values.type|lower %}
									<option name="type" value="{{type}}" selected>
										{{type|upper}}</option>
									{% else %}
									<option name="type" value="{{type}}">
										{{type|upper}}</option>
									{% endif %}
								{% endfor %}
							</select>
						</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-crop' %}" 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 %}