{% extends 'base.html' %}
{% block content %}
<main class="content">
  <div class="container-fluid p-0">

    <div class="mb-3">
      <h1 class="h3 d-inline align-middle">Update Crop Translation</h1>
    </div>

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

    <form method="post" enctype="multipart/form-data">
      {% 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">Product</label>
              <div class="col-sm-8">
                <select class="form-select" name="product_id">
                    <option value="">-- Select --</option>
                    {% for p in product_list %}
                      {% if p.id|stringformat:"s" == old_input_field_values.product_id %}
                        <option value="{{ p.id }}" selected>{{ p.name }}</option>
                      {% else %}
                        <option value="{{ p.id }}">{{ p.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 }}</option>
                      {% else %}
                        <option value="{{ l.id }}">{{ l.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">Catelog </label>
              <div class="col-sm-8">
                <input type="text" class="form-control" name="catelog_link"
                  value="{{ old_input_field_values.catelog_link }}"
                  placeholder="https://...">
              </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 'view-catelog-translation' id=obj.id %}" class="btn btn-secondary mb-3 mt-3">Cancel</a>
                <button type="submit" class="btn btn-primary mb-3 mt-3">Update</button>
            </div>
          </div>
        </div>
      </div>

    </form>

  </div>
</main>
{% endblock %}