{% 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 solutionLang = solutions is defined ? getSolutionsLangs({Solutions: solutions, 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="popupTitle_{{ lang.shortTitle }}">Başlık</label>
                    <input type="text" name="child[langs][{{ lang.shortTitle }}][title]"
                           value="{{ solutionLang.title|default }}" placeholder="Başlık"
                           class="form-control form-control-solid" id="popupTitle_{{ lang.shortTitle }}" required />
                </div>
                <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="{{ solutionLang.link|default }}"
                           placeholder="Link"
                           class="form-control form-control-solid" id="popupLink_{{ lang.shortTitle }}" required/>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <label class="form-label" for="popupTitle_{{ lang.shortTitle }}">Açıklama (Anasayfa çözümlerde de gözükür...)</label>
                    <input type="text" name="child[langs][{{ lang.shortTitle }}][text]" value="{{ solutionLang.description|default }}" placeholder="Açıklama"
                           class="tox-target reindex-field" id="popupTitle_{{ lang.shortTitle }}" />
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <label class="form-label" for="popupTitle_{{ lang.shortTitle }}">Detaylı Açıklama</label>
                    <input type="text" name="child[langs][{{ lang.shortTitle }}][textDetail]" value="{{ solutionLang.descriptionDetail|default }}" placeholder="Detaylı Açıklama"
                           class="tox-target reindex-field" id="popupTitle_{{ lang.shortTitle }}" />
                </div>
            </div>
            <div class="row">
                <div class="col-xl-6">
                    {% set existingPdf = solutions is defined ? attribute(solutions, 'pdf' ~ lang.shortTitle|capitalize) : null %}
                    {% set files = [] %}

                    {# Eğer mevcut bir PDF varsa Dropzone'a önizleme olarak gönder #}
                    {% if existingPdf %}
                        {% set files = files|merge([{
                            id: lang,
                            name: existingPdf,
                            location: asset('uploads/pdfs/' ~ existingPdf)
                        }]) %}
                    {% endif %}

                    <div class="col-md-6 mb-4">
                        <label><strong>{{ lang.shortTitle|upper }} PDF</strong></label>

                        {{ include('admin/Common/_dropzone.html.twig', {
                            name: 'pdfs[' ~ lang.shortTitle ~ ']',
                            files: files,
                            isDropzoneAlt: false,
                            isPdf: true,
                            lang: lang,
                            options: {
                                acceptedFiles: '.pdf',
                                maxFiles: 1
                            }
                        }, with_context = false) }}
                    </div>
                </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 solutions.langs|default %}
            {% set key = lang.lang.shortTitle %}
            {% set langs = langs|merge({(key): lang.alt}) %}
        {% endfor %}

        {% if solutions is defined %}
            {% for image in solutions.images()|filter(e => e.del == 0)|default([]) %}
                {% if image.name|default %}
                    {% set files = files|merge([{
                        id: image.id,
                        name: image.name,
                        langs: langs,
                        location: asset('media/solutions/'~image.name)
                    }]) %}
                {% endif %}
            {% endfor %}
        {% endif %}
        {{ include('admin/Common/_dropzone.html.twig', {
            name: 'image',
            dimensions: dimensions,
            files: files,
            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>