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

<div class="row">
    <div class="col-md-12">
        <ul class="nav nav-tabs nav-line-tabs mb-4" role="tablist">
            {% for lang in getLangs() %}
                <li class="nav-item">
                    <a class="nav-link pt-0 {{ loop.first ? 'active' }}" id="lang-{{ loop.index }}" data-bs-toggle="tab" href="#lang-{{ lang.shortTitle }}">{{ lang.shortTitle|upper }}</a>
                </li>
            {% endfor %}
        </ul>
        <div class="tab-content">
            {% for lang in getLangs() %}
                {% set catalogLang =  catalogLangs[lang.shortTitle]|default %}
                <div class="tab-pane fade {{ loop.first ? 'show active' }}" id="lang-{{ lang.shortTitle }}" role="tabpanel">
                    <div class="row">
                        <div class="form-group col-md-12 mb-5">
                            <label class="form-label" for="title">Başlık</label>
                            <input type="text" id="title" class="form-control form-control-solid"
                                   name="child[lang][{{ lang.shortTitle }}][title]"
                                   value="{{ catalogLang.title|default }}" required/>
                        </div>
                        <div class="form-group col-md-12 mb-5">
                            <label class="form-label" for="title">Açıklama</label>
                            <textarea name="child[lang][{{ lang.shortTitle }}][text]"
                                      class="tox-target reindex-field">{{ catalogLang.description|default }}</textarea>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
</div>
<div class="row">
    <div class="col-12 ">

        <div class="fv-row">
            {% set files = [] %}
            {% set langs = [] %}

            {% if catalog.fileName|default %}
                {% set files = files|merge([{
                    id: catalog.id,
                    name: catalog.fileName,
                    langs: langs,
                    location: asset(getParameters('site_catalog_dir') ~ catalog.fileName)
                }]) %}
            {% endif %}
            {{ include('admin/Common/_dropzone.html.twig', {
                name: 'pdf',
                labelName: 'Pdf',
                files: files,
                options: {acceptedFiles: '.pdf'},
                isDropzoneAlt: false,
            }, with_context = false) }}
        </div>
    </div>
</div>

{{ include('admin/Macros/Buttons/_save_button.html.twig', {validation: true}) }}