{% 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" 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 blogLang =  blogLangs[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-4">
                            <label class="form-label" for="title">Başlık  ({{ lang.shortTitle|upper }})</label>
                            <input type="text" id="title" class="form-control" name="blog_lang[{{ lang.shortTitle }}][title]" value="{{ blogLang.title|default }}"  />
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group col-md-4">
                            <label class="form-label" for="description">Açıklama ({{ lang.shortTitle|upper }})</label>

                            <textarea  id="description{{ lang.id }}" class="form-control text-editor" name="blog_lang[{{ lang.shortTitle }}][description]"  >{{ blogLang.description|default|raw }}</textarea>


                        </div>
                    </div>

                </div>
            {% endfor %}


        </div>
    </div>
</div>

<hr>


<div class="row">
    <div class="col-md-4">

        {% if blog.imageFile|default %}
            {% set dir = getBlogImgDir(blog) %}
            {% set imageFullPath=  dir|default~blog.imageFile|default %}
            <div class="preview-img preview-logo">
                <a href="{{ asset(imageFullPath) }}" data-fancybox><img src="{{ asset(imageFullPath) }}" alt=""></a>
            </div>
        {% endif %}

        <div class="form-group">
            <label for="">Resim  :</label>
            <input type="file" class="form-control"  name="image" accept=".jpg, .JPG, .jpeg , .PNG, .svg"    />
        </div>
    </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="stok-tracked" name="blog[is_enabled]" value="1"
            {% if blog|default%}
                    {{ blog.isEnabled|default ? 'checked' : ''  }}
                    {% else %}checked
                    {% endif %}
            >
            <label class="custom-control-label" for="stok-tracked">Aktif ?</label>
        </div>
    </div>
</div>


{{ button.button_submit() }}