{% 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 nav-line-tabs mb-4" role="tablist">
            {% for lang in getLangs() %}
                <li class="nav-item">
                    <a class="nav-link pt-0 {{ loop.first ? 'active' }}" data-bs-toggle="tab" href="#lang-{{ lang.shortTitle }}">{{ lang.shortTitle|upper }}</a>
                </li>
            {% endfor %}
        </ul>
        <div class="tab-content">
            {% for lang in getLangs() %}
                {% set settingLang =  globalSettingLangs[lang.shortTitle]|default %}
                <div class="tab-pane fade {{ loop.first ? 'show active' }}" id="lang-{{ lang.shortTitle }}" role="tabpanel">
                    <div class="row">
                        <div class="form-group col-md-6 mb-5">
                            <label class="form-label" for="title">Site Başlığı ({{ lang.shortTitle|upper }})</label>
                            <input type="text" id="title" class="form-control form-control-solid"
                                   name="lang[{{ lang.shortTitle }}][meta_title]"
                                   value="{{ settingLang.metaTitle|default }}" required/>
                        </div>
                        <div class="form-group col-md-6 mb-5">
                            <label class="form-label" for="title">Meta Açıklama ({{ lang.shortTitle|upper }})</label>
                            <textarea name="lang[{{ lang.shortTitle }}][meta_description]"
                                      class="form-control form-control-solid">{{ settingLang.metaDescription|default }}</textarea>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
</div>
<div class="row">
    <div class="form-group col-md-6 mb-5">
        <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 form-control-solid" name="system_email" value="{{ globalSetting.systemMail|default }}">
            <div class="form-control-position">
                <i class="fas fa-mail-bulk"></i>
            </div>
        </fieldset>
    </div>
    <div class="form-group col-md-6 mb-5">
        <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 form-control-solid" data-mask="phone" name="system_phone"
                   value="{{ globalSetting.systemPhone|default }}">
            <div class="form-control-position">
                <i class="fas fa-phone"></i>
            </div>
        </fieldset>
    </div>
    <div class="form-group col-md-12 mb-5">
        <label class="form-label" for="title">Google Analistik Kodu</label>
        <textarea name="google_analystic_code"
                  class="form-control form-control-solid">{{ globalSetting.googleAnalysticCode|default }}</textarea>
    </div>
{#    <div class="col-12 col-sm-6 mb-5">#}
{#        <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 form-control-solid" id="" name="monthly_order_target"#}
{#                       value="{{ globalSetting.monthlyOrderTarget|default }}">#}
{#                <div class="form-control-position">#}
{#                    <i class="fas fa-arrow-trend-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 form-control-solid" id="" name="yearly_order_target"#}
{#                       value="{{ globalSetting.yearlyOrderTarget|default }}">#}
{#                <div class="form-control-position">#}
{#                    <i class="fas fa-arrow-trend-up"></i>#}
{#                </div>#}
{#            </fieldset>#}
{#        </div>#}
{#    </div>#}
{#    <div class="col-6">#}
{#        <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 form-control-solid" id="" name="cargo_price"#}
{#                       value="{{ globalSetting.cargoPrice|default }}">#}
{#                <div class="form-control-position">#}
{#                    <i class="fas fa-truck"></i>#}
{#                </div>#}
{#            </fieldset>#}
{#        </div>#}
{#    </div>#}
{#    <div class="col-6">#}
{#        <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 form-control-solid" id="" name="free_shipping_limit"#}
{#                       value="{{ globalSetting.freeShippingLimit|default }}">#}
{#                <div class="form-control-position">#}
{#                    <i class="fas 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="fv-row">
            {#<label class="col-lg-2 col-form-label text-lg-right">Logo:</label>
            <div class="dropzone text-start" id="productMainImage">
                <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">Yalnızca <b>1</b> dosya ekleyebilirsiniz</span>
                    </div>
                </div>
                <div class="dropzone-items"></div>
            </div>#}
            {% set files = [] %}
            {% set langs = [] %}

            {% if globalSetting.logo|default %}
                {% set files = files|merge([{
                    id: globalSetting.id,
                    name: globalSetting.logo,
                    langs: langs,
                    location: asset(getParameters('site_logo_dir') ~ globalSetting.logo)
                }]) %}
            {% endif %}
            {{ include('admin/Common/_dropzone.html.twig', {
                name: 'logo',
                labelName: 'Logo',
                dimensions: '540x540',
                files: files,
                options: {acceptedFiles: 'image/jpeg'},
                isDropzoneAlt: false,
            }, with_context = false) }}
        </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="fv-row mb-10">
            {#<label class="col-lg-2 col-form-label text-lg-right">Favicon:</label>
            <div class="dropzone text-start" id="productMainImage2">
                <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">Yalnızca <b>1</b> dosya ekleyebilirsiniz</span>
                    </div>
                </div>
                <div class="dropzone-items"></div>
            </div>#}
            {% set files = [] %}
            {% set langs = [] %}
            {% if globalSetting.favicon|default %}
                {% set files = files|merge([{
                    id: globalSetting.id,
                    name: globalSetting.favicon,
                    langs: langs,
                    location: asset(getParameters('site_logo_dir') ~ globalSetting.favicon)
                }]) %}
            {% endif %}
            {{ include('admin/Common/_dropzone.html.twig', {
                name: 'favicon',
                labelName: 'Favicon',
                dimensions: '540x540',
                files: files,
                options: {acceptedFiles: 'image/*'},
                isDropzoneAlt: false,
            }, with_context = false) }}
        </div>
    </div>
</div>

{{ include('admin/Macros/Buttons/_save_button.html.twig') }}