{% import "admin/Macros/Buttons/_button.html.twig" as button %}

<ul class="nav nav-tabs nav-line-tabs mb-4">
    {% for lang in getLangs() %}
        <li class="nav-item">
            <a class="nav-link pt-0 {{ loop.first ? 'active' }}" data-bs-toggle="tab" href="#form-tab-{{ lang.shortTitle }}">{{ lang.shortTitle|upper }}</a>
        </li>
    {% endfor %}
</ul>
<div class="tab-content" id="form-tab-content">
    {% for lang in getLangs() %}
        {% set affiliateLang = affiliates is defined ? getAffiliatesLangs({Affiliates: affiliates, lang: lang.shortTitle}) : {} %}
        <div class="tab-pane fade {{ loop.first ? 'show active' }}" id="form-tab-{{ lang.shortTitle }}" role="tabpanel">
            <div class="row">
                <div class="col-lg-12">
                    <label class="form-label" for="popupTitle_{{ lang.shortTitle }}">Başlık</label>
                    <input type="text" name="child[langs][{{ lang.shortTitle }}][title]" value="{{ affiliateLang.title|default }}" placeholder="Başlık"
                           class="form-control form-control-solid " id="popupTitle_{{ lang.shortTitle }}" />
                </div>
                <div class="col-lg-12">
                    <label class="form-label" for="popupTitle_{{ lang.shortTitle }}">Açıklama</label>
                    <input type="text" name="child[langs][{{ lang.shortTitle }}][text]" value="{{ affiliateLang.description|default }}" placeholder="Açıklama"
                           class="tox-target reindex-field" id="popupTitle_{{ lang.shortTitle }}" />
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <label class="form-label" for="popupLink_{{ lang.shortTitle }}">Link</label>
                    <input type="text" name="child[langs][{{ lang.shortTitle }}][link]" value="{{ affiliateLang.link|default }}" placeholder="Link"
                           class="form-control form-control-solid" id="popupLink_{{ lang.shortTitle }}" />
                </div>
            </div>
        </div>
    {% endfor %}
</div>

<div class="row mb-5">

    <div class="col-lg-6">
        <div class="d-flex flex-stack mt-5">
            <div class="me-5 fw-semibold">
                <label class="fs-6">Durumu</label>
                <div class="fs-7 text-muted">Pasifse görünmeyecektir</div>
            </div>
            <label class="form-check form-switch form-check-custom form-check-solid">
                <input class="form-check-input" type="checkbox" name="settings[enabled]" {{ project.isEnabled|default(project is not defined) ? 'checked' }} />
                <span class="form-check-label fw-semibold text-muted">Aktif</span>
            </label>
        </div>
    </div>
</div>

<hr class="border my-5">

<div class="row">
    {% set dimensions = '540x540' %}

    <div class="col-xl-6">
        <input type="hidden" name="child[dims]" value="{{ dimensions|preparingForResolutionArray }}">

        {% set files = [] %}
        {% set langs = [] %}

        {% for lang in affiliates.langs|default %}
            {% set key = lang.lang.shortTitle %}
            {% set langs = langs|merge({(key): lang.logoAlt}) %}
        {% endfor %}

        {% if affiliates is defined %}
            {% for image in affiliates.images()|filter(e => e.del == 0 and e.type == 'logo')|default([]) %}
                {% if image.name|default %}
                    {% set files = files|merge([{
                        id: image.id,
                        name: image.name,
                        langs: langs,
                        location: asset('media/affiliates/'~image.name)
                    }]) %}
                {% endif %}
            {% endfor %}
        {% endif %}
        {{ include('admin/Common/_dropzone.html.twig', {
            name: 'logo',
            labelName: 'Logo',
            dimensions: dimensions,
            files: files,
            multipleDropzoneInOneSection: true,
            options: {acceptedFiles: '.jpeg,.jpg,.png,.webp,.gif,.bmp,.svg'}
        }, with_context = false) }}
    </div>
</div>

<div class="row">
    <div class="col-xl-6">
        {% set files = [] %}
        {% set langs = [] %}

        {% for lang in affiliates.langs|default %}
            {% set key = lang.lang.shortTitle %}
            {% set langs = langs|merge({(key): lang.imagealt}) %}
        {% endfor %}

        {% if affiliates is defined %}
            {% for image in affiliates.images()|filter(e => e.del == 0 and e.type == 'image')|default([]) %}
                {% if image.name|default %}
                    {% set files = files|merge([{
                        id: image.id,
                        name: image.name,
                        langs: langs,
                        location: asset('media/affiliates/'~image.name)
                    }]) %}
                {% endif %}
            {% endfor %}
        {% endif %}
        {{ include('admin/Common/_dropzone.html.twig', {
            name: 'image',
            labelName: 'Resim',
            dimensions: '1900x1600',
            files: files,
            multipleDropzoneInOneSection: true,
            options: {acceptedFiles: '.jpeg,.jpg,.png,.webp,.gif,.bmp,.svg'}
        }, with_context = false) }}
    </div>
</div>


<hr class="border my-5">

<div class="btn-group" role="group">
    <button type="submit" class="btn btn-icon btn-light-success btn-return" data-bs-toggle="tooltip" title="Kaydet ve geri dön">
        <i class="ki-solid ki-arrows-circle fs-3"></i>
    </button>
    <button type="submit" class="btn btn-light-success btn-save">
        <span class="indicator-label">Kaydet</span>
        <span class="indicator-progress">Kaydediliyor...
            <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
        </span>
    </button>
</div>