{% extends "layouts/base.twig" %}

{% block title %}{{ translations.product }}{% endblock %}

{% block page_heading %}
    <div class="page-heading">
        <h3>{{ translations.product }}</h3>
        <p class="text-subtitle text-muted">{{ translations.client_order_subtitle }}</p>
    </div>
{% endblock %}

{% block content %}


{% endblock %}
{% block scripts %}

    <script type="text/javascript">
        function getBulkProductCards(isAllowed) {
            if (isAllowed === 1) {
                window.open("{{ root }}/Product/manage/pdf", "_blank");
            } else {
                Swal.fire({
                    icon: "warning",
                    title: "{{ translations.no_products_created }}",
                });
            }
        }

        function getAllergenSummary() {
            window.open("{{ root }}/Product/manage/allergens", "_blank");
        }

        function loadProducts(id_category) {
            const table_body = document.getElementById('products_tb');
            table_body.innerHTML = "";

            getJSON('Product', 'getProductsByIdCategory/' + id_category, {}, 'GET', {
                'Content-Type': 'application/json'
            })
                .then(function (res) {
                    if (res.length > 0) {
                        for (let i = 0; i < res.length; i++) {
                            const row = table_body.insertRow(table_body.length);
                            row.insertCell(0).innerHTML = res[i].name;

                            let available_calculation_mark = `<i class="icon dripicons-checkmark text-success"></i>`;
                            if (res[i].id_recipe === null) {
                                available_calculation_mark = `<i class="icon dripicons-minus text-danger"></i>`;
                            }

                            row.insertCell(1).innerHTML = available_calculation_mark;
                            row.insertCell(2).innerHTML = `<a href="{{ root }}/Product/manage/pdf/${res[i].id}" role="button" class="btn btn-secondary">{{ translations.product_card }}</a>`;
                            row.insertCell(3).innerHTML = `<a href="{{ root }}/products/${res[i].id}" role="button" class="btn btn-info">{{ translations.details }}</a>`;
                        }
                    }
                })
                .catch();
        }
    </script>
{% endblock %}