{% 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 Translation - {{crop_translation.name|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-crop-translation' crop_translation.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-crop-translation' crop_translation.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">Translation 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</label>
							  <div class="col-sm-8">
								<select class="form-select" name="crop_id">
								  {% for c in crop_list %}
									{% if c.id == crop_translation.crop_id %}
									  <option value="{{c.id}}" selected>{{c.name}}</option>
									{% else %}
									  <option value="{{c.id}}">{{c.name}}</option>
									{% endif %}
								  {% 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">Language</label>
							  <div class="col-sm-8">
								<select class="form-select" name="language_id">
								  {% for l in language_list %}
									{% if l.id == crop_translation.language_id %}
									  <option value="{{l.id}}" selected>{{l.name}} ({{l.code}})</option>
									{% else %}
									  <option value="{{l.id}}">{{l.name}} ({{l.code}})</option>
									{% endif %}
								  {% 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">Translation Name</label>
							  <div class="col-sm-8">
								<input type="text" class="form-control" name="name"
									   value="{{crop_translation.name}}">
							  </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-crop-translation' id=crop_translation.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 %}