{% import "admin/Macros/Buttons/_button.html.twig" as button %}
{% set langs = getLangs() %}
<ul class="nav nav-tabs nav-line-tabs mb-5 fs-6">
    {% for lang in langs %}
        <li class="nav-item">
            <a class="nav-link {{ loop.index == 1 ? 'active' }}" data-bs-toggle="tab" href="#kt_tab_pane_{{ lang.shortTitle }}">
                {{ lang.shortTitle|upper }}
            </a>
        </li>
    {% endfor %}
</ul>
<div class="tab-content mb-10">
    {% for lang in langs %}
        {% set pageLang = getPageLang({'page':page, 'langAlias': lang.shortTitle}) %}

        <div class="tab-pane fade {{ loop.index == 1 ? 'show active' }}" id="kt_tab_pane_{{ lang.shortTitle }}" role="tabpanel">
            <div class="form-group row">
                <div class="col-6">
                    <label class="form-label required" for="banner_lang_{{ lang.shortTitle }}_title">Başlık ({{ lang.shortTitle|upper }})</label>
                    <input type="text" id="banner_lang_{{ lang.shortTitle }}_title" class="form-control form-control-solid" name="lang[{{ lang.shortTitle }}][title]" placeholder="Başlık" value="{{ pageLang.title|default }}" required/>
                </div>
                <div class="col-6">
                    <label class="form-label" for="banner_lang_{{ lang.shortTitle }}_description">Açıklama ({{ lang.shortTitle|upper }})</label>
                    <input type="text" id="banner_lang_{{ lang.shortTitle }}_description" class="form-control form-control-solid" name="lang[{{ lang.shortTitle }}][description]" placeholder="Açıklama" value="{{ pageLang.description|default }}"/>
                </div>
            </div>
        </div>
    {% endfor %}
</div>

<input type="hidden" name="redirect_url" value="{{ path('admin_page_index') }}">

{#{{ button.button_submit() }}#}

<div class="btn-group">
    <button type="submit" class="btn btn-icon btn-light-primary h-auto comeback" data-bs-toggle="tooltip" title="Kaydet ve dön">
        <i class="ki-solid ki-arrows-circle fs-3"></i>
    </button>
    <button type="submit" class="btn ps-0 btn-light-primary">
        <span class="border border-left-0 border-primary me-3 h-25px"></span>
        <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>