{% include "headitem.html.twig" with {title: "GENERAL_ADMIN_TITLE"|translate} %}

<script type="text/javascript">
<!--
function DeletePic(iIndex)
{
    var oForm = document.getElementById("myedit");
    oForm.fnc.value="deletePicture";
    oForm.masterPicIndex.value=iIndex;

    oForm.submit();
}
function editThis(sID)
{
    var oTransfer = top.basefrm.edit.document.getElementById( "transfer" );
    oTransfer.oxid.value = sID;
    oTransfer.cl.value = top.basefrm.list.sDefClass;

    //forcing edit frame to reload after submit
    top.forceReloadingEditFrame();

    var oSearch = top.basefrm.list.document.getElementById( "search" );
    oSearch.oxid.value = sID;
    oSearch.actedit.value = 0;
    oSearch.submit();
}
//-->
</script>

{% if readonly %}
    {% set readonly = "readonly disabled" %}
{% else %}
    {% set readonly = "" %}
{% endif %}

<form name="transfer" id="transfer" action="{{ oViewConf.getSelfLink()|raw }}" method="post">
    {{ oViewConf.getHiddenSid()|raw }}
    <input type="hidden" name="oxid" value="{{ oxid }}">
    <input type="hidden" name="cl" value="article_pictures">
    <input type="hidden" name="editlanguage" value="{{ editlanguage }}">
</form>

<form name="myedit" id="myedit" enctype="multipart/form-data" action="{{ oViewConf.getSelfLink()|raw }}" method="post">
<input type="hidden" name="MAX_FILE_SIZE" value="{{ iMaxUploadFileSize }}">
{{ oViewConf.getHiddenSid()|raw }}
<input type="hidden" name="cl" value="article_pictures">
<input type="hidden" name="fnc" value="">
<input type="hidden" name="oxid" value="{{ oxid }}">
<input type="hidden" name="editval[article__oxid]" value="{{ oxid }}">
<input type="hidden" name="voxid" value="{{ oxid }}">
<input type="hidden" name="oxparentid" value="{{ oxparentid }}">
<input type="hidden" name="masterPicIndex" value="">

