{% extends 'main_base.html.twig' %}
{% block title %}Warenkorb{% endblock %}
{% block description %}Warenkorb{% endblock %}
{% block content %}
    <div class="cart__section__wrapper">
        <div class="cart__section accordion" id="accordionExample">
            <form action="{{ path('main_bestellubersicht') }}" method="post" autocomplete="off"
                  class="bestellungen-form" name="bestellungen-form"
                  id="bestellungen-form">

                <div class="cart__section-title d-flex justify-content-between ">
                    <h1>Bestellübersicht</h1>
                    <div class="prive">CHF</div>
                </div>
                <div class="cart__section-accordions accordion-item ">
                    <h2 class="accordion-header cart__section-accordions-header">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                data-bs-target="#cartOne"
                                aria-expanded="true" aria-controls="cartOne">
                            Warenkorb
                        </button>
                    </h2>
                    <div id="cartOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
                        <div class="accordion-body d-flex flex-column">
                            <div class="title__section">
                                <h3 class="title__section-product__title">Artikel</h3>
                                <h3 class="title__section-product__amount">Menge </h3>
                                <h3 class="title__section-product__buyer_information">Personalisierung</h3>
                            </div>
                            <div id="korb-sect">
                                {% include 'main/Korb/korb_items.html.twig' %}
                            </div>
                        </div>
                    </div>
                </div>
                {#Rabatt#}
                {% if app.user %}
                    {% if app.user.userTyped.id == 1 %}
                        <div class="profile__section-accordions accordion-item ">
                            <h2 class="accordion-header profile__section-accordions-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#cartTwo"
                                        aria-expanded="false" aria-controls="cartTwo">
                                    {% if indirim.baslik|default=='vip' %}Rabatt{% else %}Gutschein {% endif %}
                                </button>
                            </h2>
                            <div class="mx-auto">{% if indirim.durum|default(0)==1 %}erfasst{% endif %}</div>
                            <div id="cartTwo" class="accordion-collapse collapse " data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <div class="cart__section-cart__informations input__sections primary__input__section">
                                        <div class="coupon__code d-flex justify-content-between align-items-center">
                                            <div class="coupon__code-left__wrapper d-flex">

                                                {% if indirim.baslik|default=='vip' %}
                                                    <div class="coupon__code-title">
                                                        <h4>Rabatt</h4>
                                                    </div>
                                                {% else %}
                                                    <div class="coupon__code-title">
                                                        <h4>Gutscheincode</h4>
                                                    </div>
                                                    <input type="text" id="basket-coupon"
                                                           class="basket-code black coupon__code-code__input"
                                                           value="{% if app.session.get('kupon') %}{{ app.session.get('kupon') }}{% endif %}">
                                                {% endif %}
                                                <div class="col-sm-4 text-center coupon__code-code__input forward__btn__wrapper mb-0">
                                                    {% if indirim.baslik|default!='vip'|default %}
                                                        <div class="basket-info-input m-0 black forward__btn"
                                                              onclick="checkCouponCode()">einlösen <span></span></div>
                                                              
                                                    {% endif %}
                                                </div>

                                            </div>
                                            <span class="coupon__code-earned__price">
                                   {% if indirim|default(0)>0 %}{{ indirim.indirim|number_format(2,'.','') }}{% else %}0.00{% endif %}
                                </span>
                                        </div>
                                        <div class="total__price d-flex justify-content-between align-items-center ">
                                            <div class="total__price-title">
                                                <h4>Zwischentotal</h4>
                                            </div>
                                            <span class="f-right coupon-price total__price-earned__price"
                                                  id="basket-coupon-price">0.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endif %}
                {% else %}
                    <div class="profile__section-accordions accordion-item ">
                        <h2 class="accordion-header profile__section-accordions-header">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#cartTwo"
                                    aria-expanded="false" aria-controls="cartTwo">
                                {% if indirim.baslik|default=='vip' %}Rabatt{% else %}Gutschein {% endif %}
                            </button>
                        </h2>
                        <div class="mx-auto">{% if indirim.durum|default(0)==1 %}erfasst{% endif %}</div>
                        <div id="cartTwo" class="accordion-collapse collapse " data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <div class="cart__section-cart__informations input__sections primary__input__section">
                                    <div class="coupon__code d-flex justify-content-between align-items-center">
                                        <div class="coupon__code-left__wrapper d-flex">

                                            {% if indirim.baslik|default=='vip' %}
                                                <div class="coupon__code-title">
                                                    <h4>Rabatt</h4>
                                                </div>
                                            {% else %}
                                                <div class="coupon__code-title">
                                                    <h4>Gutscheincode</h4>
                                                </div>
                                                <input type="text" id="basket-coupon"
                                                       class="basket-code black coupon__code-code__input"
                                                       value="{% if app.session.get('kupon') %}{{ app.session.get('kupon') }}{% endif %}">
                                            {% endif %}

                                            <div class="col-sm-4 text-center coupon__code-code__input forward__btn__wrapper mb-0">
                                                {% if indirim.baslik|default!='vip'|default %}
                                                    <span class="basket-info-input m-0 black forward__btn"
                                                          onclick="checkCouponCode()">einlösen <span></span></span>
                                                {% endif %}
                                            </div>
                                        </div>
                                        <span class="f-right coupon-price coupon__code-earned__price">{% if indirim|default(0)>0 %}{{ indirim.indirim|number_format(2,'.','') }}{% else %}0.00{% endif %}</span>
                                    </div>
                                    <div class="total__price d-flex justify-content-between align-items-center ">
                                        <div class="total__price-title">
                                            <h4>Zwischentotal</h4>
                                        </div>
                                        <span class="f-right coupon-price total__price-earned__price"
                                              id="basket-coupon-price">0.00</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endif %}
                <div class="profile__section-accordions accordion-item  ">
                    <h2 class="accordion-header profile__section-accordions-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#cartThree"
                                aria-expanded="false" aria-controls="cartThree">
                            Rechnungs - und Lieferadresse
                        </button>
                    </h2>
                    <div id="cartThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                        {% include 'main/Korb/korb_user.html.twig' %}
                    </div>
                </div>
                <div class="cart__section-accordions accordion-item ">
                    <h2 class="accordion-header profile__section-accordions-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#cartFour"
                                aria-expanded="false" aria-controls="cartFour">
                            Lieferart
                        </button>
                    </h2>
                    <div id="cartFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                        <div class="radio__options accordion-body">
                            <div class="radio__option">
                                {% include 'main/Korb/korb_lieferart.html.twig' %}
                                <div class="shipping__total">
                                    <div class="shipping__total-title">Zwischentotal</div>
                                    <div class="shipping__total-price">
                                        {{ prices['currentCargo']['name']|default }} <span class="f-right"
                                                                                           id="cargo-price">0.00</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="profile__section-accordions accordion-item ">
                    <h2 class="accordion-header profile__section-accordions-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#cartFive"
                                aria-expanded="false" aria-controls="cartFive">
                            Zahlungsart
                        </button>
                    </h2>
                    <div id="cartFive" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                        <div class="radio__options accordion-body">
                            <div class="radio__option">
                                <div class="radio__section">
                                    <div class="radio__section-radio__sections">
                                        {% include 'main/Korb/korb_zahlungsart.html.twig' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="total">
                    <span class="total-title">Total</span>
                    <span class="total-price basket_total_price" id="basket_total_price"></span>
                </div>
                {% if korb %}
                    <div class="forward__btn__wrapper">
                        <button class="d-flex align-items-center basket-finish" type="submit" id="send_basket"><span>Weiter </span><span></span>
                        </button>
                    </div>
                {% endif %}
            </form>
        </div>
    </div>
{% endblock %}
{% block footer %}
    <div class="modal fade" id="removeSuccessModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-top">
            <a href="{{ path('main_homepage') }}" class="site-logo">
                <img src="{{ asset('media/logo/logo.png') }}" alt="yondy">
                <span>yondy</span>
            </a>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <img src="{{ asset('assets/main/images/close.png') }}" width="30" height="30" alt="close">
            </button>
        </div>
        <div class="modal-dialog modal-dialog-centered h-100" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Artikel wurde aus dem Warenkorb gelöscht</h5>
                </div>
                <div class="modal-body"></div>
                <div class="modal-footer justify-content-end">
                    {# <button type="button" class="btn md-btn md-btn-dismiss" data-dismiss="modal">
                        <span>weiter einkaufen</span>
                    </button> #}
                    <button type="button" class="btn md-btn" data-dismiss="modal">
                        <img src="{{ asset('assets/main/new/images/icon/green-tick.svg') }}" width="33" height="33"
                             alt="ok">
                        <span>Ok</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade role-alert" id="alertModal" tabindex="-1" role="alert" aria-hidden="false">
        <div class="modal-top">
            <a href="{{ path('main_homepage') }}" class="site-logo">
                <img src="{{ asset('media/logo/logo.png') }}" alt="modular lernen">
                <span>yondy</span>
            </a>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <img src="{{ asset('assets/main/images/close.png') }}" width="30" height="30" alt="close">
            </button>
        </div>
        <div class="modal-dialog modal-dialog-centered h-100" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"></h5>
                </div>
                <div class="modal-body"></div>
                <div class="modal-footer justify-content-end">
                    {# <button type="button" class="btn md-btn md-btn-dismiss" data-dismiss="modal">
                        <span>weiter einkaufen</span>
                    </button> #}
                    <button type="button" class="btn md-btn" data-dismiss="modal" aria-label="Close">
                        <img src="{{ asset('assets/main/new/images/icon/green-tick.svg') }}" width="33" height="33"
                             alt="ok">
                        <span>Ok</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block pageScript %}
    <script>
        $('#profile_typ').change(function () {
            $val = $(this).val();
            if ($val == 0) {
                $('#profile_firma').removeAttr('required').parent().hide();
                $('#profile_name').attr('required', 'required')/*.attr('oninvalid', $valid1).attr('oninput', $valid2)*/;
                $('#profile_vorname').attr('required', 'required')/*.attr('oninvalid', $valid1).attr('oninput', $valid2)*/;
                $('.yildiz_kontrol').show();
            } else {
                $('#profile_firma').attr('required', 'required').parent().show();
                $('#profile_name').removeAttr('required')/*.removeAttr('oninvalid').removeAttr('oninput')*/;
                $('#profile_vorname').removeAttr('required')/*.removeAttr('oninvalid').removeAttr('oninput')*/;
                $('.yildiz_kontrol').hide();
            }
        });

        $("select[name='an']").each(function () {

            $(this).on("change", function () {
                var selectedValue = String($(this).val());
                if (selectedValue == '0') {

                    $(".profile__section-profile__informations .input").removeClass("notshow")
                    $("#firma-liefer").closest(".input").addClass("notshow");
                    $("#firma-liefer").val("");
                    document.getElementById('name-liefer').setAttribute('required', 'required');
                    document.getElementById('vorname-liefer').setAttribute('required', 'required');
                    $("#name-liefer").closest(".input").find(".yildiz_kontrol").show();
                    $("#vorname-liefer").closest(".input").find(".yildiz_kontrol").show();

                } else if (selectedValue == '1') {
                    $(".profile__section-profile__informations .input").removeClass("notshow")
                    document.getElementById('name-liefer').removeAttribute('required');
                    document.getElementById('vorname-liefer').removeAttribute('required');
                    $("#name-liefer").closest(".input").find(".yildiz_kontrol").hide();
                    $("#vorname-liefer").closest(".input").find(".yildiz_kontrol").hide();
                }
            })

        })

        $("#loginTab").click(function () {
            $('.sign__in-sign__up-tabs ul li').removeClass("active")
            $(this).closest("li").addClass("active")
            $('.korb__login__section').addClass("active")
            $('.korb__register__section').removeClass("active")
        })

        $("#registerTab").click(function () {
            $('.sign__in-sign__up-tabs ul li').removeClass("active")
            $(this).closest("li").addClass("active")
            $('.korb__register__section').addClass("active")
            $('.korb__login__section').removeClass("active")
        })

        $(".korbKlass").keyup(function () {
            if (this.value.startsWith(' ')) {
                this.value = this.value.trimStart();
            }
            if (this.value.match(/[^a-zA-Z\séóëşüäçèêö]/g)) {
                this.value = this.value.replace(/[^a-zA-Z\séóëşüäçèêö]/g, '');
            }
        });
        $(".valid-password").on("input", function () {
            validPassWord(this);
        });
        $(document).on("keydown", "#bestellungen-form", function (event) {
            return event.key !== "Enter";
        });
        $('input[name="liefer-address"]').on('change', function () {
            if (this.value === "0") {
                $('#lieferadresse').addClass("d-none").find(".address-grid:not('.d-none') [name]").prop("disabled", true);
            } else {
                $('#lieferadresse').removeClass("d-none").show().find(".address-grid:not('.d-none') [name]").prop("disabled", false);
            }
        });
        $('select[name="typ"]').on('change', function () {
            if ($(this).val() === "0") {
                $('#firma').addClass("d-none").children("input").prop("disabled", true);
            } else {
                $('#firma').removeClass("d-none").children("input").prop("disabled", false);
            }
        });
        $('#an').on('change', function () {
            if ($(this).val() === "0") {
                $('#firma-liefer').addClass("d-none").children("input").prop("disabled", true);
                $('input[name="name-liefer"]').prop("required", true).prev().html('Vorname *');
                $('input[name="vorname-liefer"]').prop("required", true).prev().html('Nachname *');
            } else {
                $('#firma-liefer').removeClass("d-none").children("input").prop("disabled", false);
                $('input[name="name-liefer"]').prop("required", false).prev().html('Vorname');
                $('input[name="vorname-liefer"]').prop("required", false).prev().html('Nachname');
            }
        });
        $('#typ').on('change', function () {
            if ($(this).val() === "0") {
                $('#firma').addClass("d-none").children("input").prop("disabled", true);
                $('input[name="name"]').prop("required", true).prev().html('Vorname *');
                $('input[name="vorname"]').prop("required", true).prev().html('Nachname *');
            } else {
                $('#firma').removeClass("d-none").children("input").prop("disabled", false);
                $('input[name="name"]').prop("required", false).prev().html('Vorname');
                $('input[name="vorname"]').prop("required", false).prev().html('Nachname');
            }
        });
        $('.styledSelect').click(function (e) {
            e.stopPropagation();
            $(this).siblings('select, input').prop('required', false);
        });
        $('.kkSlc').on('change', function () {

            {% if app.user %}
            {% if app.user.userTyped.id == 3 %}
            if ($(this).val() === '0') {
                $(this).closest('.w-auto').find('.kkSlc').prop('required', true);
            } else {
                $(this).prop('required', true);
                $(this).closest('.w-auto').find('.kkInp').prop('required', false);
            }
            {% endif %}
            {% endif %}

            $(this).closest('.w-auto').find('.kkInp').val('');
        });
        $('.kkInp').on('change', function () {
            {% if app.user %}
            {% if app.user.userTyped.id == 3 %}
            if ($(this).val() == '') {
                $(this).closest('.w-auto').find('.kkSlc').prop('required', true);
            } else {
                $(this).prop('required', true);
                $(this).closest('.w-auto').find('.kkSlc').prop('required', false);
            }
            {% endif %}
            {% endif %}

            $(this).closest('.w-auto').find('.kkSlc').val('');
        });

        $("#basket-adress-area [name]").change(function () {
            let $parentForm = $("#basket-adress-area .parent-form-1");
            if ($("[name='liefer-address']:checked").val() === "1") {
                $parentForm = $("#basket-adress-area")
            }

            /*formValidator($parentForm);*/
        });

        function emailControl(value) {
            $('.CheckMailMatch').removeClass('in-valid valid');
            $.ajax({
                type: 'POST',
                url: '{{ path('main_mail_control') }}',
                data: {value: value},
                success: function (data) {
                    if (data == 1) {
                        $("#mailC").css('border-color', '#d8d8d8');
                        $("#CheckMailMatch").html("E-Mail verwendet").removeClass('valid').addClass('in-valid');
                    } else {
                        $("#CheckMailMatch").html('');
                        $("#mailC").css('border-color', '#178b18');
                    }
                }
            });
        }

        function benutzerControl(value) {
            $('.CheckBenutzerMatch').removeClass('in-valid valid');
            $.ajax({
                type: 'POST',
                url: '{{ path('main_benutzer_control') }}',
                data: {value: value},
                success: function (data) {
                    if (data == 1) {
                        $("#userC").css('border-color', '#d8d8d8');
                        $("#CheckBenutzerMatch").html("Benutzername verwendet").removeClass('valid').addClass('in-valid');
                    } else {
                        $("#CheckBenutzerMatch").html('');
                        $("#userC").css('border-color', '#178b18');
                    }
                }
            });
        }

        $(".acordion-header").on("click", function () {
            let $acordion = $(this).parent();
            if ($acordion.hasClass("active")) {
                $acordion.removeClass("active");
                $(this).find(".acordion-icon").text("+");
                $(this).next().slideUp(500);

            } else {
                $(".acordions").removeClass("active");
                $(".acordions .acordion-icon").text("+");
                $(".acordions .acordion-body").slideUp(500);
                $acordion.addClass("active");
                $(this).find(".acordion-icon").text("-");
                $(this).next().slideDown(500);
            }
        }).first().trigger("click");

        /*Sepet + - */
        $('.management__section-amount__setup .itemQtyPl').click(function () {
            let qtyInput = $(this).siblings('.basket-qty');
            let qty = parseInt(qtyInput.val());
            let endQty = qty + 1;
            if (endQty >= 1) {
                qtyInput.val(endQty).trigger('change');
            } else {
                qtyInput.val(1).trigger('change');
            }
        });

        $('.management__section-amount__setup .itemQtyMn').click(function () {
            let qtyInput = $(this).siblings('.basket-qty');
            let qty = parseInt(qtyInput.val());
            let endQty = qty - 1;
            if (endQty >= 1) {
                qtyInput.val(endQty).trigger('change');
            } else {
                qtyInput.val(1).trigger('change');
            }
        });

        function personelHtmlRe() {
            $.ajax({
                type: 'POST',
                url: '{{ path('main_ajax_personelisierung_RE_korb') }}',
                data: '',
                success: function (data) {
                    if (data.html) {
                        calcTotalPrice();
                        methodsControl();
                        $('#korb-sect').html(data.html);
                    } else {
                        // Başarısız işlem durumunda yapılacak işlemler buraya
                        console.error("Personel HTML alınamadı.");
                    }
                },
                error: function () {
                    console.error("Sunucu hatası.");
                }
            });
        }

        $(".basket-qty").keyup(function () {
            var value = $(this).val();
            if ((value !== '') && (value.indexOf('.') === -1)) {
                $(this).val(Math.max(Math.min(value, 99), -99));
            }
            if (!parseInt(value)) {
                $(this).val('');
            }
        });

        $('.zahlung').last().trigger('click');

        $('#basket_login').on('click', function () {
            const name = $('#login-benutzername').val();
            const password = $('#login-passwort').val();

            if (name == '' || password == '') {
                let AlertText = 'Bitte füllen Sie alle Pflichtfelder aus.';
                addNotification('warning', empty)
            } else {


                $.ajax({
                    type: 'POST',
                    url: '{{ path('main_ajax_login_control') }}',
                    data: {
                        'kullanici_adi': name,
                        'sifre': password
                    },
                    success: function (data) {


                        if (data == true) {
                            window.location.href = '{{ path('main_korb_index') }}';
                        } else {
                            addNotification('warning', 'Benutzername oder Passwort sind falsch')
                        }
                    }
                });
            }
        });

        $('#korbPcontrol').click(function () {
            let AlertText = 'Bitte melden Sie sich an, um die Personalisierung einzugeben';
            addNotification('warning', AlertText)
        });

        /* Sepet Urun Silme */
        function removeItem(type, id) {
            $.ajax({
                type: 'POST',
                url: '{{ path('main_ajax_remove_korb') }}',
                data: {type: type, id: id},
                success: function (data) {
                    if (data.status === 'success') {
                        $('.product-price').each(function () {
                            var dp = $(this).data('personel');

                            if (dp == id) {
                                $(this).remove();
                            }
                        });
                        $("#basket-item-" + id).remove();
                        let basketLength = $("#basket-items .basket-item").length;
                        if (basketLength === 0) {
                            location.reload();
                        }
                        methodsControl();
                        korbAnzahl();
                        personelHtmlRe()
                    }
                }
            });
        }

        /* Sepet Urun Kopyalama */
        function duplicateItem(id) {
            $.ajax({
                type: 'POST',
                url: '{{ path('main_ajax_duplicate_korb') }}',
                data: {id: id},
                success: function (data) {
                    if (data.status === 'success') {
                        location.reload();
                    }
                }
            });
        }

        function checkCouponCode() {
            let couponCode = $('#basket-coupon').val();
            $.ajax({
                type: 'POST',
                url: '{{ path('main_ajax_coupion_control') }}',
                data: {'code': couponCode},
                success: function (ajaxCevap) {

                    let data = ajaxCevap.data;

                    $('.coupon-price').html(parseFloat(data.indirim).toFixed(2));
                    $('#basket-coupon-price').html(parseFloat(data.indirimli_tutar).toFixed(2));

                    calcTotalPrice();
                    methodsControl();
                    if (data.durum == 1) {
                        $('#coupon_status').html('eingelöst ');
                        let AlertText = 'Rabatt angewendet';
                        addNotification('warning', AlertText)

                    } else {
                        $('#coupon_status').html();

                        let AlertText = 'Gutschein ungültig';
                        addNotification('warning', AlertText)
                    }
                }
            });
        }

        function cargoChange(code) {
            let name = $('label[for="cargo-' + code + '"]').html();
            $('#cargo-name').html(name);
            methodsControl();
        }

        function paymentChange(code) {
            let name = $('label[for="payment-' + code + '"]').html();
            $('#payment-name').html(name);
            methodsControl();
        }

        let bcc = 0.00;

        function methodsControl() {
            let cargo_code = $('input[name="liefergebuhren"]:checked').val();
            let payment_code = $('input[name="zahlungsart"]:checked').val();

            

            $.ajax({
                type: 'POST',
                url: '{{ path('main_ajax_method_control') }}',
                data: {
                    'cargo': cargo_code,
                    'payment': payment_code,
                },
                success: function (ajaxCevap) {
                    let data = ajaxCevap.data;


                    if (!data.productPrice) {
                        data.productPrice = 0
                    } else if (!data.couponPrice) {
                        data.couponPrice = 0
                    } else if (!data.priceProzent) {
                        data.priceProzent = 0
                    } else if (!data.indirim) {
                        data.indirim = 0
                    } else if (!data.totalPrice) {
                        data.totalPrice = 0
                    } else if (!data.korbCargoPrice) {
                        data.korbCargoPrice = 0
                    }

                    $('#cargoMethod-End').html(parseFloat(data.korbCargoPrice).toFixed(2));
                    $('#cargo-price').html(parseFloat(data.korbCargoPrice).toFixed(2));
                    $('#basket-coupon-price').html(parseFloat(ajaxCevap.couponTotalPrice).toFixed(2));


                    /*Vip için indirim güncelleme*/
                    $('.coupon-price').html(parseFloat(data.couponPrice).toFixed(2));

                    $('#payment-price').html(parseFloat(data.priceProzent).toFixed(2));
                    $('.product-total-price').html(parseFloat(data.productPrice).toFixed(2));
                    $('#basket_total_price').html(parseFloat(data.totalPrice).toFixed(2));

                    bcc = parseFloat(data.korbCargoPrice) + parseFloat(data.productPrice) - parseFloat(data.indirim);
                    prozentPrice(bcc);


                    if ($('.coupon-price').html() == 'NaN') {
                        $('.coupon-price').html('0.00');
                    }


                }
            });
        }

        function calcTotalPrice() {
            let product_total_price = 0.00;
            const coupon_code_price = parseFloat($('.coupon-price').html()).toFixed(2);
            const cargo_price = parseFloat($('#cargo-price').html()).toFixed(2);
            const payment_price = parseFloat($('#payment-price').html()).toFixed(2);
            $('.basket-item').each(function () {
                const price = parseFloat($(this).find('.product-price .value').html());
                product_total_price += price;
            });

            let basket_total_price = 0.00 + parseFloat(product_total_price) - parseFloat(coupon_code_price) + parseFloat(cargo_price) + parseFloat(payment_price);
            $('.product-total-price').html(product_total_price.toFixed(2));
            $('#basket_total_price').html(basket_total_price.toFixed(2));
        }

        function prozentPrice(bcc) {
            $('.warkab-grid').each(function () {
                let prc = parseFloat($(this).find('.paymentMethodPrice').data('prc'));
                let x = (bcc * prc) / 100;
                $(this).find('.paymentMethodPrice').text(x.toFixed(2));
            });
        }


        function check(input) {
            if (input.value != document.getElementById('user_password').value) {
                input.setCustomValidity('Passwörter stimmen nicht überein');
            } else {
                input.setCustomValidity('');
            }
        }

        function validPassWord(e) {
            let validStep = 0;
            let totalStep = 3;
            let isValid = false;
            let value = e.value;
            let targetField = document.getElementsByClassName("passwort-alert")[0];

            let otherPasswordValue = document.getElementById("user_passwort_widerholen").value;
            if (e.id === "user_password") {
                if (value.length >= 8) {
                    validStep++;
                    targetField.getElementsByClassName("password-valid-step-1")[0].getElementsByClassName("alert-icon-red")[0].classList.add("d-none");
                    targetField.getElementsByClassName("password-valid-step-1")[0].getElementsByClassName("alert-icon-green")[0].classList.remove("d-none");
                } else {
                    targetField.getElementsByClassName("password-valid-step-1")[0].getElementsByClassName("alert-icon-green")[0].classList.add("d-none");
                    targetField.getElementsByClassName("password-valid-step-1")[0].getElementsByClassName("alert-icon-red")[0].classList.remove("d-none");
                }

                if (/\d+/.test(value)) {
                    validStep++;
                    targetField.getElementsByClassName("password-valid-step-2")[0].getElementsByClassName("alert-icon-red")[0].classList.add("d-none");
                    targetField.getElementsByClassName("password-valid-step-2")[0].getElementsByClassName("alert-icon-green")[0].classList.remove("d-none");
                } else {
                    targetField.getElementsByClassName("password-valid-step-2")[0].getElementsByClassName("alert-icon-green")[0].classList.add("d-none");
                    targetField.getElementsByClassName("password-valid-step-2")[0].getElementsByClassName("alert-icon-red")[0].classList.remove("d-none");
                }

                if (/[a-z]/g.test(value) && /[A-Z]/g.test(value)) {
                    validStep++;
                    targetField.getElementsByClassName("password-valid-step-3")[0].getElementsByClassName("alert-icon-red")[0].classList.add("d-none");
                    targetField.getElementsByClassName("password-valid-step-3")[0].getElementsByClassName("alert-icon-green")[0].classList.remove("d-none");
                } else {
                    targetField.getElementsByClassName("password-valid-step-3")[0].getElementsByClassName("alert-icon-green")[0].classList.add("d-none");
                    targetField.getElementsByClassName("password-valid-step-3")[0].getElementsByClassName("alert-icon-red")[0].classList.remove("d-none");
                }

                if (validStep === 3) {
                    document.getElementById("user_passwort_widerholen").disabled = false
                } else {
                    document.getElementById("user_passwort_widerholen").disabled = true
                }
            } else {
                otherPasswordValue = document.getElementById("user_password").value;
            }

            if (value !== '' && value === otherPasswordValue) {
                validStep++;
                targetField.getElementsByClassName("password-valid-step-4")[0].getElementsByClassName("alert-icon-red")[0].classList.add("d-none");
                targetField.getElementsByClassName("password-valid-step-4")[0].getElementsByClassName("alert-icon-green")[0].classList.remove("d-none");
            } else {
                targetField.getElementsByClassName("password-valid-step-4")[0].getElementsByClassName("alert-icon-green")[0].classList.add("d-none");
                targetField.getElementsByClassName("password-valid-step-4")[0].getElementsByClassName("alert-icon-red")[0].classList.remove("d-none");
            }

            if (validStep === totalStep) {
                isValid = true;
            }

            return isValid;
        }

        const lieferadresseCheck = () => {
            $(".profile__section-radio__sections .profile__section-radio__btn").each(function () {
                const thisInp = $(this).find("input")
                
                if (thisInp.is(':checked')) {
                    if(thisInp.attr("id") === "different") {

                        $("select[name='an']").each(function () {

                            var selectedValue = String($(this).val());
                            if (selectedValue === "0") {
                                if ($("#name-liefer").val() !== "" && $("#vorname-liefer").val() !== "" && $("input[name='strasse-liefer']").val() !== "" && $("input[name='strasseNr-liefer']").val() !== "" && $("input[name='plz-liefer']").val() !== "" && $("input[name='ort-liefer']").val() !== "") {
                                    cargopaymentCheckFunc();
                                } else {
                                    addNotification("warning", "Bitte geben Sie die Lieferadresse ein");
                                    $(".accordion-collapse").removeClass('show');
                                    $(".acordion-body").slideUp(500);
                                    $("#vorname-liefer").closest(".accordion-collapse").addClass('show');
                                    $("#vorname-liefer").closest(".acordion-body").show();
                                    notaccess = true;
                                    return;
                                }
                                
                            } else if (selectedValue === "1"){
                                if ($("#firma-liefer").val() !== "" && $("input[name='strasse-liefer']").val() !== "" && $("input[name='strasseNr-liefer']").val() !== "" && $("input[name='plz-liefer']").val() !== "" && $("input[name='ort-liefer']").val() !== "") {
                                    cargopaymentCheckFunc();
                                } else {
                                    addNotification("warning", "Bitte geben Sie die Lieferadresse ein");
                                    $(".accordion-collapse").removeClass('show');
                                    $(".acordion-body").slideUp(500);
                                    $("#vorname-liefer").closest(".accordion-collapse").addClass('show');
                                    $("#vorname-liefer").closest(".acordion-body").show();
                                    notaccess = true;
                                    return;
                                }
                            }
                        })
                    } else  {
                        cargopaymentCheckFunc();
                    }
                } 
            })


            

            
        }

        const cargopaymentCheckFunc = () => {
            let form = document.getElementById("bestellungen-form");

            var enAzBirSeciliVersandge = false;
            var enAzBirSeciliZahlung = false;
            $("input.versandge").each(function () {
                if ($(this).is(':checked')) {
                    enAzBirSeciliVersandge = true;
                    return false; // each döngüsünü sonlandırır
                }
            })

            if (enAzBirSeciliVersandge) {
                $("input.zahlung").each(function () {
                    if ($(this).is(':checked')) {
                        enAzBirSeciliZahlung = true;
                        return false; // each döngüsünü sonlandırır
                    }
                })

                if (enAzBirSeciliZahlung) {
                    {% if app.user != '' %}
                    form.submit();
                    {% endif %}
                } else {
                    addNotification("warning", "Bitte  Zahlungsart erfassen")
                    $(".accordion-collapse").removeClass('show');
                    $(".acordion-body").slideUp(500);

                    $("input.zahlung").closest(".accordion-collapse").addClass('show');
                    $("input.zahlung").closest(".acordion-body").show();
                    return;
                }
            } else {
                addNotification("warning", "Bitte Lieferart erfassen")
                $(".accordion-collapse").removeClass('show');
                $(".acordion-body").slideUp(500);

                $("input.versandge").closest(".accordion-collapse").addClass('show');
                $("input.versandge").closest(".acordion-body").show();
                return;
            }
        }

        $('#send_basket').click(function (e) {
            e.preventDefault();

            let form = document.getElementById("bestellungen-form");
            let notaccess = false

            // Event listener for selectbox change
            {% if app.user %}

            {% if app.user.userTyped.id == 3 or app.user.userTyped.id == 2 %}

            if ($(".management__section")) {
                $("select[name='klass']").each(function () {
                    var selectedValue = String($(this).val());
                    const accordion = $(this).closest(".accordion-collapse");
                    if (selectedValue !== '' && selectedValue !== 'addKlasseSelect') {

                    } else {


                        {% if app.user.userTyped.id == 3 %}

                        var parent = $(this).closest(".management__section-information-price__and__input");


                        if (parent.length > 0) {
                            var inputsWrap = parent.find(".type__two-inp__group-name__surname");
                            var firstInputValue = inputsWrap.find("input:first").val();
                            var secondInputValue = inputsWrap.find("input:last").val();

                            if (firstInputValue.trim() === '' || secondInputValue.trim() === '' || firstInputValue.trim().length < 2 || secondInputValue.trim().length < 2) {
                                $(".accordion-collapse").removeClass('show');
                                $(".acordion-body").slideUp(500);

                                $(this).closest(".accordion-collapse").addClass('show');
                                $(this).closest(".acordion-body").show();
                                //addNotification("warning", "Bitte erfassen Sie den Vor- und Nachnamen für alle Artikel.");

                                if (firstInputValue.trim().length < 2 || secondInputValue.trim().length < 2) {
                                    addNotification("warning", "Name und Nachname müssen mindestens 2 Zeichen lang sein.");
                                } else {
                                    addNotification("warning", "Bitte erfassen Sie den Vor- und Nachnamen für alle Artikel.");
                                }

                                notaccess = true;
                                return false;

                            }
                        } else {
                            console.log("Parent element not found");
                            return;
                        }
                        {% elseif app.user.userTyped.id == 2 %}
                        $(".accordion-collapse").removeClass('show');
                        $(".acordion-body").slideUp(500);

                        $(this).closest(".accordion-collapse").addClass('show');
                        $(this).closest(".acordion-body").show();
                        addNotification("warning", "Bitte wählen Sie die Klasse, für welche Sie die Artikel bestellen möchten.");
                        notaccess = true;
                        return false;
                        {% endif %}
                    }
                });
            } else {
                addNotification("warning", "Es befinden sich keine Artikel in Ihrem Warenkorb");
            }


            {% elseif app.user.userTyped.id == 1 %}
            $(".type__two-inp__group-name__surname").each(function () {
                var firstInputValue = $(this).find("input:first").val();
                var secondInputValue = $(this).find("input:last").val();
                const accordion = $(this).closest(".accordion-collapse");

                if (firstInputValue.trim() === '' || secondInputValue.trim() === '') {
                    $(".accordion-collapse").removeClass('show');
                    $(".acordion-body").slideUp(500);

                    $(this).closest(".accordion-collapse").addClass('show');
                    $(this).closest(".acordion-body").show();

                    addNotification("warning", "Bitte erfassen Sie den Vor-und Nachname der Artikel");

                    notaccess = true;
                    return false;
                }
            })


            {% endif %}
            {% else %}
            notaccess = true;
            addNotification("warning", "Registrieren Sie sich oder melden Sie sich an, um eine Bestellung aufzugeben");
            $(".accordion-collapse").removeClass("show");
            $("#cartThree").addClass("show");
            {% endif %}

            if ($('.management__section')) {
                if (notaccess !== true) {
                    lieferadresseCheck();
                }
            }
            for (element of form.elements) {

                if (element.name == 'klass' && element.value.trim() === '') {
                    break;
                }

                if (element.checkValidity() === false) {

                    if (element.name === 'zahlungsart') {
                    } else if (element.name === 'liefergebuhren') {
                    }


                    if (!$(element).closest(".acordions").hasClass('active')) {
                        $(".acordions").removeClass('active');
                        $('.acordions').find(".acordion-icon").text('+');
                        $(".acordion-body").slideUp(500);

                        $(element).closest(".acordions").addClass('active');
                        $(element).closest('.acordions').find(".acordion-icon").text('-');
                        $(element).closest(".acordion-body").show();
                    }
                    break;
                }
            }
        });


        $('.basket-signup').click(function (e) {
            e.preventDefault();

            let allValid = true;

             let inputIDsSelectOne = [
                "profile_name",
                "profile_vorname",
                "profile_strasse",
                "profile_strasse_nr",
                "profile_postcode",
                "profile_lage",
                "user_email",
                "user_benutzername",
                "user_password",
                "user_passwort_widerholen"
            ];

            let inputIDsSelectTwo = [
                "profile_firma",
                "profile_strasse",
                "profile_strasse_nr",
                "profile_postcode",
                "profile_lage",
                "user_email",
                "user_benutzername",
                "user_password",
                "user_passwort_widerholen"
            ];
            const formWrapper = $(".korb__register__section");
            
            let $val = $("#profile_typ").val();

            let inputIDs = $val == 0 ? inputIDsSelectOne : inputIDsSelectTwo;

            inputIDs.forEach((id) => {
                let element = formWrapper.find(`#${id}`)

                if (element.length === 0) {
                    allValid = false;
                } else {
                    // Elementin içeriğinin dolu olup olmadığını kontrol etme
                    let domElement = element[0];

                    if (!domElement.checkValidity()) {
                        allValid = false;
                    } else {
                    }
                }
                
            })

            formValidation(allValid);

            function formValidation(allValid) {
                if (allValid) {
                    var profileData = {};
                    var userData = {};
                    let formElements = $('.korb__register__section').find('input, select, textarea');
                    formElements.each(function () {
                        var $input = $(this);
                        var inputName = $input.attr('name');
                        var inputValue = $input.val();

                        if (inputName.startsWith('profile[')) {
                            var key = inputName.replace('profile[', '').replace(']', '');
                            profileData[key] = inputValue;
                        } else if (inputName.startsWith('user[')) {
                            var key = inputName.replace('user[', '').replace(']', '');
                            userData[key] = inputValue;
                        }
                    });

                    $.ajax({
                        type: 'POST',
                        url: '{{ path('main_korb_sign_up') }}',
                        data: {profile: profileData, user: userData},
                        success: function (data) {
                            if (data.response == true) {
                                location.reload();
                            } else {
                                addNotification("warning", data.message);
                            }
                        }
                    });
                } else {
                    addNotification("warning", "Bitte füllen Sie die erforderlichen Felder korrekt aus");
                }
            }
            
            
        });


        $('#cargo').prop('checked', false);
        $('input[name="zahlungsart"]:checked').prop('checked', false);
    </script>
{% endblock %}