{% include '@minerva_portal/module_header.html' %}
{% if MODULE=='albums' %}<p class="gallery-empty">Select one or more photos for your album. Your total storage allowance is 10 MB. JPEG, PNG, GIF and WebP.</p>{% endif %}
<form class="minerva-form{% if MODULE=='albums' %} convoa-photo-upload{% endif %}" method="post" enctype="multipart/form-data"><input type="hidden" name="action" value="save">
<div class="panel"><div class="inner">
{% if MODULE!='albums' %}<label for="category_id">{{ lang('MINERVA_CATEGORY') }}</label><select id="category_id" name="category_id">{% for cat in loops.categories %}<option value="{{ cat.ID }}"{% if cat.SELECTED %} selected{% endif %}>{{ cat.TITLE|e }}</option>{% endfor %}</select>{% endif %}
{% if MODULE!='albums' or ITEM_ID %}<label for="title">{{ lang('MINERVA_TITLE') }}</label><input type="text" id="title" name="title" maxlength="255" value="{{ ITEM_TITLE|e }}"{% if MODULE!='albums' or ITEM_ID %} required{% endif %}>{% endif %}
{% if MODULE!='albums' %}<label for="summary">{{ lang('MINERVA_SUMMARY') }}</label><input type="text" id="summary" name="summary" maxlength="255" value="{{ ITEM_SUMMARY|e }}">
<label for="body">{{ lang('MINERVA_BODY') }}</label><textarea id="body" name="body" rows="12" maxlength="60000"{% if MODULE == 'kb' %} required{% endif %}>{{ ITEM_BODY|e }}</textarea>{% endif %}
{% if MODULE == 'albums' or MODULE == 'downloads' %}<label for="upload">{{ lang('MINERVA_UPLOAD') }}</label><input id="upload" name="{% if MODULE=='albums' and not ITEM_ID %}photos[]{% else %}upload{% endif %}" type="file"{% if MODULE=='albums' %} accept="image/jpeg,image/png,image/gif,image/webp"{% if not ITEM_ID %} multiple{% endif %}{% endif %}{% if not ITEM_ID %} required{% endif %}><p>{% if MODULE=='albums' %}JPEG, PNG, GIF and WebP. Select photos to add a separate title beside each preview.{% else %}{{ lang('MINERVA_UPLOAD_HELP') }}{% endif %}</p>{% endif %}
{% if MODULE=='albums' and not ITEM_ID %}<div id="photo-titles" aria-live="polite"></div><noscript><p>Photos use their filenames as titles. You can edit each title after uploading.</p></noscript>{% endif %}
{% if MODULE == 'downloads' %}
<label for="version">{{ lang('MINERVA_VERSION') }}</label><input type="text" id="version" name="version" value="{{ ITEM_VERSION|e }}">
<label for="creator">{{ lang('MINERVA_CREATOR') }}</label><input type="text" id="creator" name="creator" value="{{ ITEM_CREATOR|e }}">
<label for="license">{{ lang('MINERVA_LICENSE') }}</label><textarea id="license" name="license" rows="5" maxlength="8000">{{ ITEM_LICENSE|e }}</textarea>
{% endif %}
{% if MODULE == 'calendar' %}
<input type="hidden" name="timezone" value="{{ EVENT_ZONE|e }}">
<label for="start">{{ lang('MINERVA_EVENT_START') }} ({{ EVENT_ZONE|e }})</label><input type="datetime-local" id="start" name="start" value="{{ EVENT_START|e }}" required>
<label for="duration">{{ lang('MINERVA_EVENT_DURATION') }}</label><input type="number" id="duration" name="duration" min="0" max="10080" value="{{ EVENT_DURATION }}">
<label for="unit">{{ lang('MINERVA_EVENT_UNIT') }}</label><select id="unit" name="unit">{% for unit in ['NONE','DAY','WEEK','MONTH','YEAR'] %}<option value="{{ unit }}"{% if unit == EVENT_UNIT %} selected{% endif %}>{{ lang('MINERVA_EVENT_' ~ unit) }}</option>{% endfor %}</select>
<label for="interval">{{ lang('MINERVA_EVENT_INTERVAL') }}</label><input type="number" id="interval" name="interval" min="1" max="365" value="{{ EVENT_INTERVAL }}">
<label for="repeat">{{ lang('MINERVA_EVENT_REPEAT') }}</label><input type="number" id="repeat" name="repeat" min="1" max="365" value="{{ EVENT_REPEAT }}">
{% endif %}
{% for field in loops.custom_fields %}<label for="custom_{{ field.CATEGORY }}_{{ field.NAME|e }}">{{ field.NAME|e }} ({{ lang('MINERVA_CATEGORY') }} {{ field.CATEGORY }})</label><input type="text" id="custom_{{ field.CATEGORY }}_{{ field.NAME|e }}" name="custom_{{ field.CATEGORY }}_{{ field.NAME|e }}" value="{{ field.VALUE|e }}" maxlength="1000">{% endfor %}
<p><button class="button" type="submit">{{ lang('SUBMIT') }}</button></p>{{ S_FORM_TOKEN }}</div></div></form>
{% if MODULE=='albums' and not ITEM_ID %}<script>
(function () {
    var picker=document.getElementById('upload'), container=document.getElementById('photo-titles');
    if (!picker || !container) return;
    var saved={}, previews=[];
    picker.addEventListener('change',function () {
        container.querySelectorAll('input').forEach(function (field) { saved[field.dataset.fileKey]=field.value; });
        previews.forEach(function(url){URL.revokeObjectURL(url);});previews=[];
        container.textContent='';
        Array.from(picker.files).forEach(function (file,index) {
            var key=file.name+'|'+file.size+'|'+file.lastModified;
            var card=document.createElement('div');card.className='convoa-photo-title-row';
            var label=document.createElement('label');label.htmlFor='photo-title-'+index;label.textContent='Title for '+file.name;
            var input=document.createElement('input');input.type='text';input.id=label.htmlFor;input.name='photo_titles['+index+']';input.maxLength=255;input.dataset.fileKey=key;input.value=Object.prototype.hasOwnProperty.call(saved,key)?saved[key]:file.name.replace(/\.[^.]+$/,'');input.placeholder='Photo title';
            var image=document.createElement('img');var url=URL.createObjectURL(file);previews.push(url);image.src=url;image.alt=file.name;
            var fields=document.createElement('div');fields.appendChild(label);fields.appendChild(input);card.appendChild(image);card.appendChild(fields);container.appendChild(card);
        });
    });
})();
</script>{% endif %}
{% include 'overall_footer.html' %}