{% import "admin/Macros/Buttons/_button.html.twig" as button %}
{% set langs = getLangs() %}

<div class="row mb-5">
    <div class="col-lg-6">
        <label class="form-label" for="campaignType">
            Kampanya Tipi
            <small class="d-block text-info" id="campaignTypeMsg"></small>
        </label>
        <select id="campaignType" class="form-select form-select-solid" name="campaign_type" data-control="select2" data-placeholder="Kampanya Tipi Seçiniz">
            <option></option>
            {% for type in campaignTypes %}
                <option value="{{ type.alias }}" data-desc="{{ type.description }}" {% if campaign.campaignType.id|default == type.id %}selected{% endif %}>{{ type.title }}</option>
            {% endfor %}
        </select>
    </div>
</div>
<hr class="border">
<div class="row mb-5">
    <div class="col-lg-6 mb-5">
        <label class="form-label" for="startDate">Başlangıç Tarihi</label>
        <input name="start_date" value="{{ campaign.startDate|default ? campaign.startDate|date('Y-m-d') }}" class="form-control flatpickr" id="startDate">
    </div>
    <div class="col-lg-6 mb-5">
        <label class="form-label" for="endDate">Bitiş Tarihi</label>
        <input name="end_date" value="{{ campaign.endDate|default ? campaign.endDate|date('Y-m-d') }}" class="form-control flatpickr" id="endDate">
    </div>
    <div class="col-lg-6 mb-5">
        {% if campaign is not empty %}
            {% set activeCategoryIds = [] %}
            {% for category in campaign.products|filter(p => p.category != null)|default %}
                {% set activeCategoryIds = activeCategoryIds|merge([category.id]) %}
            {% endfor %}
        {% endif %}
        <label class="form-label" for="categories">Kategoriler</label>
        <select id="categories" class="form-select form-select-solid" name="categories[]" data-control="select2" data-close-on-select="false" data-placeholder="Kategori Seçiniz" data-allow-clear="true" multiple="multiple">
            <option></option>
            {% include "admin/Main/Product/Category/_categoryOptions.html.twig" %}
        </select>
    </div>
    <div class="col-lg-6 mb-5">
        <div class="d-flex align-items-center form-label">
            <label for="products">Ürünler</label>
            <div class="form-check form-check-custom form-check-solid form-check-sm ms-3">
                <input class="form-check-input" type="radio" name="all_products" value="1" id="allProductsOn" {% if campaign is not empty and campaign.allProducts == 1 %}checked{% endif %}/>
                <label class="form-check-label" for="allProductsOn">Tümü</label>
            </div>
            <div class="form-check form-check-custom form-check-solid form-check-sm ms-3">
                <input class="form-check-input" type="radio" name="all_products" value="0" id="allProductsOff" {% if campaign is empty or campaign.allProducts|default(0) == 0 %}checked{% endif %}/>
                <label class="form-check-label" for="allProductsOff">Özel</label>
            </div>
        </div>
        <select id="products" class="form-select form-select-solid" name="products[]" data-control="select2" data-close-on-select="false" data-placeholder="Ürün Seçiniz" data-allow-clear="true" multiple="multiple">
            <option></option>
            {% for product in getProductList({limit: 15}) %}
                {% set productLang = getProductLangs({'product':product}) %}
                <option value="{{ product.id }}" {% if product in campaign.products|default %}selected{% endif %}>{{ productLang['tr'].name }}</option>
            {% endfor %}
        </select>
    </div>
    <div class="col-lg-6 mb-5" style="display: none">
        <label class="form-label" for="promotionProducts">Promosyon Ürünler</label>
        <select id="promotionProducts" class="form-select form-select-solid" name="promotion_products[]" data-control="select2" data-close-on-select="false" data-placeholder="Ürün Seçiniz" data-allow-clear="true" multiple="multiple" disabled>
            <option></option>
            {% for product in getProductList({limit: 15}) %}
                {% set productLang = getProductLangs({'product':product}) %}
                <option value="{{ product.id }}" {% if product in campaign.products.promotions|default %}selected{% endif %}>{{ productLang['tr'].name }}</option>
            {% endfor %}
        </select>
    </div>
    <div class="col-lg-6 mb-5" style="display: none">
        <label class="form-label" for="minPrice">Min Tutar</label>
        <input type="number" name="min_price" value="{{ campaign.minPrice|default }}" class="form-control" id="minPrice" disabled>
    </div>
    <div class="col-lg-6 mb-5" style="display: none;">
        <label class="form-label" for="thOrder">Kullanıcı Siparişi</label>
        <input type="number" name="th_order" value="{{ campaign.thOrder|default }}" class="form-control" id="thOrder" disabled>
    </div>
    <div class="col-lg-6 mb-5" id="buyPayFields" style="display: none">
        <label class="form-label">Al/Öde</label>
        <div class="input-group">
            <input type="number" name="buy_by" value="{{ campaign.buyBy|default }}" class="form-control" id="buyBy" aria-label="...al" disabled>
            <input type="number" name="pay_by" value="{{ campaign.payBy|default }}" class="form-control" id="payBy" aria-label="...öde" disabled>
        </div>
    </div>
    <div class="col-lg-6 mb-5">
        <label class="form-label" for="percentDiscount">İndirim Tipi / Tutarı</label>
        <div class="input-group">
            <span class="input-group-text p-0">
                <select id="percentDiscount" class="form-select form-select-solid w-auto" name="percent_discount" data-control="select2" data-placeholder="İndirim Tipi Seçiniz" data-hide-search="true">
                    <option value="1" {% if campaign is empty or campaign.percentDiscount|default(0) %}selected{% endif %}>%</option>
                    <option value="0" {% if campaign is not empty and campaign.percentDiscount == 0 %}selected{% endif %}>₺</option>
                </select>
            </span>
            <input type="number" name="discount_amount" value="{{ campaign.discountAmount|default }}" class="form-control" id="discountAmount" aria-label="indirim tutarı">
        </div>
    </div>
    <div class="col-12"><hr class="border mb-6"></div>
    <div class="col-lg-6">
        <div class="d-flex flex-stack mb-5">
            <div class="me-5 fw-semibold">
                <label class="fs-6">Kampanya Durumu</label>
                <div class="fs-7 text-muted">Pasif kampanyalar sitede görünmeyecektir ve kullanılamayacaktır</div>
            </div>
            <label class="form-check form-switch form-check-custom form-check-solid">
                <input class="form-check-input" type="checkbox" name="is_enabled" {% if campaign.enabled|default(1) %}checked{% endif %}/>
                <span class="form-check-label fw-semibold text-muted">Aktif</span>
            </label>
        </div>
        <div class="d-flex flex-stack mb-5">
            <div class="me-5 fw-semibold">
                <label class="fs-6">Gizli Kampanya</label>
                <div class="fs-7 text-muted">Gizli kampanyalar sitede görünmeyecektir</div>
            </div>
            <label class="form-check form-switch form-check-custom form-check-solid">
                <input class="form-check-input" type="checkbox" name="private" {% if campaign.private|default(0) %}checked{% endif %}/>
                <span class="form-check-label fw-semibold text-muted">Aktif</span>
            </label>
        </div>
        <div class="d-flex flex-stack mb-5">
            <div class="me-5 fw-semibold">
                <label class="fs-6">Anasayfada Göster</label>
            </div>
            <label class="form-check form-switch form-check-custom form-check-solid">
                <input class="form-check-input" type="checkbox" name="show_home" {% if campaign.showHome|default %}checked{% endif %}/>
                <span class="form-check-label fw-semibold text-muted">Aktif</span>
            </label>
        </div>
        <div class="d-flex flex-stack mb-5">
            <div class="me-5 fw-semibold">
                <label class="fs-6">Ücretsiz Kargo</label>
            </div>
            <label class="form-check form-switch form-check-custom form-check-solid">
                <input class="form-check-input" type="checkbox" name="free_shipping" {% if campaign.freeShipping|default %}checked{% endif %}/>
                <span class="form-check-label fw-semibold text-muted">Aktif</span>
            </label>
        </div>
    </div>
