{% 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 staticTextLang =  staticTextLangs[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 1 ({{ lang.shortTitle|upper }})</label>
                            <input type="text" id="title" class="form-control" name="static_text_lang[{{ lang.shortTitle }}][title1]" value="{{ staticTextLang.title1|default }}"  />
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-md-4">
                            <label class="form-label" for="title">Başlık 2 ({{ lang.shortTitle|upper }})</label>
                            <input type="text" id="title" class="form-control" name="static_text_lang[{{ lang.shortTitle }}][title2]" value="{{ staticTextLang.title2|default }}" placeholder="Opsiyonel"  />
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-md-4">
                            <label class="form-label" for="title">Başlık 3 ({{ lang.shortTitle|upper }})</label>
                            <input type="text" id="title" class="form-control" name="static_text_lang[{{ lang.shortTitle }}][title3]" value="{{ staticTextLang.title3|default }}" placeholder="Opsiyonel"  />
                        </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 name="static_text_lang[{{ lang.shortTitle }}][description]" id="description"  class="form-control" placeholder="Opsiyonel">{{ staticTextLang.description|default }}</textarea>
                        </div>
                    </div>

                </div>
            {% endfor %}


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



<hr>
<div class="row">
   <div class="col-md-4">
       <div class="form-group">
           <label for="">Alias  :</label>
           <input type="text" class="form-control" value="{{ staticText.alias|default }}"  name="staticText[alias]" id=""    />
       </div>
   </div>
</div>
<div class="row">
   <div class="col-md-4">
       <div class="form-group">
           <label for="">İkon  :</label>
           <input type="text" class="form-control" value="{{ staticText.icon|default }}"  name="staticText[icon]" id=""    />
       </div>
   </div>
</div>
<div class="row">
    <div class="col-md-4">

        {% if staticText.imageFile|default %}
            {% set dir = getStaticTextImgDir(staticText) %}
            {% set imageFullPath=  dir|default~staticText.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  {{ staticTextGroup.imageSize|default }} :</label>
            <input type="file" class="form-control"  name="image" accept=".jpg, .JPG, .jpeg , .PNG, .svg"    />
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <div class="form-group">
            <label for="">Link  :</label>
            <input type="text" class="form-control" value="{{ staticText.link|default }}"  name="staticText[link]" id=""    />
        </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="staticText[is_enabled]" value="1"
            {% if staticText|default%}
                    {{ staticText.isEnabled|default ? 'checked' : ''  }}
                    {% else %}checked
                    {% endif %}
            >
            <label class="custom-control-label" for="stok-tracked">Aktif ?</label>
        </div>
    </div>
</div>


{{ button.button_submit() }}