{% 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="langs[{{ lang.shortTitle }}][title]" value="{{ solutionLang.title|default }}" placeholder="Başlık"
                           class="form-control form-control-solid" id="popupTitle_{{ lang.shortTitle }}" />
                </div>
                <div class="col-lg-6">
                    <label class="form-label" for="popupLink_{{ lang.shortTitle }}">Link</label>
                    <input type="text" name="langs[{{ lang.shortTitle }}][link]" value="{{ solutionLang.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">
    <div class="col-xl-6">
        {% 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.fileName|default %}
            {% set files = files|merge([{
                id: solutions.id,
                name: solutions.fileName,
                langs: langs,
                location: asset('media/solutions/'~solutions.fileName)
            }]) %}
        {% endif %}
        {{ include('admin/Common/_dropzone.html.twig', {
            name: 'image',
            dimensions: '540x540',
            files: files,
            options: {acceptedFiles: 'image/jpeg'}
        }, 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>