%if c.visual.repository_fields:
    %if c.repo_fields:
    <div class="emails_wrap">
      <table class="noborder">
        <th>${_('Label')}</th>
        <th>${_('Key')}</th>
        <th>${_('Type')}</th>
        <th>${_('Action')}</th>

      %for field in c.repo_fields:
        <tr>
            <td>${field.field_label}</td>
            <td>${field.field_key}</td>
            <td>${field.field_type}</td>
            <td>
              ${h.form(url('delete_repo_fields', repo_name=c.repo_info.repo_name, field_id=field.repo_field_id),method='delete')}
                  <i class="icon-minus-circled" style="color:#FF4444"></i>
                  ${h.submit('remove_%s' % field.repo_field_id, _('Delete'), id="remove_field_%s" % field.repo_field_id,
                  class_="action_button", onclick="return confirm('"+_('Confirm to delete this field: %s') % field.field_key+"');")}
              ${h.end_form()}
            </td>
        </tr>
      %endfor
      </table>
    </div>
    %endif
    ${h.form(url('create_repo_fields', repo_name=c.repo_name),method='put')}
    <div class="form">
        <!-- fields -->
        <div class="fields">
             <div class="field">
                <div class="label">
                    <label for="new_field_key">${_('New field key')}:</label>
                </div>
                <div class="input">
                    ${h.text('new_field_key', class_='small')}
                </div>
             </div>
             <div class="field">
                <div class="label">
                    <label for="new_field_label">${_('New field label')}:</label>
                </div>
                <div class="input">
                    ${h.text('new_field_label', class_='small', placeholder=_('Enter short label'))}
                </div>
             </div>

             <div class="field">
                <div class="label">
                    <label for="new_field_desc">${_('New field description')}:</label>
                </div>
                <div class="input">
                    ${h.text('new_field_desc', class_='small', placeholder=_('Enter description of a field'))}
                </div>
             </div>

            <div class="buttons">
              ${h.submit('save',_('Add'),class_="btn")}
              ${h.reset('reset',_('Reset'),class_="btn")}
            </div>
        </div>
    </div>
    ${h.end_form()}
%else:
  <div style="font-size: 20px">
    ${_('Extra fields are disabled.')}
  </div>
%endif