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

{% block container %}
    {% embed 'views/macro_card.html.twig' with {'color': 'dark', 'type': 'outline'} %}
        {% block card_title %}<i class="fas fa-store"></i> Veuillez choisir un marché{% endblock %}
        {% block card_tools %}
            <a class="btn bg-gradient-gray btn-sm" href="{{ path('vendeur') }}"><i class="fas fa-sign-in-alt"></i> Retour</a>
            <a class="btn bg-gradient-yellow btn-sm" href="{{ path('security_logout') }}"><i class="fas fa-sign-out-alt"></i> Déconnecter</a>
        {% endblock %}
        {% block card_body %}
            <div class="row">
                {% for key, marche in listMarche %}
                    {% if marche.isToday is same as(true) %}
                        {% set _color = 'btn btn-block btn-lg bg-gradient-success' %}
                    {% else %}
                        {% set _color = 'btn btn-block btn-lg bg-gradient-gray-dark' %}
                    {% endif %}
                    <div class="col-sm-4">
                        <button type="button" onclick="addVendeurMarche({{ key }})" class="{{ _color }}">{{ marche.marche }}</button>
                        <br>
                    </div>
                {% endfor %}
            </div>
        {% endblock %}
    {% endembed %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        function addVendeurMarche(key)
        {
            $.ajax({
                type: "POST",
                url: "/vendeur/marche_add",
                data: { id: key },
                cache: false,
                dataType: 'json',
                success: function () {
                    window.location.href = '{{ path('vendeur_panier') }}';
                }
            });
        }
    </script>
{% endblock %}