{% macro input(name, value, violations, property, type, size) %}
   {% if violations is none %}
<input type="{{ type|default('text') }}" name="{{ name }}" value="{{ value|e }}" size="{{ size|default(20) }}" />
   {% else %}
    {% set hasError = "false" %}
    {% for violation in violations %}
      {% if violation.getPropertyPath == property and hasError == "false" %}
        {% set hasError = "true" %}
<input type="{{ type|default('text') }}" name="{{ name }}" value="{{ value  }}" size="{{ size|default(20) }}" />
<div style="color:red" > {{ violation.getInvalidValue  }} - {{violation.getMessage}} </div>
      {% endif %}
    {% endfor %}
    {% if hasError == "false" %}
<input type="{{ type|default('text') }}" name="{{ name }}" value="{{ value|e }}" size="{{ size|default(20) }}" />  {% endif %}
  {% endif %}
{% endmacro %}

{% macro textarea(name, value, violations,property, rows, cols) %}
   {% if violations is none %}
<textarea name="{{ name }}" rows="{{ rows|default(4)}}" cols="{{cols|default(20)}}" >{{ value|e}}</textarea>
  {% else %}
    {% set hasError = "false" %}
    {% for violation in violations %}
      {% if violation.getPropertyPath == property and hasError == "false" %}
        {% set hasError = "true" %}
<textarea name="{{ name }}" rows="{{ rows|default(4)}}" cols="{{cols|default(20)}}" >{{ violation.getInvalidValue}}</textarea>
<div style="color:red" > {{violation.getMessage}} </div>
      {% endif %}
    {% endfor %}
    {% if hasError == "false" %}
<textarea name="{{ name }}" rows="{{ rows|default(4)}}" cols="{{cols|default(20)}}" >{{ value|e}}</textarea>
    {% endif %}
  {% endif %}
{% endmacro %}

{% block dev %}
<form id="form_create" action="/api/oauthv2/applications/dev/create" method="POST">
    {% if form is none %}
      {% set name, description, website, callback = '', '', '', ''%}
      {% set app_type = 'web'%}
    {% else %}
      {% set name = form.name %}
      {% set description = form.description %}
      {% set website = form.website %}
      {% set callback = form.callback %}
      {% set app_type = form.type %}
    {% endif %}
    <table id = "app-dev-create">
      <tr>
        <td><label for="name">{% trans 'Nom' %}</label></td>
        <td>{{ _self.input("name", name, violations, 'name') }}</td>
      </tr>
      <tr>
        <td><label for="description">{% trans 'Description' %}</label></td>
        <td>{{ _self.textarea("description", description, 'description', violations, 5, 17) }}</td>
      </tr>
      <tr>
        <td><label for="website">{% trans 'Site web' %}</label></td>
        <td class="url-td">
          <select name="scheme-website">
            <option value="http://">http://</option>
            <option value="https://">https://</option>
          </select>
          {{ _self.input("website", website, violations, 'urlwebsite') }}</td>
      </tr>
      <tr>
        <td><label for="type">{% trans 'Type d\'application' %}</label></td>
        <td>{% trans 'Application web' %}
          <input type="radio" name="type" value="web" {{ app_type == "web" ? "checked='checked'" : "" }}/>
    {% trans 'Application desktop' %}
          <input type="radio" name="type" value="desktop" {{ app_type == "desktop" ? "checked='checked'" : "" }}/></td>
      </tr>
    {% if app_type == "web" %}
      <tr class="callback" style="height:25px;">
        <td><label for="callback">{% trans 'URL de callback' %} <br/></label></td>
        <td class="url-td"> 
          <select name="scheme-callback">
            <option value="http://">http://</option>
            <option value="https://">https://</option>
          </select>
          {{ _self.input("callback", callback, violations, 'urlcallback') }}</td>
      </tr>
    {% endif %}
      <tr>
        <td></td>
        <td><button class="app_submit" type="button">{% trans 'boutton::valider' %}</button</td>

      </tr>
    </table>
  </form>
  <div style="text-align:left">
    <a class="dev_back link" href="/api/oauthv2/applications/dev"><button>{% trans 'boutton::retour' %}</button></a>
    <div>
{% endblock %}