{% 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="child[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="child[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="row">
        <div class="form-group col-md-3">
            <label class="form-label" for="title">Linkedin</label>

            <div class="input-group">
                <div class="input-group-prepend">
                    <button class="btn btn-warning waves-effect waves-light" type="button"><i style="padding-right: 0px;" class="fa-brands fa-linkedin pr-0"></i>
                    </button>
                </div>
                <input type="text" name="linkedin_link" class="form-control form-control-solid mt-0" placeholder=""
                       value="{{ globalSetting.linkedinLink|default }}">
            </div>
        </div>
        <div class="form-group col-md-3">
            <label class="form-label" for="title">Instagram</label>

            <div class="input-group">
                <div class="input-group-prepend">
                    <button class="btn btn-warning waves-effect waves-light" type="button"><i style="padding-right: 0px;" class="fa-brands fa-instagram pr-0"></i>
                    </button>
                </div>
                <input type="text" name="instagram_link" class="form-control form-control-solid mt-0" placeholder=""
                       value="{{ globalSetting.instagramLink|default }}">
            </div>
        </div>
        <div class="form-group col-md-3">
            <label class="form-label" for="title">Youtube</label>

            <div class="input-group">
                <div class="input-group-prepend">
                    <button class="btn btn-warning waves-effect waves-light" type="button"><i style="padding-right: 0px;" class="fa-brands fa-youtube"></i>
                    </button>
                </div>
                <input type="text" name="youtube_link" class="form-control form-control-solid mt-0" placeholder=""
                       value="{{ globalSetting.youtubeLink|default }}">
            </div>
        </div>
    </div>
    <div class="col-12 ">
        {% set logoDimensions = '540x540' %}
        <input type="hidden" name="child[dims][logo]" value="{{ logoDimensions|preparingForResolutionArray }}">

        <div class="fv-row">
            {% 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: logoDimensions,
                files: files,
                options: {acceptedFiles: '.jpeg,.jpg,.png,.webp,.gif,.bmp,.svg'},
                isDropzoneAlt: false,
            }, with_context = false) }}
        </div>
    </div>
    <div class="col-12">
        {% set faviconDimensions = '540x540' %}
        <input type="hidden" name="child[dims][favicon]" value="{{ faviconDimensions|preparingForResolutionArray }}">

        <div class="fv-row mb-10">
            {% 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: faviconDimensions,
                files: files,
                options: {acceptedFiles: '.jpeg,.jpg,.png,.webp,.gif,.bmp,.svg'},
                isDropzoneAlt: false,
            }, with_context = false) }}
        </div>
    </div>
</div>

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