{% set childIndex = loop.index - 1 %}
{#{% set sectionAlias = (child is defined and child.alias is not empty)#}
{#    ? child.alias#}
{#    : ((section is defined and section.alias is not empty)#}
{#    ? section.alias#}
{#    : '') %}#}
    <div id="{{ child is defined ? child.id : '' }}" data-repeater-item>
    <input type="hidden" name="isThereSectionCategory" value="{{ section.isCategory ? 1 : 0 }}">
    <input type="hidden" name="id" value="{{ child.id|default }}">
    <input type="hidden" name="sectionId" value="{{ section.id|default }}">
    <input type="hidden" name="imageId" value="{{ child.id|default }}">

    <ul class="nav nav-tabs nav-line-tabs mb-5 fs-6">
        {% for lang in getLangs() %}
            <li class="nav-item">
                <a class="nav-link {{ loop.index == 1 ? 'active' }}" data-bs-toggle="tab" href="#kt_tab_pane_{{ section.id|default }}_{{ idx }}_{{ lang.shortTitle|default }}">
                    {{ lang.shortTitle|default|upper }}
                </a>
            </li>
        {% endfor %}
    </ul>
    <div class="lang-repeater">
        <div class="tab-content my-5" data-repeater-list="langs">
            <div class="p-3">
{#                {{ dump(pageAlias, sectionAlias) }}#}
                {% set maxFilesValue = (child is defined and child.imageMaxFiles is not null)
                    ? child.imageMaxFiles
                    : section.imageMaxFiles
                %}
                {% set multipleDropzone = true %}
                {% set dimensions = section.dimensions ? section.dimensions : '540x540' %}
                {% set options = {} %}
                {% if maxFilesValue is not null %}
                    {% set options = { 'maxFiles': maxFilesValue, acceptedFiles: '.jpeg,.jpg,.png,.webp,.gif,.bmp,.svg' } %}
                {% endif %}

                {% if child is defined %}
                    {% if (child.canBeAddedImage is not null ? child.canBeAddedImage : section.canBeAddedImage) %}
                        {# Dimensions #}
                        <input type="hidden" name="{{ (multipleDropzone is defined and multipleDropzone)
                        ? ('childs' ~ section.id|default(''))
                        : 'child' }}[dims]" value="{{ dimensions|preparingForResolutionArray }}">
                        {% set files = [] %}
                        {% set langsForImages = [] %}
                        {% for lang in child.langs|default %}
                            {% set key = lang.lang.shortTitle %}
                            {% set langsForImages = langsForImages|merge({(key): lang.alt}) %}
                        {% endfor %}

                        {% for image in child.images|filter(e => e.del == 0)|default([]) %}
                            {% if image.name|default %}
                                {% set files = files|merge([{
                                    id: image.id,
                                    name: image.name,
                                    langs: langsForImages,
                                    location: asset('media/page/'~pageAlias~'/'~sectionAlias~'/'~image.name)
                                }]) %}
                            {% endif %}
                        {% endfor %}
                        {{ include('admin/Common/_dropzone.html.twig', {
                            multipleDropzone: multipleDropzone,
                            name: 'image' ~ child.id,
                            sectionId: section.id,
                            childIndex: childIndex,
                            dimensions: dimensions,
                            files: files,
                            options: options,
                        }, with_context = false) }}
                    {% endif %}
                {% else %}
                    {% if section.canBeAddedImage %}
                        {# Dimensions #}
                        <input type="hidden" name="{{ (multipleDropzone is defined and multipleDropzone)
                        ? ('childs' ~ section.id|default(''))
                        : 'child' }}[dims]" value="{{ dimensions|preparingForResolutionArray }}">

                        {% set files = [] %}
                        {% set langsForImages = [] %}
                        {% for lang in child.langs|default %}
                            {% set key = lang.lang.shortTitle %}
                            {% set langsForImages = langsForImages|merge({(key): lang.alt}) %}
                        {% endfor %}

                        {% for image in section.images|filter(e => e.del == 0)|default([]) %}
                            {% if image.name|default %}
                                {% set files = files|merge([{
                                    id: image.id,
                                    name: image.name,
                                    langs: langsForImages,
                                    location: asset('media/page/'~pageAlias~'/'~sectionAlias~'/'~image.name)
                                }]) %}
                            {% endif %}
                        {% endfor %}
                        {{ include('admin/Common/_dropzone.html.twig', {
                            multipleDropzone: multipleDropzone,
                            name: 'image' ~ section.id,
                            sectionId: section.id,
                            childIndex: childIndex,
                            dimensions: dimensions,
                            files: files,
                            options: {
                                maxFiles: 2,
                                acceptedFiles: '.jpeg,.jpg,.png,.webp,.gif,.bmp,.svg'
                            }
                        }, with_context = false) }}
                    {% endif %}
                {% endif %}
            </div>
            {% for lang in getLangs() %}
                {% if category %}
                    {% set pageLang = child is defined ? getPageSectionSectionsLang({'section': child.id, 'lang': lang.shortTitle}) : {} %}
                {% else %}
                    {% set pageLang = child is defined ? getPageSectionLang({'section': child.id, 'lang': lang.shortTitle}) : {} %}
                {% endif %}


                <div class="tab-pane fade {{ loop.first ? 'show active' }}"  id="kt_tab_pane_{{ section.id|default }}_{{ idx }}_{{ lang.shortTitle }}" data-id="{{ pageLang.id|default }}" data-shorttitle="{{ lang.shortTitle }}" role="tabpanel" data-repeater-item>
                    <input type="hidden" name="key" value="{{ lang.shortTitle }}">
                    <input type="hidden" name="section_lang" value="{{ pageLang.id|default }}">
                    <div class="form-group row">
                        {% if (child is defined and child.canBeAddedShortTitle is not null ? child.canBeAddedShortTitle : section.canBeAddedShortTitle) %}
                            <div class="col-12 p-3">
                                <label class="form-label" for="section_0_lang_{{ lang.shortTitle }}_shorttitle">Küçük Başlık</label>
                                <input type="text" id="section_0_lang_{{ lang.shortTitle }}_shorttitle" class="form-control form-control-solid reindex-field mb-5" name="lang[{{ lang.shortTitle }}][shortTitle]" value="{{ pageLang.shortTitle|default }}" placeholder="Küçük Başlık"/>
                            </div>
                        {% endif %}
                        {% if (child is defined and child.canBeAddedTitle is not null ? child.canBeAddedTitle : section.canBeAddedTitle) %}
                            <div class="col-12 p-3">
                                <label class="form-label" for="section_0_lang_{{ lang.shortTitle }}_title">Başlık</label>
                                <input type="text" id="section_0_lang_{{ lang.shortTitle }}_title" class="{{ section.isTitleLong ? 'tox-target reindex-field ' : 'form-control form-control-solid reindex-field mb-5'}}form-control form-control-solid reindex-field mb-5" name="lang[{{ lang.shortTitle }}][title]" value="{{ pageLang.title|default }}" placeholder="Başlık"/>
                            </div>
                        {% endif %}
                        {% if (child is defined and child.canBeAddedTitleTwo is not null ? child.canBeAddedTitleTwo : section.canBeAddedTitleTwo) %}
                            <div class="col-12 p-3">
                                <label class="form-label" for="section_0_lang_{{ lang.shortTitle }}_title">Başlık</label>
                                <input type="text" id="section_0_lang_{{ lang.shortTitle }}_title" class="form-control form-control-solid reindex-field mb-5" name="lang[{{ lang.shortTitle }}][titleTwo]" value="{{ pageLang.titleTwo|default }}" placeholder="İkinci Başlık"/>
                            </div>
                        {% endif %}
                        {% if (child is defined and child.canBeAddedText is not null ? child.canBeAddedText : section.canBeAddedText) %}
                            <div class="col-12 p-3">
                                <label class="form-label" for="section_0_lang_{{ lang.shortTitle }}_text">Metin</label>
                                <textarea id="section_0_lang_{{ lang.shortTitle }}_text" class="tox-target reindex-field" name="lang[{{ lang.shortTitle }}][text]">{{ pageLang.text|default|raw }}</textarea>
                            </div>
                        {% endif %}
                        {% if (child is defined and child.canBeAddedLink is not null ? child.canBeAddedLink : section.canBeAddedLink) %}
                            <div class="col-12 p-3">
                                <label class="form-label" for="section_0_lang_{{ lang.shortTitle }}_link">Link</label>
                                <input type="text" id="section_0_lang_{{ lang.shortTitle }}_link" class="form-control form-control-solid reindex-field mb-5" name="lang[{{ lang.shortTitle }}][link]" value="{{ pageLang.link|default }}" placeholder="Link"/>
                            </div>
                        {% endif %}
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
    {% if section.canbedeleted %}
        <a href="javascript:void(0)" data-repeater-delete class="btn btn-sm btn-light-danger">
            <i class="ki-duotone ki-trash fs-5">
                <span class="path1"></span>
                <span class="path2"></span>
                <span class="path3"></span>
                <span class="path4"></span>
                <span class="path5"></span>
            </i> Sil
        </a>
    {% endif %}
{#        <div class="fv-row mb-10">#}
{#            <input type="hidden" name="image_ids" value="{{ sectionımages|column('serverıd')|json_encode|raw }}">#}
{#            <label class="col-lg-2 col-form-label text-lg-right">resimler:</label>#}
{#            <div class="dropzone text-start" id="dropzone_{{ idx }}" data-images="{{ sectionımages|json_encode|raw|e('html_attr') }}">#}
{#                <div class="dz-message needsclick">#}
{#                    <i class="ki-duotone ki-file-up fs-3x text-primary">#}
{#                        <span class="path1"></span>#}
{#                        <span class="path2"></span>#}
{#                    </i>#}
{#                    <div class="ms-4">#}
{#                        <h3 class="fs-5 fw-bold text-gray-900 mb-1">resim eklemek için tıklayın veya resmi bu alana sürükleyin</h3>#}
{#                        <span class="fs-7 fw-semibold text-gray-500">yalnızca <b>1</b> dosya ekleyebilirsiniz. resimler <b>540x720</b> ebatında olmalıdır.</span><br>#}
{#                    </div>#}
{#                </div>#}
{#                <div class="dropzone-items"></div>#}
{#            </div>#}
{#        </div>#}
    <hr class="border border-danger my-10">
</div>