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

{% set page_title = "Produkte" %}
{% block title %}{{ page_title }}{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" type="text/css"
          href="{{ asset('assets/admin/app-assets/vendors/css/tables/datatable/datatables.min.css') }}">
{% endblock %}
{% block breadcrumb %}
    {# {% set fields = [  { 'name': page_title }] %}
     {% include 'admin/Common/_breadcrumb.html.twig' %}#}
{% endblock %}
{% block body %}
    <div class="card">
        <div class="card-content">
            <div class="card-body">
                {% for item in product %}
                    {% set urunPrices = getPriceControl(item.id) %}
                    <div class="row pl-1 border-bottom-light hvr-efects">
                        <div class="col-8"
                             style="{% if urunPrices|length < 1 %}color:red{% endif %}">{{ item.title }}</div>
                        <div class="col-4">
                            {% for item2 in urunPrices %}
                                {% set colorStyle = '' %}
                                {% if item2.pNAme == 'D1' %}
                                    {% set colorStyle = 'color:#ea5455;' %}
                                {% elseif item2.pNAme == 'D2' %}
                                    {% set colorStyle = 'color:#ff9f43;' %}
                                {% elseif item2.pNAme == 'D3' %}
                                    {% set colorStyle = 'color:#3fbf9a;' %}
                                {% elseif item2.pNAme == 'D4' %}
                                    {% set colorStyle = 'color:#95c11a;' %}
                                {% elseif item2.pNAme == 'D5' %}
                                    {% set colorStyle = 'color:#00cfe' %}
                                {% elseif item2.pNAme == 'D6' %}
                                    {% set colorStyle = 'color:#6610f' %}
                                {% elseif item2.pNAme == 'D7' %}
                                    {% set colorStyle = 'color:#7367f' %}
                                {% elseif item2.pNAme == 'D8' %}
                                    {% set colorStyle = 'color:#babf' %}
                                {% elseif item2.pNAme == 'D9' %}
                                    {% set colorStyle = 'color:#1e1e1e' %}
                                {% elseif item2.pNAme == 'D10' %}
                                    {% set colorStyle = 'color:#20c997' %}
                                {% elseif item2.pNAme == 'D11' %}
                                    {% set colorStyle = 'color:#e83e8c' %}
                                {% elseif item2.pNAme == 'D12' %}
                                    {% set colorStyle = 'color:#7367f0' %}
                                {% endif %}
                                <span style="{{ colorStyle }} font-weight: bold;">{{ item2.pNAme }}</span>
                            {% endfor %}
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-content">
            <div class="card-body">
                {% for itemModul in productModul %}
                    {% set urunModulPrices = getPriceControl2(itemModul.id) %}

                    <div class="row pl-1 border-bottom-light hvr-efects">
                        <div class="col-8" style="{% if urunModulPrices|length < 1 %}color:red{% endif %}">
                            {{ itemModul.text|striptags }}
                        </div>
                        <div class="col-4">
                            {% for item2 in urunModulPrices %}
                                {% set colorStyle = '' %}
                                {% if item2.pNAme == 'D1' %}
                                    {% set colorStyle = 'color:#ea5455;' %}
                                {% elseif item2.pNAme == 'D2' %}
                                    {% set colorStyle = 'color:#ff9f43;' %}
                                {% elseif item2.pNAme == 'D3' %}
                                    {% set colorStyle = 'color:#3fbf9a;' %}
                                {% elseif item2.pNAme == 'D4' %}
                                    {% set colorStyle = 'color:#95c11a;' %}
                                {% elseif item2.pNAme == 'D5' %}
                                    {% set colorStyle = 'color:#00cfe' %}
                                {% elseif item2.pNAme == 'D6' %}
                                    {% set colorStyle = 'color:#6610f' %}
                                {% elseif item2.pNAme == 'D7' %}
                                    {% set colorStyle = 'color:#7367f' %}
                                {% elseif item2.pNAme == 'D8' %}
                                    {% set colorStyle = 'color:#babf' %}
                                {% elseif item2.pNAme == 'D9' %}
                                    {% set colorStyle = 'color:#1e1e1e' %}
                                {% elseif item2.pNAme == 'D10' %}
                                    {% set colorStyle = 'color:#20c997' %}
                                {% elseif item2.pNAme == 'D11' %}
                                    {% set colorStyle = 'color:#e83e8c' %}
                                {% elseif item2.pNAme == 'D12' %}
                                    {% set colorStyle = 'color:#7367f0' %}
                                {% endif %}
                                <span style="{{ colorStyle }} font-weight: bold;">{{ item2.pNAme }}</span>
                            {% endfor %}
                        </div>
                    </div>

                {% endfor %}
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-content">
            <div class="card-body">
                {% for itemExtra in productExtra %}
                    {% set urunExtraPrices = getPriceControl3(itemExtra.id) %}

                    <div class="row pl-1 border-bottom-light hvr-efects">
                        <div class="col-8"
                             style="{% if urunExtraPrices|length < 1 %}color:red{% endif %}">{{ itemExtra.text|striptags }}
                        </div>
                        <div class="col-4">
                            {% for item2 in urunExtraPrices %}
                                {% set colorStyle = '' %}
                                {% if item2.pNAme == 'D1' %}
                                    {% set colorStyle = 'color:#ea5455;' %}
                                {% elseif item2.pNAme == 'D2' %}
                                    {% set colorStyle = 'color:#ff9f43;' %}
                                {% elseif item2.pNAme == 'D3' %}
                                    {% set colorStyle = 'color:#3fbf9a;' %}
                                {% elseif item2.pNAme == 'D4' %}
                                    {% set colorStyle = 'color:#95c11a;' %}
                                {% elseif item2.pNAme == 'D5' %}
                                    {% set colorStyle = 'color:#00cfe' %}
                                {% elseif item2.pNAme == 'D6' %}
                                    {% set colorStyle = 'color:#6610f' %}
                                {% elseif item2.pNAme == 'D7' %}
                                    {% set colorStyle = 'color:#7367f' %}
                                {% elseif item2.pNAme == 'D8' %}
                                    {% set colorStyle = 'color:#babf' %}
                                {% elseif item2.pNAme == 'D9' %}
                                    {% set colorStyle = 'color:#1e1e1e' %}
                                {% elseif item2.pNAme == 'D10' %}
                                    {% set colorStyle = 'color:#20c997' %}
                                {% elseif item2.pNAme == 'D11' %}
                                    {% set colorStyle = 'color:#e83e8c' %}
                                {% elseif item2.pNAme == 'D12' %}
                                    {% set colorStyle = 'color:#7367f0' %}
                                {% endif %}
                                <span style="{{ colorStyle }} font-weight: bold;">{{ item2.pNAme }}</span>
                            {% endfor %}
                        </div>
                    </div>

                {% endfor %}
            </div>
        </div>
    </div>
    <style>
        .hvr-efects {
            transition: 0.4s;
            cursor: pointer;
        }

        .hvr-efects:hover {
            padding-left: 3rem !important;
            padding-right: 3rem !important;
        }
    </style>

{% endblock %}
{% block head_javascripts %}
    <script src="{{ asset('assets/admin/app-assets/vendors/js/extensions/moment.min.js') }}"></script>
    {% include 'admin/Common/_datatable_all_js.html.twig' %}
{% endblock %}