{% extends 'admin/admin_base_new.html.twig' %}
{% import "admin/Macros/Buttons/_button.html.twig" as button %}

{% if campaign is not defined %}{% set campaign = {} %}{% endif %}

{% set page_title = "Kampanya Ekle" %}
{% block title %}{{ page_title }}{% endblock %}

{% block breadcrumb %}
    {% set fields = [
        {'name':'Kampanyalar','href':path('admin_campaign_index') },
        { 'name': page_title }] %}
    {% include 'admin/Common/_breadcrumb.html.twig' %}
{% endblock %}

{% block stylesheets %}
    <style>
        .tox-target + .tox.tox-tinymce {
            margin-bottom: 1.25rem;
        }
    </style>
{% endblock %}

{% block body %}
    <div class="card">
        <div class="card-content">
            <div class="card-body">
                <form action="{{ path('admin_campaign_new') }}" method="post" id="entityForm">
                    {% include "admin/Main/Campaign/_form.html.twig" %}
                </form>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script>
        $(document).ready(function () {
            $(".flatpickr").flatpickr();
            
            let $categories = $("#categories");
            let $products = $("#products");
            $("#campaignType").change(function () {
                let $selectedOption = $(this).find("option:selected");
                let typeDescription = $selectedOption.data("desc");
                let $promotionProducts = $("#promotionProducts");
                let $minPrice = $("#minPrice");
                let $thOrder = $("#thOrder");
                let $buyPayFields = $("#buyPayFields");

                $("#campaignTypeMsg").text(typeDescription);
                $categories.prop("disabled", false).parent().show();
                $products.prop("multiple", true);
                $promotionProducts.prop("disabled", true).parent().hide();
                $minPrice.prop("disabled", true).parent().hide();
                $thOrder.prop("disabled", true).parent().hide();
                $buyPayFields.hide().find("input").prop("disabled", true);

                let val = this.value;
                if (val === "basket_discount") {
                    $minPrice.prop("disabled", false).parent().show();
                } else if (val === "member_order") {
                    $thOrder.prop("disabled", false).parent().show();
                } else if (val === "buy_pay") {
                    $buyPayFields.show().find("input").prop("disabled", false);
                } else if (val === "promotion") {
                    $categories.prop("disabled", true).parent().hide();
                    $products.prop("multiple", false).val("").trigger("change");
                    $promotionProducts.prop("disabled", false).parent().show();
                }
            });
            $categories.change(function () {
                if (this.value) {
                    $products.prop("disabled", true);
                } else {
                    $products.prop("disabled", false);
                }
            });
            $products.change(function () {
                if (this.value) {
                    $categories.prop("disabled", true);
                } else {
                    $categories.prop("disabled", false);
                }
            });
            $('[name="all_products"]').change(function () {
                $products.prop("disabled", this.value === "1");
                if (this.value === "1") {
                    $categories.prop("disabled", true);
                } else {
                    $products.trigger("change");
                }
            });
        });
    </script>
{% endblock %}