{% extends 'user_enterprise.html.twig' %}

{% block title %}Workshop index{% endblock %}

{% block body %}
    <div class="container-fluid">
        <div class="layout-specing">
            <h4>Mon Atélier: {{ workshop.name }}</h4>

            <div class="row row-cols-xl-5 row-cols-md-2 row-cols-1">
                {% for sale in sales%}
                <div class="col mt-4">
                    <a href="#!"
                       class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">
                        <div class="d-flex align-items-center">
                            <div class="icon text-center rounded-pill">
                                <i class="uil uil-box fs-4 mb-0"></i>
                            </div>
                            <div class="flex-1 ms-3">
                                <h6 class="mb-0 text-muted">{% trans %} Totale {% endtrans %}</h6>
                                <p class="fs-5 text-dark fw-bold mb-0"><span class="counter-value"
                                                                             data-target="{{ sale['totalAmount'] }}">{{ sale['totalAmount'] | format_currency(sale['currency'])}}</span></p>
                            </div>
                        </div>
                    </a>
                </div>
                {% endfor %}

                <div class="col mt-4">
                    <a href="{{ path('sewing.client.index', {'workshop': workshop.id}) }}"
                       class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">
                        <div class="d-flex align-items-center">
                            <div class="icon text-center rounded-pill">
                                <i class="uil uil-users-alt fs-4 mb-0"></i>
                            </div>
                            <div class="flex-1 ms-3">
                                <h6 class="mb-0 text-muted">{% trans %} Client(e)s {% endtrans %}</h6>
                                <p class="fs-5 text-dark fw-bold mb-0"><span class="counter-value"
                                                                             data-target="{{ clients }}">{{ clients }}</span></p>
                            </div>
                        </div>

                    </a>
                </div>
                <div class="col mt-4">
                    <a href="{{ path('sewing.employee.index', {'workshop': workshop.id}) }}"
                       class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">
                        <div class="d-flex align-items-center">
                            <div class="icon text-center rounded-pill">
                                <i class="uil uil-user-square fs-4 mb-0"></i>
                            </div>
                            <div class="flex-1 ms-3">
                                <h6 class="mb-0 text-muted">{% trans %} Employé(e)s{% endtrans %}</h6>
                                <p class="fs-5 text-dark fw-bold mb-0"><span class="counter-value"
                                                                             data-target="{{ employees }}">{{ employees }}</span></p>
                            </div>
                        </div>

                    </a>
                </div>
{#                <div class="col mt-4">#}
{#                    <a href="#!"#}
{#                       class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">#}
{#                        <div class="d-flex align-items-center">#}
{#                            <div class="icon text-center rounded-pill">#}
{#                                <i class="uil uil-abacus fs-4 mb-0"></i>#}
{#                            </div>#}
{#                            <div class="flex-1 ms-3">#}
{#                                <h6 class="mb-0 text-muted text-danger">{% trans %}  En retard {% endtrans %}</h6>#}
{#                                <p class="fs-5 text-dark fw-bold mb-0"><span class="counter-value"#}
{#                                                                             data-target="{{ overdueOrders }}">{{ overdueOrders }}</span></p>#}
{#                            </div>#}
{#                        </div>#}

{#                    </a>#}
{#                </div><!--end col-->#}
{#                <div class="col mt-4">#}
{#                    <a href="#!"#}
{#                       class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">#}
{#                        <div class="d-flex align-items-center">#}
{#                            <div class="icon text-center rounded-pill">#}
{#                                <i class="uil uil-box fs-4 mb-0"></i>#}
{#                            </div>#}
{#                            <div class="flex-1 ms-3">#}
{#                                <h6 class="mb-0 text-muted text-success">{% trans %} Terminée {% endtrans %}</h6>#}
{#                                <p class="fs-5 text-dark fw-bold mb-0"><span class="counter-value"#}
{#                                                                             data-target="{{ completedOrders }}">{{ completedOrders }}</span></p>#}
{#                            </div>#}
{#                        </div>#}

{#                    </a>#}
{#                </div><!--end col-->#}
{#                <div class="col mt-4">#}
{#                    <a href="#!"#}
{#                       class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">#}
{#                        <div class="d-flex align-items-center">#}
{#                            <div class="icon text-center rounded-pill">#}
{#                                <i class="uil uil-money-bill fs-4 mb-0"></i>#}
{#                            </div>#}
{#                            <div class="flex-1 ms-3">#}
{#                                <h6 class="mb-0 text-muted">Chiffre d'affaire</h6>#}
{#                                <p class="fs-5 text-dark fw-bold mb-0"><span class=""#}
{#                                                                             data-target="{{ "" }}">{{ total | format_currency('GNF') }}</span>#}
{#                                </p>#}
{#                            </div>#}
{#                        </div>#}
{#                    </a>#}
{#                </div><!--end col-->#}

            </div>
            <hr>

        </div>

    </div>
{% endblock %}