{% load i18n %}
{% block cell-content %}
  <div class="wcs-tracking-code-input">
    <form data-wcs-url="{{ url }}" method="post" action="{{ site_base }}{% url 'wcs-tracking-code' %}">
      <{{ cell.title_level }} class="cell--title">Code de suivi</{{ cell.title_level }}>
    <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">
      <p class="pk-notice--title">{% trans "Error" %}</p>
      <p>{% trans "We could not find any form for this tracking code." %}</p>
    </div>
    <input required aria-label="{% trans "Tracking Code" %}" title="{% trans "Tracking Code" %}" class="tracking-code--input" id="tracking-code-{{ cell.id }}" name="code" placeholder="{% trans 'ex: CNPHNTFB' %}"/>
    <button></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 est associé à vos demandes pour suivre leur traitement et
    faciliter les échanges avec les services de la ville.
  </p>
  <br>
  </div>
{% endblock %}