{% if oViewConf.isAltImageServerConfigured() %}
    <div class="warning">{{ translate({ ident: "ALTERNATIVE_IMAGE_SERVER_NOTE" }) }} {% include "inputhelp.html.twig" with {'sHelpId': help_id("HELP_ALTERNATIVE_IMAGE_SERVER_NOTE"), 'sHelpText': help_text("HELP_ALTERNATIVE_IMAGE_SERVER_NOTE")} %}</div>
{% endif %}

    <table cellspacing="0" cellpadding="0" width="98%" border="0">
      <colgroup>
          <col width="1%" nowrap>
          <col width="99%">
      </colgroup>

      <tr>
        <td class="picPreviewCol" valign="top">
            {% set sThumbUrl = edit.getThumbnailUrl() %}

            <div class="picPreview">{% if sThumbUrl %}<img src="{{ sThumbUrl|raw }}">{% endif %}</div>
            <div class="picDescr">{{ translate({ ident: "GENERAL_THUMB" }) }}</div>
            <br>
            <div class="picPreview" width="100%" align="center"><img src="{{ edit.getIconUrl()|raw }}"></div>
            <div class="picDescr">{{ translate({ ident: "GENERAL_ICON" }) }}</div>
        </td>

        <td class="picEditCol">

            <!-- ARTICLE MAIN PICTURES -->
            <table cellspacing="0" cellpadding="0" width="100%" border="0" class="listTable">
              {% block admin_article_pictures_main %}
                  <colgroup>
                      <col width="2%">
                      <col width="1%" nowrap>
                      <col width="1%">
                      <col width="10%" nowrap>
                      <col width="95%">
                  </colgroup>
                  <tr>
                      <th colspan="5" valign="top">
                         {{ translate({ ident: "GENERAL_ARTICLE_PICTURES" }) }} ({{ translate({ ident: "GENERAL_MAX_FILE_UPLOAD" }) }} {{ sMaxFormattedFileSize }}, {{ translate({ ident: "GENERAL_MAX_PICTURE_DIMENSIONS" }) }})
                         {% include "inputhelp.html.twig" with {'sHelpId': help_id("HELP_ARTICLE_PICTURES_PIC1"), 'sHelpText': help_text("HELP_ARTICLE_PICTURES_PIC1")} %}
                      </th>
                  </tr>

                 {% if oxparentid %}
                  <tr>
                    <td class="index" colspan="5">
                          <b>{{ translate({ ident: "GENERAL_VARIANTE" }) }}</b>
                          <a href="Javascript:editThis('{{ parentarticle.oxarticles__oxid.value }}');" class="edittext"><b>"{{ parentarticle.oxarticles__oxartnum.value }} {{ parentarticle.oxarticles__oxtitle.value }}"</b></a>
                    </td>
                  </tr>
                 {% endif %}

                  {% for picRow in 1..iPicCount+1 %}
                  {% set iIndex = loop.index %}

                  <tr>
                    <td class="index">
                        #{{ iIndex }}
                    </td>
                    <td class="text">
                        {% set sPicFile = edit.getPictureFieldValue("oxpic", iIndex) %}
                        {% set blPicUplodaded = true %}

                        {% if sPicFile == "nopic.jpg" or sPicFile == "" %}
                        {% set blPicUplodaded = false %}
                        <span class="notActive">-------</span>
                        {% else %}
                        <b>{{ sPicFile }}</b>
                        {% endif %}

                    </td>
                    <td class="edittext">
                        <input class="editinput" name="myfile[M{{ iIndex }}@oxarticles__oxpic{{ iIndex }}]" type="file" accept="image/*">
                    </td>
                    <td nowrap="nowrap">
                        {% if blPicUplodaded and not readonly %}
                        <a href="Javascript:DeletePic('{{ iIndex }}');" class="deleteText"><span class="ico"></span><span class="float: left;>">{{ translate({ ident: "GENERAL_DELETE" }) }}</span></a>
                        {% endif %}
                    </td>
                    <td>

                        {% if blPicUplodaded and not readonly %}
                            {% set sPicUrl = edit.getPictureUrl(iIndex) %}
                            <a href="{{ sPicUrl|raw }}" class="zoomText" target="_blank"><span class="ico"></span><span class="float: left;>">{{ translate({ ident: "ARTICLE_PICTURES_PREVIEW" }) }}</span></a>
                        {% endif %}
                    </td>
                  </tr>

                  {% endfor %}
              {% endblock %}
            </table>

            <!-- CUSTOM PICTURES -->
            <table cellspacing="0" cellpadding="0" width="100%" border="0" class="listTable">
              {% block admin_article_pictures_custom %}
                  <colgroup>
                      <col width="1%" nowrap>
                      <col width="1%" nowrap>
                      <col width="1%" nowrap>
                      <col width="98%">
                  </colgroup>
                  <tr>
                      <th colspan="5" valign="top">
                         {{ translate({ ident: "ARTICLE_PICTURES_CUSTOM_PICTURES" }) }}
                      </th>
                  </tr>

                  <tr>
                    <td class="index" nowrap>
                        {{ translate({ ident: "GENERAL_THUMB" }) }} ({{ translate({ ident: "GENERAL_MAX_FILE_UPLOAD" }) }} {{ sMaxFormattedFileSize }}, {{ translate({ ident: "GENERAL_MAX_PICTURE_DIMENSIONS" }) }})
                        {% include "inputhelp.html.twig" with {'sHelpId': help_id("HELP_ARTICLE_PICTURES_THUMB"), 'sHelpText': help_text("HELP_ARTICLE_PICTURES_THUMB")} %}
                    </td>
                    <td class="text">
                        {% set sThumbFile = edit.getPictureFieldValue("oxthumb") %}
                        {% if sThumbFile == "nopic.jpg"  or sThumbFile == "" %}
                        -------
                        {% else %}
                        {% set blThumbUplodaded = true %}
                        <b>{{ sThumbFile }}</b>
                        {% endif %}
                    </td>
                    <td class="edittext">
                        <input class="editinput" name="myfile[TH@oxarticles__oxthumb]" type="file" accept="image/*">
                    </td>
                    <td nowrap="nowrap">
                        {% if blThumbUplodaded and not readonly %}
                        <a href="Javascript:DeletePic('TH');" class="deleteText"><span class="ico"></span><span class="float: left;>">{{ translate({ ident: "GENERAL_DELETE" }) }}</span></a>
                        {% endif %}
                    </td>
                  </tr>

                  <tr>
                    <td class="index" nowrap>
                        {{ translate({ ident: "ARTICLE_PICTURES_ICON" }) }} ({{ translate({ ident: "GENERAL_MAX_FILE_UPLOAD" }) }} {{ sMaxFormattedFileSize }}, {{ translate({ ident: "GENERAL_MAX_PICTURE_DIMENSIONS" }) }})
                        {% include "inputhelp.html.twig" with {'sHelpId': help_id("HELP_ARTICLE_PICTURES_ICON"), 'sHelpText': help_text("HELP_ARTICLE_PICTURES_ICON")} %}
                    </td>
                    <td class="text">
                        {% set sIconFile = edit.getPictureFieldValue("oxicon") %}
                        {% if "nopic_ico.jpg" == sIconFile or "nopic.jpg" == sIconFile or "" == sIconFile  %}
                        -------
                        {% else %}
                        {% set blIcoUplodaded = true %}
                        <b>{{ sIconFile }}</b>
                        {% endif %}
                    </td>
                    <td class="edittext">
                        <input class="editinput" name="myfile[ICO@oxarticles__oxicon]" type="file" accept="image/*">
                    </td>
                    <td nowrap="nowrap">
                        {% if blIcoUplodaded and not readonly %}
                        <a href="Javascript:DeletePic('ICO');" class="deleteText"><span class="ico"></span><span class="float: left;>">{{ translate({ ident: "GENERAL_DELETE" }) }}</span></a>
                        {% endif %}
                    </td>
                  </tr>
              {% endblock %}

            </table>

            <input type="submit" class="edittext" name="save" value="{{ translate({ ident: "ARTICLE_PICTURES_SAVE" }) }}" onClick="Javascript:document.myedit.fnc.value='save'" {{ readonly }}><br>

        </td>
      </tr>
   </table>

</form>

{% include "bottomnaviitem.html.twig" %}
{% include "bottomitem.html.twig" %}