{% trans_default_domain 'WMS-FRIDA' %}

<div class="border-bottom border-bottom-primary pb-2 mb-3 h3">Stocks</div>  

{% for ligneStock in lignesStocks %}
    <div class="card mb-3">
        <div class="card-body">
            <div class="content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="float-right">
                            <h2><span class="badge badge-primary float-right">{{ ligneStock["qtedis"] ~ " "~ ligneStock["unite"] }}</span></h2><br>
                            <h2><span class="mt-1 badge {% if ligneStock["statut"]|slice(0, 1) == "A" %}badge-outline-success{% elseif ligneStock["statut"]|slice(0, 1) == "Q" %}badge-outline-warning{% elseif ligneStock["statut"]|slice(0, 1) == "R" %}badge-outline-danger{% endif %} float-right">{{ ligneStock["statut"] }}</span></h2><br>

                            {% if ligneStock["qteall"]>0 %}
                                <span class="mt-1 h5 font-italic text-danger float-right mt-2">{{ ligneStock["qteall"] ~ " "~ ligneStock["unite"] }} {{ 'general.alloues'|trans }}</span>
                            {% endif %}
                        </div>
                        <div class="">
                            <span class="h4 font-weight-bold text-primary mr-2">
                                {{ ligneStock["article"] }}
                                {% if ligneStock["inflammable"] == "1" %}<img src="{{ asset('images/icones/picto/inflammable.png') }}" alt="" width="40px" class="ml-2">{% endif %}
                                {% if ligneStock["frigo"] == "1" %}<img src="{{ asset('images/icones/picto/frigo.png') }}" alt="" width="40px" class="ml-2">{% endif %}
                            </span>
                        </div>
                        <div class="mt-2 designation-article">
                            {{ ligneStock["designation"] }}
                        </div>
                    </div>
                </div>
                <div class="row mt-1">
                    <div class="col-6">
                        {% if ligneStock["lot"] != "" %}
                            <div class="mt-2">
                                <span class="h5 font-weight-bold mr-2">{{ 'general.lot'|trans }} <span class="float-right">{{ ligneStock["lot"] }}</span></span>
                            </div>
                        {% endif %}
                        {% if ligneStock["contenant"] != "" %}
                            <div>
                                <span class="h5 font-weight-bold mr-2">{{ 'general.contenant'|trans }} <span class="float-right">{{ ligneStock["contenant"] }}</span></span>
                            </div>
                        {% endif %}
                        {% if ligneStock["peremption"] != "" and ligneStock["peremption"] != "31/12/2999"  %}
                            <div class="mt-2">
                                <span class="h5 font-weight-bold mr-2">{{ 'general.peremption'|trans }} <span class="float-right">{{ ligneStock["peremption"] }}</span></span>
                            </div>
                        {% else %}
                            {% if ligneStock["creationlot"] != "" %}
                                <div class="mt-2">
                                    <span class="h5 font-weight-bold mr-2">{{ 'general.date-creation-lot'|trans }} <span class="float-right">{{ ligneStock["creationlot"] }}</span></span>
                                </div>
                            {% endif %}
                        {% endif %}
                    </div>
                    <div class="col-6 border-left">
                        <div class="float-right">
                            {% if ligneStock["emplacement"] != "" %}
                                <div class="float-right">
                                    <h2><span class="badge badge-outline-dark font-weight-bold">{{ ligneStock["emplacement"] }}</span></h2>
                                </div>
                            {% endif %}
                            {# Bouton changement emplacement seulement si ce n'est pas un emplacement de sous-traitance #}
                            {% if ligneStock["categemp"] != "4" %}
                                <br>
                                <div class="float-right">
                                    <a href="#" href-confirm="{{ path('basculer-en-changement-emplacement', { 'identStock': ligneStock["identStock"] }) }}" data-confirm="{{ 'stock.message-confirmation-basculer-changement-emplacement'|trans }}" class="btn btn-outline-secondary">{{ 'bouton.deplacer'|trans }} <i class="fas fa-angle-double-right"></i></a>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>                
            </div>
        </div>
    </div>
{% endfor %}

 
<script src="{{ asset('lib/sweetalert/sweetalert2.min.js') }}"></script>
    
<script>
    $(function () {

        {# On affiche les messages flash que définissent les différents contrôleurs #}
        {% for type, messages in app.session.flashbag.all() %}
            {% for message in messages %}
                var messageJS = "{{ message|trans }}".replace("&#039;", "'");
                var typeJS = "";
                if("{{ type }}" == "error"){
                    typeJS = "Erreur";
                }
                else if("{{ type }}" == "warning"){
                    typeJS = "Avertissement";
                }
                else if("{{ type }}" == "info"){
                    typeJS = "Information";
                }
                swal(typeJS, messageJS, "{{ type }}");
            {% endfor %}
        {% endfor %}
            
        //Affichage de la fenêtre de confirmation de bascule vers un changement d'emplacement
        $('a[data-confirm]').on('click', function () {
            var href = $(this).attr('href-confirm');

            swal({
              title: 'Confirmation',
              text: $(this).attr('data-confirm'),
              type: 'warning',
              showCancelButton: true,
              confirmButtonColor: '#0CC27E',
              cancelButtonColor: '#FF586B',
              confirmButtonText: 'Oui',
              cancelButtonText: 'Non',
              confirmButtonClass: 'swal2-styled btn btn-lg btn-success mr-5',
              cancelButtonClass: 'swal2-styled btn btn-lg btn-danger',
              buttonsStyling: false
            }).then((result) => {
                window.location.href = href;
            });
        });
    });
</script>