{% load i18n %}
<div class="wcs-tracking-code-input">
 <h2 id="tracking_code_label">{% trans 'Tracking Code' %}</h2>
 <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" class="sr-only">Code de suivi</label>
  <input required id="tracking-code" name="code" aria-labelled-by="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>
