{% extends 'main_base.html.twig' %}
{% block title %}Simulationsprüfüng{% endblock %}
{% block description %}Simulationsprüfüng{% endblock %}
{% block content %}
    <div ignore="1" class="close-btn">
        <img src="{{ asset('assets/main/img/icons/remove.png') }}" alt="remove__icon">
    </div>
    <div class="products-set__section d-flex ">
        <div class="products__fast__access-all__prices"></div>
        <div class="products__fast__access-modules__and__prices">
            <ul class="products__fast__access-modules ps-0">
            </ul>
        </div>
        <div class="sets__view__section">
            <div class="sets__view__section-img__wrapper">
                <img src="http://localhost/mp/public/media/laden/{{ laden.imageFile }}" alt="pdf__photo">
            </div>
            <div ignore="1" class="swiper-button-full__screen">
                <button>
                    <i class="fa-solid fa-expand"></i>
                </button>
            </div>
        </div>
        <div class="product__information__wrapper">
            <div class="product__information">
                <div class="circle d-flex justify-content-center align-items-center ">
                    <p>
                        {{ shopAktionButton.text }}
                    </p>
                </div>
                <h1>{{ laden.title }}</h1>
                <p>{{ laden.text|raw }}</p>
                <div class="product__information-products__completed__btns d-flex justify-content-between align-items-center ">
                    <div class="product__information">
                        <div class="product__information-products__completed__btns-price">
                            <div class="product__information-options">
                                {% if app.user %}
                                    {% if app.user.userTyped.id == 1 %}
                                        <div class="product__information-option d-flex justify-content-between align-items-center active"
                                             data-id="{{ laden.id }}" data-price="{{ laden.price }}" data-type="laden"
                                             data-name="dataSt">
                                            <h4 class="product__information-option-title">
                                                Einzelpreis
                                            </h4>
                                            <div class="ps-shop-price product__information-option-price"
                                                 data-price="{{ laden.price }}">CHF <span
                                                        class="value">{{ laden.price|number_format(2)|default }}</span>
                                            </div>
                                        </div>
                                    {% elseif app.user.userTyped.id == 2 %}
                                        <div class="product__information-option d-flex justify-content-between align-items-center active"
                                             data-id="{{ laden.id }}" data-price="{{ laden.priceB }}" data-type="laden"
                                             data-name="dataSt">
                                            <h4 class="product__information-option-title">
                                                Einzelpreis
                                            </h4>
                                            <div class="ps-shop-price product__information-option-price"
                                                 data-price="{{ laden.priceB }}">CHF <span class="value">{{ laden.priceB|number_format(2)|default }}</span>
                                            </div>
                                        </div>
                                    {% elseif app.user.userTyped.id == 3 %}
                                        {% set priceType = getUserTypeLadenPrices(app.user.id, laden.id) %}
                                        <div class="product__information-option d-flex justify-content-between align-items-center active"
                                             data-id="{{ laden.id }}" data-price="{{ priceType }}" data-type="laden"
                                             data-name="dataSt">
                                            <h4 class="product__information-option-title">Einzelpreis </h4>
                                            <div class="ps-shop-price2 product__information-option-price" data-price="{{ priceType }}">CHF <span class="value">{{ priceType|number_format(2)|default }}</span></div>
                                        </div>
                                        <div class="product__information-option d-flex justify-content-between align-items-center"
                                             data-id="{{ laden.id }}" data-price="{{ laden.priceC }}" data-type="laden"
                                             data-name="dataPt">
                                            <h4 class="product__information-option-title">Klassensatz ab 8
                                                Schüler/in </h4>
                                            <div class="ps-shop-price product__information-option-price"
                                                 data-price="{{ laden.priceC }}">CHF <span
                                                        class="value">{{ laden.priceC|number_format(2)|default }}</span>
                                            </div>
                                        </div>
                                    {% endif %}
                                {% else %}
                                    <div class="product__information-option d-flex justify-content-between align-items-center active"
                                         data-name="typeSt" data-id="{{ laden.id }}" data-type="laden"
                                         data-price="{{ laden.price }}">
                                        <h4 class="product__information-option-title">Einzelpreis </h4>
                                        <div class="ps-shop-price product__information-option-price"
                                             data-price="{{ laden.price }}">CHF <span
                                                    class="value">{{ laden.price|number_format(2)|default }}</span>
                                        </div>
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                        <div class="product__information-products__completed__btns d-flex align-items-center ">
                            <input class="ps-shop-item-qty" type="number" value="1" min="1" max="99">
                            <button id="addProduct" class="ms-3">in den Warenkorb <span></span></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block pageScript %}
    <script>
        $('document').ready(function () {
            $("#addProduct").click(function () {
                let $activeSlide = $(".product__information-option.active");
                let ids = $activeSlide.data("id");
                let qty = $(".ps-shop-item-qty").val();
                let addShop = $activeSlide.data("type");
                let buttonName = $activeSlide.data("name");
                let price = $activeSlide.data("price");
                if (parseInt(qty) < 1) {
                    addNotification('info', 'Bitte geben Sie die Anzahl der Produkte ein');
                    return false;
                }
                $.ajax({
                    method: 'POST',
                    type: 'POST',
                    url: '{{ path('main_ajax_add_korb') }}',
                    data: {
                        items: [{
                            type: addShop,
                            buttonName: buttonName,
                            price: price,
                            id: ids,
                            qty: qty,
                            lehrerLatexCode: buttonName,
                        }]
                    },
                    success: function (data) {
                        if (data.status === 'success') {
                            korbAnzahl();
                        }
                        addNotification('info', data.message);
                    }
                });
                return false;
            });
        });
    </script>
{% endblock %}