{% import "admin/Macros/Buttons/_button.html.twig" as button %}
{% set langs = getLangs() %}

<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 continentLang = continent is defined and continent is not empty ? getContinentLangs({Continent: continent, lang: lang.shortTitle}) : {} %}
        <div class="tab-pane fade {{ loop.first ? 'show active' }}" id="form-tab-{{ lang.shortTitle }}" role="tabpanel">
            <div class="row row-gap-3 mb-10">
                <div class="form-group col-md-6">
                    <label class="form-label" for="title">Kıta İsmi</label>
                    <input type="text" name="child[langs][{{ lang.shortTitle }}][continent_name]" class="form-control form-control-solid" placeholder=""
                           value="{{ continentLang.name|default }}" required/>
                </div>
            </div>
        </div>
{% endfor %}
</div>

{{ include('admin/Macros/Buttons/_save_button.html.twig') }}