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

{% block title %}Hello BackofficeChoicesController!{% endblock %}

{% block body %}

    <div class="container-fluid">
        <div class="layout-specing">
            <div class="d-md-flex justify-content-between align-items-center">
                <h5 class="mb-0">Dashboard:<span class="text-success"> <a href="{{ path('admin.workshop.new')}}">{% trans%} Créer un atélier {% endtrans%}</a></span></h5>
{#                <h5> <i data-feather="eye" class="fea icon-sm"> </i> <a href="{{ path('event.show', {'slug': event.slug })}}">Voir sur le site</a></h5>#}
            </div>
{#
            <div class="row row-cols-xl-5 row-cols-md-2 row-cols-1">
                <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-user-circle fs-4 mb-0"></i>
                            </div>
                            <div class="flex-1 ms-3">
                                <h6 class="mb-0 text-muted">{% trans %} Participants {% endtrans%}</h6>
                                <p class="fs-5 text-dark fw-bold mb-0"><span class="counter-value" data-target="{{ participants }}">{{ participants }}</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-tag fs-4 mb-0"></i>
                            </div>
                            <div class="flex-1 ms-3">
                                <h6 class="mb-0 text-muted">{% trans%} Nombre total de ticket en vente {% endtrans %}</h6>
                                <p class="fs-5 text-dark fw-bold mb-0"><span class="counter-value" data-target="{{ event.countActiveTickets }}">{{ event.countActiveTickets }}</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">Vente</h6>
                                <p class="fs-5 text-dark fw-bold mb-0"><span class="" data-target="{{ sell  }}">{{ sell | format_currency('GNF') }}</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-store fs-4 mb-0"></i>
                            </div>
                            <div class="flex-1 ms-3">
                                <h6 class="mb-0 text-muted">Ticket vendu</h6>
                                <p class="fs-5 text-dark fw-bold mb-0"><span class="counter-value" data-target="{{ participants }}">{{ participants }}</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-check fs-4 mb-0"></i>
                            </div>
                            <div class="flex-1 ms-3">
                                <h6 class="mb-0 text-muted">Ticket Validé </h6>
                                <p class="fs-5 text-dark fw-bold mb-0"><span class="counter-value" data-target="{{ participantsValid }}">{{ participantsValid }}</span></p>
                            </div>
                        </div>
                    </a>
                </div><!--end col-->
            </div>#}


            <h3>Merci de choisir votre Atélier</h3>
            <div class="row">
{#                {{ include('layouts/sidebar/_user_auth_event_manager_sidebar.html.twig', {event: event})}}#}

                <div class="col-lg-8">

                    {% if workshops is not empty %}

                    <div class="row row-cols-xl-5 row-cols-md-2 row-cols-1">
                        {% for workshop in workshops %}
                        <div class="col mt-4">
                            <a href="{{ path('sewing.sewingorder.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">
                                        <img src="{{  vich_uploader_asset(workshop, 'logoFile') |  imagine_filter('mimi')  }}">
                                    </div>

                                    <div class="flex-1 ms-3">
                                        <h6 class="mb-0 text-muted">{{ workshop.name }}</h6>
                                        <p class="fs-5 text-dark fw-bold mb-0"><span>{{ '' }}</span></p>
                                    </div>
                                </div>
                            </a>
                        </div><!--end col-->
                        {% endfor %}
                    </div>

                    {% endif %}

                </div><!--end col-->


            </div><!--end row-->
        </div>
    </div><!--end container-->


{% endblock %}