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

{% if category|default %}
    {% set categoryLangs = getCategoryLangs({'category':category}) %}
{% endif %}
{% set maxImageDropzoneJs = categoryImages is defined ? 5 - categoryImages|length : 5 %}
<div class="row">
    <div class="form-group col-md-6">
        <label class="form-label" for="vertical-username">Kategori Kodu</label>
        <input type="text" id="vertical-username" class="form-control form-control-solid" name="category[code]"
               value="{{ category.code|default }}" required/>
    </div>
    <div class="form-group col-md-6">
        <label class="form-label" for="brand">Üst Kategorisi</label>
        {#        {% set viewCategoryAll = getCategoryOptionName(11)  %}#}
        {#        {{ dump(viewCategoryAll) }}#}
        <select class="form-select form-select-solid" data-control="select2" id="brand" name="category[parent_category_id]">
            <option value="0">Ana Kategori</option>
            {% include "admin/Main/Product/Category/_categoryOptions.html.twig" %}
        </select>
    </div>
</div>
<div class="row mt-5 mb-5">
    <div class="form-group col-md-6">
        <div class="form-check form-check-custom form-check-solid form-check-sm">
            <input type="checkbox" class="form-check-input" id="enabled" name="category[is_enabled]" value="1"
                    {% if category|default %}
                        {{ category.isEnabled ? 'checked' : '' }}
                    {% else %}
                        checked
                    {% endif %}
            >
            <label class="form-check-label" for="enabled">Aktif</label>
        </div>
    </div>
</div>
<ul class="nav nav-tabs mb-7" role="tablist">
    {% for k,lang in langs %}
        <li class="nav-item">
            <a class="nav-link pl-2 pr-2 {{ k == 0 ? 'active' : '' }}" id="{{ lang.shortTitle }}-tab" data-toggle="tab"
               href="#lang-{{ lang.shortTitle }}" aria-controls="home" role="tab"
               aria-selected="{{ k == 0 ? 'true' : 'false' }}"><i class="fa fa-flag"></i> {{ lang.shortTitle|upper }}
            </a>
        </li>
    {% endfor %}
</ul>
<div class="tab-content">
    {% for k,lang in langs %}
        {% set categoryLang =  categoryLangs[lang.shortTitle]|default %}
        <div class="tab-pane {{ k == 0 ? 'active' : '' }}" id="lang-{{ lang.shortTitle }}"
             aria-labelledby="{{ lang.shortTitle|upper }}-tab" role="tabpanel">
            <div class="row mb-5">
                <div class="form-group col-md-12">
                    <label class="form-label" for="title">Kategori Başlığı ({{ lang.shortTitle|upper }})</label>
                    <input type="text" id="title" class="form-control form-control-solid" name="category_lang[{{ lang.shortTitle }}][name]"
                           value="{{ categoryLang.name|default }}"/>
                </div>
            </div>
            <div class="row mb-5">
                <div class="form-group col-md-12">
                    <label class="form-label" for="meta-description">Meta Tag Açıklaması ({{ lang.shortTitle|upper }})</label>
                    <input type="text" id="meta-description" class="form-control form-control-solid"
                           name="category_lang[{{ lang.shortTitle }}][meta_description]"
                           value="{{ categoryLang.metaDescription|default }}"/>
                </div>
            </div>
        </div>
    {% endfor %}
</div>

{#<div class="fv-row mb-10">
    <label class="col-lg-2 col-form-label text-lg-right">Resimler:</label>
    <div class="dropzone text-start" id="mainImage">
        <div class="dz-message needsclick">
            <i class="ki-duotone ki-file-up fs-3x text-primary">
                <span class="path1"></span>
                <span class="path2"></span>
            </i>
            <div class="ms-4">
                <h3 class="fs-5 fw-bold text-gray-900 mb-1">Resim eklemek için tıklayın veya resmi bu alana sürükleyin</h3>
                <span class="fs-7 fw-semibold text-gray-500"><b>5</b> dosyaya kadar ekleyebilirsiniz</span>
            </div>
        </div>
        <div class="dropzone-items"></div>
    </div>
</div>#}

<button type="button" class="btn btn-primary" data-kt-stepper-action="submit" id="submitButton2" onclick="formSubmit(this)">
    <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>

<script>
    function categoryImgDelete(id) {
        Panel.contentLoader_start();
        let data_url = "{{ path('admin_ajax_category_images_delete',{'id':'renameId'}) }}";
        $.ajax({
            type: 'POST',
            url: data_url.replace('renameId', id),
            data: {'id': id},
            success: function (data) {
                Panel.contentLoader_close();
                $('.images' + id).remove();
            },
        });
    }
</script>