{% load i18n %}
<div class="wcs-tracking-code-input">
  <{{ cell.title_level }} id="tracking_code_label">{% trans 'Tracking Code' %}</{{ cell.title_level }}>
<div>
  <form data-wcs-url="{{ url }}" method="post" action="{{ site_base }}{% url 'wcs-tracking-code' %}">
    <input id="_cell_url_{{ cell.id }}" name="url" value="" type="hidden"/>
    <input name="cell" value="{{ cell.id }}" type="hidden"/>
    <div id="_cell_error_{{ cell.id }}" class="errornotice" style="display: none">
      {% trans "The tracking code could not been found." %}
    </div>
    <label for="tracking-code-{{ cell.id }}" class="sr-only">Code de suivi</label>
    <input required class="tracking-code--input" id="tracking-code-{{ cell.id }}" name="code" aria-labelledby="tracking_code_label"
      placeholder="{% trans 'ex: CNPHNTFB' %}" title="{% trans 'ex: CNPHNTFB' %}" />
    <button class="icon-search"><span class="sr-only">Valider</span></button>
    <script>
      $(function() {
        $('#_cell_url_{{ cell.id }}').val(window.location);
        if (window.location.search.indexOf('unknown-tracking-code') != -1) {
          $('#_cell_error_{{ cell.id }}').show();
        }
      });
    </script>
  </form>
  <p>
    Un code de suivi peut être associé à vos demandes, il vous facilite les
    échanges avec les services. Pour retrouver une demande disposant d’un code
    de suivi, indiquez ce dernier ci-dessus.
  </p>
</div>
</div>