</div>
<ul class="nav nav-tabs nav-line-tabs mb-5 fs-6">
    {% for lang in langs %}
        <li class="nav-item">
            <a class="nav-link {{ loop.index == 1 ? 'active' }}" data-bs-toggle="tab" href="#kt_tab_pane_{{ lang.shortTitle }}">
                {{ lang.shortTitle|upper }}
            </a>
        </li>
    {% endfor %}
</ul>
<div class="tab-content mb-10">
    {% for lang in langs %}
        {% set campaignLang = campaign is empty ? [] : getCampaignLangs({campaign: campaign}) %}
        <div class="tab-pane fade {{ loop.index == 1 ? 'show active' }}" id="kt_tab_pane_{{ lang.shortTitle }}" role="tabpanel">
            <div class="form-group row">
                <div class="col-6">
                    <label class="form-label required" for="banner_lang_{{ lang.shortTitle }}_title">Başlık ({{ lang.shortTitle|upper }})</label>
                    <input type="text" id="banner_lang_{{ lang.shortTitle }}_title" class="form-control form-control-solid" name="lang[{{ lang.shortTitle }}][title]" value="{{ campaignLang['tr'].title|default }}" placeholder="Başlık" required/>
                </div>
                <div class="col-6">
                    <label class="form-label" for="banner_lang_{{ lang.shortTitle }}_description">Açıklama ({{ lang.shortTitle|upper }})</label>
                    <input type="text" id="banner_lang_{{ lang.shortTitle }}_description" class="form-control form-control-solid" name="lang[{{ lang.shortTitle }}][description]" value="{{ campaignLang['tr'].description|default }}" placeholder="Açıklama"/>
                </div>
            </div>
        </div>
    {% endfor %}
</div>

{#{{ button.button_submit() }}#}

<button type="submit" class="btn btn-light-primary">
    <span class="indicator-label">Kaydet</span>
    <span class="indicator-progress">Kaydediliyor...
        <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
    </span>
</button>