{% 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 settingLang =  globalSettingLangs[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">Site Sloganı ({{ lang.shortTitle|upper }})</label>
                            <input type="text" id="title" class="form-control"
                                   name="lang[{{ lang.shortTitle }}][meta_slogan]"
                                   value="{{ settingLang.metaSlogan|default }}" required/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-md-4">
                            <label class="form-label" for="title">Site Başlığı ({{ lang.shortTitle|upper }})</label>
                            <input type="text" id="title" class="form-control"
                                   name="lang[{{ lang.shortTitle }}][meta_title]"
                                   value="{{ settingLang.metaTitle|default }}" required/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-md-4">
                            <label class="form-label" for="title">Meta Açıklama ({{ lang.shortTitle|upper }})</label>
                            <textarea name="lang[{{ lang.shortTitle }}][meta_description]"
                                      class="form-control">{{ settingLang.metaDescription|default }}</textarea>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
</div>
<div class="row">
    <div class="form-group col-md-12">
        <label class="form-label" for="title">Sistem E-mail</label>
        <fieldset class="form-group position-relative has-icon-left input-divider-left">
            <input type="text" class="form-control" name="system_email" value="{{ globalSetting.systemMail|default }}">
            <div class="form-control-position">
                <i class="feather icon-mail"></i>
            </div>
        </fieldset>
    </div>
    <div class="form-group col-md-12">
        <label class="form-label" for="title">Sistem Telefonu</label>
        <fieldset class="form-group position-relative has-icon-left input-divider-left">
            <input type="text" class="form-control" data-mask="phone" name="system_phone"
                   value="{{ globalSetting.systemPhone|default }}">
            <div class="form-control-position">
                <i class="feather icon-phone"></i>
            </div>
        </fieldset>
    </div>
    <div class="form-group col-md-12">
        <label class="form-label" for="title">Google Analistik Kodu</label>
        <textarea name="google_analystic_code"
                  class="form-control">{{ globalSetting.googleAnalysticCode|default }}</textarea>
    </div>
    <div class="col-12 col-sm-6">
        <div class="form-group">
            <label for="account-company">Aylık Sipariş Hedefi</label>
            <fieldset class="form-group position-relative has-icon-left input-divider-left">
                <input type="number" class="form-control" id="" name="monthly_order_target"
                       value="{{ globalSetting.monthlyOrderTarget|default }}">
                <div class="form-control-position">
                    <i class="feather icon-trending-up"></i>
                </div>
            </fieldset>
        </div>
    </div>
    <div class="col-12 col-sm-6">
        <div class="form-group">
            <label for="account-company">Yıllık Sipariş Hedefi</label>
            <fieldset class="form-group position-relative has-icon-left input-divider-left">
                <input type="number" class="form-control" id="" name="yearly_order_target"
                       value="{{ globalSetting.yearlyOrderTarget|default }}">
                <div class="form-control-position">
                    <i class="feather icon-trending-up"></i>
                </div>
            </fieldset>
        </div>
    </div>
    <div class="col-12">
        <div class="form-group">
            <label for="account-company">Kargo Ücreti</label>
            <fieldset class="form-group position-relative has-icon-left input-divider-left">
                <input type="number" class="form-control" id="" name="cargo_price"
                       value="{{ globalSetting.cargoPrice|default }}">
                <div class="form-control-position">
                    <i class="fa fa-truck"></i>
                </div>
            </fieldset>
        </div>
    </div>
    <div class="col-12">
        <div class="form-group">
            <label for="account-company">Ücretsiz Kargo için Sepet Limiti</label>
            <fieldset class="form-group position-relative has-icon-left input-divider-left">
                <input type="number" class="form-control" id="" name="free_shipping_limit"
                       value="{{ globalSetting.freeShippingLimit|default }}">
                <div class="form-control-position">
                    <i class="fa fa-truck"></i>
                </div>
            </fieldset>
        </div>
    </div>
    <div class="col-12 ">
        {% if globalSetting.logo|default %}
            {% set dir = getParameters('site_logo_dir') %}
            {% set imageFullPath=  dir|default~globalSetting.logo|default %}
            <div class="preview-logo">
                <a href="{{ asset(imageFullPath) }}" data-fancybox><img src="{{ asset(imageFullPath) }}" alt=""></a>
            </div>
        {% endif %}
        <div class="form-group">
            <label for="">Logo :</label>
            <input type="file" class="form-control" name="logo" accept="image/*"/>
        </div>
    </div>
    <div class="col-12">
        {% if globalSetting.favicon|default %}
            {% set dir = getParameters('site_logo_dir') %}
            {% set imageFullPath=  dir|default~globalSetting.favicon|default %}
            <div class="preview-logo">
                <a href="{{ asset(imageFullPath) }}" data-fancybox><img src="{{ asset(imageFullPath) }}" alt=""></a>
            </div>
        {% endif %}
        <div class="form-group">
            <label for="">Favicon :</label>
            <input type="file" class="form-control" name="favicon"/>
        </div>
    </div>
</div>

{{ button.button_submit() }}