{% 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 newLang = news is defined ? getNewsLangs({News: news, 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-6">
                    <label class="form-label" for="newsTitle_{{ lang.shortTitle }}">Meta Başlığı</label>
                    <input type="text" name="child[langs][{{ lang.shortTitle }}][metaTitle]" value="{{ newLang.metaTitle|default }}" placeholder="Meta Başlık"
                           class="form-control form-control-solid" id="newsTitle_{{ lang.shortTitle }}" required />
                </div>
                <div class="col-lg-6">
                    <label class="form-label" for="newsText_{{ lang.shortTitle }}">Meta Açıklaması</label>
                    <input type="text" name="child[langs][{{ lang.shortTitle }}][metaText]" value="{{ newLang.metaDescription|default }}" placeholder="Meta Açıklama"
                           class="form-control form-control-solid" id="newsText_{{ lang.shortTitle }}"/>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <label class="form-label" for="newsTitle_{{ lang.shortTitle }}">Başlık</label>
                    <input type="text" name="child[langs][{{ lang.shortTitle }}][title]" value="{{ newLang.title|default }}" placeholder="Başlık"
                           class="form-control form-control-solid" id="newsTitle_{{ lang.shortTitle }}" required />
                </div>
                <div class="col-lg-12">
                    <label class="form-label" for="newsText_{{ lang.shortTitle }}">Açıklama</label>
                    <input type="text" name="child[langs][{{ lang.shortTitle }}][text]" value="{{ newLang.description|default }}" placeholder="Açıklama"
                           class="tox-target reindex-field" id="newsText_{{ lang.shortTitle }}"/>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <label class="form-label" for="newsShortTitle_{{ lang.shortTitle }}">Küçük Başlık</label>
                    <input type="text" name="child[langs][{{ lang.shortTitle }}][link]" value="{{ newLang.link|default }}" placeholder="Link"
                           class="form-control form-control-solid" id="newsShortTitle_{{ lang.shortTitle }}" required />
                </div>
                <div class="col-lg-6">
                    <label class="form-label" for="newsLink_{{ lang.shortTitle }}">Link</label>
                    <input type="text" name="child[langs][{{ lang.shortTitle }}][link]" value="{{ newLang.link|default }}" placeholder="Link"
                           class="form-control form-control-solid" id="newsLink_{{ lang.shortTitle }}" required />
                </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">Anasayfada Göster</label>
                <div class="fs-7 text-muted">Pasifse görünmeyecektir (En fazla 3 tane görünecektir.)</div>
            </div>
            <label class="form-check form-switch form-check-custom form-check-solid">
                <input class="form-check-input" type="checkbox" name="settings[showOnHomepage]" {{ news.showOnHomepage|default(false) ? 'checked' }} />
                <span class="form-check-label fw-semibold text-muted">{{ news.showOnHomepage|default(false) ? 'Aktif' : 'Pasif' }}</span>
            </label>
        </div>
    </div>
</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]" {{ news.isEnabled|default(news is not defined) ? 'checked' }} required />
                <span class="form-check-label fw-semibold text-muted">{{ news.isEnabled|default(news is not defined) ? 'Aktif' : 'Pasif' }}</span>
            </label>
        </div>
    </div>
</div>
<hr class="border my-5">
<div class="row">
    {% set dimensions = '1600x1200' %}

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

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

        {% for lang in news.langs|default %}
            {% set key = lang.lang.shortTitle %}
            {% set langs = langs|merge({(key): lang.imagealt}) %}
        {% endfor %}
        {% if news is defined %}
            {% for image in news.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/news/'~image.name)
                    }]) %}
                {% endif %}
            {% endfor %}
        {% endif %}
        {{ include('admin/Common/_dropzone.html.twig', {
            name: 'image',
            labelName: 'Resim',
            dimensions: dimensions,
            files: files,
            multipleDropzoneInOneSection: true,
            options: {acceptedFiles: '.jpeg,.jpg,.png,.webp,.gif,.bmp,.svg'}
        }, with_context = false) }}
    </div>
    <div class="col-xl-6">
        {% set files = [] %}
        {% set langs = [] %}

        {% for lang in news.langs|default %}
            {% set key = lang.lang.shortTitle %}
            {% set langs = langs|merge({(key): lang.logoAlt}) %}
        {% endfor %}
        {% if news is defined %}
            {% for image in news.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/news/'~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>


<hr class="border my-5">