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

{% if category|default %}
    {% set categoryLangs = getCategoryLangs({'category':category}) %}
{% endif %}

<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" 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="select2 w-100" 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">
    <div class="form-group col-md-6">
        <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="enabled" name="category[is_enabled]" value="1"
                    {% if category|default %}
                        {{ category.isEnabled ? 'checked' : '' }}
                    {% else %}
                        checked
                    {% endif %}
            >
            <label class="custom-control-label" for="enabled">Aktif</label>
        </div>
    </div>
</div>
<ul class="nav nav-tabs" 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">
                <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" name="category_lang[{{ lang.shortTitle }}][name]"
                           value="{{ categoryLang.name|default }}"/>
                </div>

            </div>


            <div class="row">
                <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"
                           name="category_lang[{{ lang.shortTitle }}][meta_description]"
                           value="{{ categoryLang.metaDescription|default }}"/>
                </div>

            </div>

        </div>
    {% endfor %}


</div>
<div class="row">
    <div class="col-md-4">
        {% if category.image|default %}
            {% set dir = getParameters('category_image_dir') %}
            {% set imageFullPath=  dir|default~category.image|default %}
            <div class="preview-img">
                <a href="{{ asset(imageFullPath) }}" data-fancybox><img
                            src="{{ imageFullPath|imagine_filter('thumb',{"thumbnail": {"size": [400,400] }}) }}"
                            alt=""></a>
            </div>
        {% endif %}
        <div class="form-group">
            <label for="">Resim :</label>
            <input type="file" class="form-control" name="image" id=""/>
        </div>
    </div>
</div>


{{ button.button_submit() }}