{{ csrf() }}

<div class="content">
  <h3>{{ _('Collection Description') }}</h3>
</div>
<fieldset>
  {{ field(form.name, _('Name:'), class='long') }}
  {% if form.slug %}
    <p id="collection-form-slug">
      {{ form.errors['slug']|safe }}
      <label>{{ form.slug.label|safe }}</label>
      {% set username = collection.author_username if collection else amo_user.username %}
      {% set slug_base = url('collections.user', username)|absolutify %}
      <span id="slug_edit"><span>{{ slug_base }}</span>{{ form.slug|safe }}</span>
      <span id="slug_readonly">
        {{ slug_base }}<span id="slug_value">{% if collection and collection.slug %}{{ collection.slug }}{% endif %}</span>
        <a id="edit_slug" href="#">{{ _('Edit') }}</a>
      </span>
    </p>
  {% endif %}
  <p>
  <label for="id_description">{{ form.description.label|safe }}</label>
  {{ form.description|safe }}
  </p>
    {{ form.icon|safe }}
  <div id="collection_listed">
    <label>{{ form.listed.label }}</label>
    {{ form.listed|safe }}
  </div>

  <div id="icon_form">
    <label for="id_icon">
      {{ form.icon.label|safe }}
      <span class="optional">{{ _('(optional)') }}</span>
    </label>
    <div id="icon_upload">
      {% if collection %}
        <div class="icon_preview">
          <img src="{{ collection.icon_url }}" alt="{{ _('Collection Icon') }}" />
         {% if collection.icontype %}
          <a href="{{ collection.delete_icon_url() }}" id="remove_icon">{{ _('Reset') }}</a>
          {% endif %}
        </div>
      {% endif %}

      {{ form.errors['icon']|safe }}
      {{ form.icon|safe }}

      <p class="note">
      {{ _('PNG and JPG supported.  Image will be resized to 32x32.') }}
      </p>
    </div>
  </div>

 </fieldset>