{% 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 Translation</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-translation" 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">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">
                  <option value="">-- Select --</option>
                  {% for c in crop_list %}
                    {% if c.id|stringformat:"s" == old_input_field_values.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">
                  <option value="">-- Select --</option>
                  {% for l in language_list %}
                    {% if l.id|stringformat:"s" == old_input_field_values.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" placeholder="Translation name"
                       value="{{old_input_field_values.name}}">
              </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-translation' %}" 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 %}