{% load i18n %}
{% block cell-content %}
  {% if title %}<{{ cell.title_level }} clas="cell--title">{{ title }}</{{ cell.title_level }}>{% endif %}
  <div>
    {% if text %}<p>{{ text|safe }}</p>{% endif %}
    <form class="quixote" action="{% url 'lingo-self-invoice' cell_id=cell.id %}">
      <div class="widget">
        <div class="title">
          {% trans 'Invoice Number' %}
          <span class="required">*</span>
        </div>
        <div class="content">
          <input type="text" name="invoice-number" required="required">
        </div>
      </div>
      <div class="widget">
        <div class="title">
          {% trans 'Invoice Amount' %}
          <span class="required">*</span>
        </div>
        <div class="content">
          <input type="text" name="invoice-amount" required="required" pattern="[1-9][0-9]*([,\.]?[0-9]+)?">
        </div>
      </div>
      <input type="hidden" name="page_path" value="{{page_path}}">
      <div class="buttons">
        <button>{% trans "Pay" %}</button>
      </div>
    </form>
  </div>
{% endblock %}