{% extends "template.html.twig" %}

{% block content %}
<div class="table-responsive">
    {{ app.request.get('order') }}
    <table class='table table-hover'>
        <thead>
        <tr>
            <th></th>
            <th></th>
            <th><a href="{{ path( app.request.get('_route') , {'order': app.request.get('order') is same as('-name')?'name':'-name'|default('-name')}) }}">Name</a></th>
            <th>Categories</th>
            <th></th>
            <th><a href="{{ path( app.request.get('_route') , {'order': app.request.get('order') is same as('-price')?'price':'-price'|default('-price')}) }}">Price</a></th>
            <th></th>
        </tr>
        </thead>
        {% for product in products %}
            <tr>
                <td class="align-middle font-weight-bold h3"><a class="text-warning text-decoration-none"
                                                                href="{{ path('app_star', {'productId': product.id}) }}">{% if product.starred == true %}★{% else %} ☆ {% endif %}</a></td>
                <td class="align-middle" style="width: 120px;"><img src='{{ product.image }}&width=70' class='img-thumbnail' alt='{{ product.name }}'/></td>
                <td class="align-middle">
                    <a href='{{ path('app_product', {'productId': product.id}) }}' class="text-decoration-none">{{ product.name }}</a>
                    {% if product.currentStock.stock > 0 %}
                        <span class="badge text-bg-light">stock: {{ product.currentStock.stock }}</span>
                    {% else %}
                        <span class="badge text-bg-warning">out of stock</span>
                    {% endif %}
                    {% if product.isDiscontinued() %}
                        <span class="badge text-bg-secondary"  data-bs-toggle="tooltip" data-bs-title="Last update: {{ product.updated_at }}">is discontinued</span>
                    {% endif %}
                    {% if product.isNew() %}
                        <span class="badge text-bg-success">is new</span>
                    {% endif %}
                    <span class="badge text-bg-light">{{ product.subTitle }}</span>
                </td>
                <td class="align-middle">
                    <nav aria-label="breadcrumb" style="--bs-breadcrumb-divider: '>';" >
                        <ol class="breadcrumb">
                            {% for category in product.categories %}
                                <li class="breadcrumb-item" aria-current="page"><a class="breadcrumb-item text-decoration-none"  href="{{ path('app_category', {'category': category}) }}">{{ category }}</a></li>
                            {%  endfor %}
                        </ol>
                    </nav>
                </td>
                <td class="align-middle"><a href='https://pl.ryobitools.eu/{{ product.url }}'>link</a></td>
                <td class="align-middle">{{ product.price.last.price | format_currency('PLN', {}, 'pl') }}</td>
                <td class="align-middle">
                    <div class="d-flex flex-row">
                        {% if product.price.last.price != product.price.last.productStandardPrice %}<span
                                class="badge text-bg-warning text-decoration-line-through flex-fill">{{ product.price.last.productStandardPrice | format_currency('PLN', {}, 'pl') }}</span>&nbsp;<span
                                class="badge text-bg-success flex-fill">{{ ((1 - product.price.last.price / product.price.last.productStandardPrice)*100)|number_format(0) }}%</span>
                        {% endif %}
                    </div>
                </td>
            </tr>
        {% endfor %}
    </table>
</div>
{% endblock %}