{% extends 'menuback.html.twig' %}
{% set refTva  = 0 %}
{% for commande in commande.produit %}



{% set refTva = refTva + commande.lproduit.prixunitaire   * commande.quantite   %}
{% endfor %}
{% block stylesheets %}
{{parent()}}
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<style type="text/css">
    .notice {
        padding: 15px;
        background-color: #fafafa;
        border-left: 6px solid #7f7f84;
        margin-bottom: 10px;
        -webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    }

    .notice-sm {
        padding: 10px;
        font-size: 80%;
    }

    .notice-lg {
        padding: 35px;
        font-size: large;
    }

    .notice-success {
        border-color: #80D651;
    }

    .notice-success>strong {
        color: #80D651;
    }

    .notice-info {
        border-color: #45ABCD;
    }

    .notice-info>strong {
        color: #45ABCD;
    }

    .notice-warning {
        border-color: #FEAF20;
    }

    .notice-warning>strong {
        color: #FEAF20;
    }

    .notice-danger {
        border-color: #d73814;
    }

    .notice-danger>strong {
        color: #d73814;
    }
</style>
{% endblock %} {% block body %}
<div class="main-content" style="min-height: 568px;">
    <section class="section">

        {% if (commande.typestatut.designation) in ['Achat non effectué','Achat effectué']  %}
        <center>
            <h1>Proccessus de retrait de commande au magasin numéro commande: <b style="color:crimson;font-size:20px;">
                    {{ commande.numerocommande }}</b>
                {% if (commande.typestatut.designation) in ['Achat non effectué'] %}
                Achat non effectué
                {% else %}
                Achat effectué
                {% endif %}
            </h1>
            veuillez imprimer le recu apres Visionnage et Confirmation des informations ci dessous
            <center>
                {% endif %}
                {% if (commande.typestatut.designation) in ['livraison effectuée','en Livraison','echec Livraison']  %}

                <center>
                    <h1>Commande numéro: <b style="color:crimson;font-size:20px;"> {{ commande.numerocommande }}</b>
                        {% if (commande.typestatut.designation) in ['en Livraison'] %}
                        En cour de livraison par:
                        {% else %}
                        Livrée par:
                        {% endif %}
                        {{ commande.livreur.nom }} / {{ commande.livreur.societe }} /{{ commande.livreur.contact1 }} -
                        {{ commande.livreur.contact2 }}</h1>
                    <center>
                        {% else %}
                        <center>
                            <h1>Commande <b style="color:crimson;font-size:20px;"> {{ commande.numerocommande }}</b>
                            </h1>
                            <center>
                                {% endif %}

                                {% if commande.paiementbool.designation =="OUI" %}



                                <center>
                                    <h3>Mode de paiement : {{ commande.modepaiementparavance }}</b></h3>
                                    <center>
                                        {% endif %}






                                        {#  {% for label, flashes in app.session.flashbag.all %}
    {% for flash in flashes %}
        {% if ( label == 'success' ) %}
            <div class="alert alert-success alert-dismissible fade show">
                {{ flash }}
            </div>
        {% elseif ( label == 'danger' ) %}
            <div class="alert alert-danger alert-dismissible fade show">
                {{ flash }}
            </div>
        {% endif %}
    {% endfor %}
{% endfor %} #}
                                        {# {% for label, messages in app.flashes(['warning', 'error']) %}
        {% for message in messages %}
            <div class="alert alert-{{ label }}">
                {{ message }}
            </div>
        {% endfor %}
    {% endfor %} #}
                                        {% for label, messages in app.flashes %}
                                        {% for message in messages %}
                                        <div class="alert alert-{{ label }}" role="alert">
                                            {{ message }}
                                        </div>
                                        {% endfor %}
                                        {% endfor %}
                                        {% for label, messages in app.flashes %}
                                        {% for message in messages %}
                                        <input type="hidden" class="notifyLabel" value="{{ label }}">
                                        <input type="hidden" class="notifyMessage" value="{{ message }}">
                                        {% endfor %}
                                        {% endfor %}



                                        <div class="row">

                                            <div class="col-md-6">
                                                <div class="card" style="background-color:#FFF9C4
;">
                                                    <div class="card-header">

                                                        <h4>Informations client</h4>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="table-responsive">
                                                            <table class="table dataTable table-striped">
                                                                <tbody>
                                                                    <tr>
                                                                        <th>Nom et Prenoms :</th>
                                                                        <th>{{commande.nom}} &nbsp{{commande.prenoms}}
                                                                        </th>

                                                                    </tr>

                                                                    <tr>
                                                                        <th>Email:</th>
                                                                        <th>{{ commande.email }}</th>

                                                                    </tr>

                                                                    <tr>
                                                                        <th>Contact telephonique:</th>
                                                                        <th> {{ commande.telephone }} /
                                                                            {{ commande.contact }} </th>

                                                                    </tr>

                                                                    <tr>
                                                                        <th>AGENCE COMMANDE:</th>
                                                                        <th>

                                                                            {% if  commande.uotreich == "ECOTECH"%}
                                                                            AGENCE COCODY TERMINUS 81
                                                                            {% endif %}
                                                                            {% if  commande.uotreich == "EAS-TREICH"%}
                                                                            AGENCE TREICHVILLE
                                                                            {% endif %}
                                                                            {% if  commande.uotreich == "CONNECTIC"%}
                                                                            CONNECTIC
                                                                            {% endif %}


                                                                        </th>

                                                                    </tr>

                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="card" style="background-color:#DCEDC8
;">
                                                    <div class="card-header">

                                                        <h4>Informations de livraison</h4>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="table-responsive">
                                                            <table class="table dataTable table-striped">
                                                                <tbody>
                                                                    <tr>
                                                                        <th>Priorité:</th>
                                                                        <th>{% if commande.priorite.designation is defined %}
                                                                            {{ commande.priorite.designation }}
                                                                            {% endif %}</th>

                                                                    </tr>
                                                                    <tr>
                                                                        <th>Commune:</th>
                                                                        <th>{% if commande.typecommune.designation is defined %}
                                                                            {{ commande.typecommune.designation }}
                                                                            {% else %}
                                                                            NON FOURNI
                                                                            {% endif %}
                                                                        </th>

                                                                    </tr>
                                                                    <tr>
                                                                        <th>Adresse de livraison:</th>
                                                                        <th>{{ commande.adresseclientlivraison }}</th>

                                                                    </tr>


                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-12 col-sm-12 col-lg-12">
                                                <div class="card" style="background-color:#B2EBF2

;">
                                                    <div class="card-header">
                                                        <h4>Informations sur le produit</h4>
                                                        <div class="alert alert-success">
                                                            {{ message }}
                                                        </div>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="table-responsive table-invoice">
                                                            <table class="table table-striped">
                                                                <tbody>
                                                                    <tr>
                                                                        <th>Articles</th>
                                                                        <th>Prix unitaire</th>
                                                                        <th>Quantité</th>
                                                                        <th>Total</th>
                                                                        {#
                                                <th>Progress</th>
                                                <th>Start Date</th>
                                                <th>Delivery Date</th>
                                                <th>Action</th> #}
                                                                    </tr>
                                                                    {% for produit in commande.produit %}
                                                                    <tr>

                                                                        <td> {{produit.lproduit.designation}}</td>
                                                                        <td> {{produit.lproduit.prixunitaire|number_format(0, ',', ' ')    }}
                                                                            FCFA</td>
                                                                        <td> {{produit.quantite|number_format(0, ',', ' ')}}
                                                                        </td>
                                                                        <td> {{ (produit.lproduit.prixunitaire * produit.quantite)|number_format(0, ',', ' ')}}
                                                                            FCFA</td>

                                                                    </tr>
                                                                    {% endfor %}
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


                                        {% if (commande.typestatut.designation) in ['echec Livraison' ]  %}
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="card">
                                                    <div class="card-header">

                                                        <h4>Informations complementaire sur la commandes</h4>

                                                    </div>
                                                    <div class="card-body">
                                                        <b style="color:crimson;font-size:18px;font-weight:bold;">{{commande.commentaire}}
                                                        </b>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {% endif %}

  <div class="row">
                                            <div class="col-md-12">
                                                <div class="card">

                                                    <div class="card-header">

                                                        <h4>Statut de la transaction ( <b class="badge badge-primary"
                                                                style="background-color:;">
                                                                {{ commande.statuttransaction   }} </b>) il reste à versé {{ commande.ecarttransaction   }} </h4>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="table-responsive">
                                                            {% if listquerytransaction is defined %}
                                                            {% if listquerytransaction|length != 0 %}
                                                            {% for listquerytransaction in listquerytransaction %}
                                                            {% if loop.first %}
                                                            {% if commande.statuttransaction == listquerytransaction.statuttransaction %}
                                                            {% if app.user is not null %}


                                                            <b style="color:#000000;font-size:20px;font-weight:bold;">{{app.user.nom}}
                                                                {{app.user.prenoms}}; Ceci est l'historique des
                                                                statuts,si le dernier statut est different sur ce qui
                                                                est juste en haut veuillez signalé à
                                                                l'informaticien.Merci </b>
                                                            {% else %}
                                                            <b style="color:#000000;font-size:20px;font-weight:bold;">{{app.user.nom}}
                                                                {{app.user.prenoms}}; Cette commande a eu surement un
                                                                soucis dans la mise a jour de l'historique veuillez
                                                                signalé à l'informaticien.Merci </b>
                                                            {% endif %}
                                                            {% endif %} {% endif %}
                                                            {% endfor %}
                                                            {% endif %} {% endif %}

                                                            <table class="table dataTable table-striped">
                                                                <table class="table table-striped">
                                                                    <tbody>
                                                                        <tr>
                                                                            <th>Statut transaction</th>
                                                                            <th>Agent qui a remis au dispatching</th>
                                                                            <th>Montant remis</th>
                                                                            <th>Date</th>
                                                            
                                                                        </tr>
                                                                        {% if listquerytransaction is defined %}
                                                                        {% if listquerytransaction|length != 0 %}
                                                                        {% for listquerytransaction in listquerytransaction %}
                                                                        <tr {% if loop.first %}
                                                                            style="background-color:;"
                                                                            {% endif %}>

                                                                            <td style="font-bold:weight;">
                                                                                {{ listquerytransaction.statuttransaction|title }}
                                                                            </td>
                                                                            <td style="font-bold:weight;">
                                                                                {{ listquerytransaction.usertransaction.username }}
                                                                            </td>
                                                                            <td style="font-bold:weight;">
                                                                                {{ listquerytransaction.montanttransaction|number_format(0, ',', ' ') }}
                                                                            </td>
                                                                            <td style="font-bold:weight;">
                                                                                {{listquerytransaction.datetransaction|date('d-m-Y H:i:s')}}
                                                                            </td>

                                                                        </tr>
                                                                        {% endfor %}

                                                                        {% else %}
                                                                        <b
                                                                            style="color:crimson;font-size:14px;font-weight:bold;">PAS
                                                                            DE ITEMS</b>
                                                                        {% endif %}


                                                                        {% endif %}



                                                                    </tbody>
                                                                </table>

                                                                <div class="form-row">

                                                                    <div class="form-group col-md-12">


                                                                    </div>
                                                                    <div class="form-group col-md-9">


                                                                    </div>
                                                                    <div class="form-group col-md-3">


                                                                    </div>
                                                                </div>


                                                        </div>
                                                    </div>
                                                </div>
                                            </div>


</div>

                                        <div class="row">
                                            <div class="col-md-8">
                                                <div class="card">

                                                    <div class="card-header">

                                                        <h4>Statut de la commande ( <b class="badge badge-primary"
                                                                style="background-color:{{commande.typestatut.color}};">
                                                                {{ commande.typestatut.designation   }} </b>)</h4>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="table-responsive">
                                                            {% if listqueryordo is defined %}
                                                            {% if listqueryordo|length != 0 %}
                                                            {% for listqueryordo in listqueryordo %}
                                                            {% if loop.first %}
                                                            {% if commande.typestatut.id == listqueryordo.statut.id %}
                                                            {% if app.user is not null %}


                                                            <b style="color:#000000;font-size:20px;font-weight:bold;">{{app.user.nom}}
                                                                {{app.user.prenoms}}; Ceci est l'historique des
                                                                statuts,si le dernier statut est different sur ce qui
                                                                est juste en haut veuillez signalé à
                                                                l'informaticien.Merci </b>
                                                            {% else %}
                                                            <b style="color:#000000;font-size:20px;font-weight:bold;">{{app.user.nom}}
                                                                {{app.user.prenoms}}; Cette commande a eu surement un
                                                                soucis dans la mise a jour de l'historique veuillez
                                                                signalé à l'informaticien.Merci </b>
                                                            {% endif %}
                                                            {% endif %} {% endif %}
                                                            {% endfor %}
                                                            {% endif %} {% endif %}

                                                            <table class="table dataTable table-striped">
                                                                <table class="table table-striped">
                                                                    <tbody>
                                                                        <tr>
                                                                            <th>Statut</th>
                                                                            <th>Agent</th>
                                                                            <th>Date</th>
                                                            
                                                                        </tr>
                                                                        {% if listqueryordo is defined %}
                                                                        {% if listqueryordo|length != 0 %}
                                                                        {% for listqueryordo in listqueryordo %}
                                                                        <tr {% if loop.first %}
                                                                            style="background-color:{{ listqueryordo.statut.color }};"
                                                                            {% endif %}>

                                                                            <td style="font-bold:weight;">
                                                                                {{ listqueryordo.statut.designation|title }}
                                                                            </td>
                                                                            <td style="font-bold:weight;">
                                                                                {{ listqueryordo.userordancement.username }}
                                                                            </td>
                                                                            <td style="font-bold:weight;">
                                                                                {{listqueryordo.dateordonancement|date('d-m-Y H:i:s')}}
                                                                            </td>

                                                                        </tr>
                                                                        {% endfor %}

                                                                        {% else %}
                                                                        <b
                                                                            style="color:crimson;font-size:14px;font-weight:bold;">PAS
                                                                            DE ITEMS</b>
                                                                        {% endif %}


                                                                        {% endif %}



                                                                    </tbody>
                                                                </table>

                                                                <div class="form-row">

                                                                    <div class="form-group col-md-12">


                                                                    </div>
                                                                    <div class="form-group col-md-9">


                                                                    </div>
                                                                    <div class="form-group col-md-3">


                                                                    </div>
                                                                </div>


                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="card" style="background-color:#F5F5F5
;">

                                                    <div class="card-header">

                                                        <h4>Recapitulatif prix</h4>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="table-responsive">
                                                            <table class="table dataTable table-striped">
                                                                <tbody>
                                                                    <tr>
                                                                        <th>Sous-Total :</th>
                                                                        <th>{{refTva|number_format(0, ',', ' ')  }}&nbsp
                                                                            FCFA</th>

                                                                    </tr>

                                                                    {% if commande.reducbool.designation =="OUI" %}
                                                                    <tr>
                                                                        <th>Remise:</th>
                                                                        <td> {{ commande.montantreduction }} &nbsp
                                                                            francs</td>
                                                                    </tr>
                                                                    {% endif %}

                                                                    {% if commande.paiementbool.designation =="OUI" %}
                                                                    <tr>
                                                                        <th>Paiement par avance:</th>
                                                                        <td> {{ commande.montantpaiementavance }} &nbsp
                                                                            francs</td>
                                                                    </tr>
                                                                    {% endif %}





                                                                    <tr>
                                                                        <th>Frais de livraison:</th>
                                                                        <th>{{ commande.fraislivraison|number_format(0, ',', ' ') }}&nbsp
                                                                            FCFA</th>

                                                                    </tr>

                                                                    <tr>
                                                                        <th>Total
                                                                            ({% if commande.reducbool.designation =="OUI" or  commande.paiementbool.designation =="OUI" %}
                                                                            Remise appliquée sur le montant total /
                                                                            Paiement par avance appliquer sur le montant
                                                                            total
                                                                            {% endif %}):</th>
                                                                        <th>
                                                                            {% if commande.reducbool.designation =="OUI" or  commande.paiementbool.designation =="OUI"  %}
                                                                            {{ ( (refTva  + commande.fraislivraison - commande.montantreduction - commande.montantpaiementavance))|number_format(0, ',', ' ')  }}
                                                                            {% else %}
                                                                            {{ (refTva  + commande.fraislivraison   )|number_format(0, ',', ' ')  }}
                                                                            {% endif %} &nbsp FCFA</th>

                                                                    </tr>

                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-12 col-sm-12 col-lg-12">
                                                <div class="card" style="background-color:#F5F5F5;


;">
                                                    <div class="card-header">
                                                        <h4>Informations complementaires</h4>
                                                        {% for message in app.flashes('message') %}
                                                        <div style="color:red;">
                                                            {{ message }}
                                                        </div>
                                                        {% endfor %}

                                                    </div>
                                                    <div class="card-body">
                                                        <div class="table-responsive table-invoice">
                                                            <table class="table table-striped">



                                                                <table class="table dataTable table-striped">
                                                                    <tbody>
                                                                        <tr>
                                                                            <th>Commentaires</th>
                                                                            <th>Agent</th>
                                                                            <th>Date</th>

                                                                        </tr>
                                                                        {% if listcommentaires is defined %}
                                                                        {% if listcommentaires|length != 0 %}
                                                                        {% for listcommentaires in listcommentaires %}
                                                                        <tr>
                                                                            <th>{{ listcommentaires.commentaire|title }}
                                                                            </th>
                                                                            <th>{{ listcommentaires.usercommentaire.username|title  }}
                                                                            </th>
                                                                            <th>{{ listcommentaires.datecommentaire ? listcommentaires.datecommentaire|date('Y-m-d H:i:s') : '' }}
                                                                            </th>
                                                                        </tr>
                                                                        {% endfor %}

                                                                        {% else %}
                                                                        <b
                                                                            style="color:crimson;font-size:14px;font-weight:bold;">Pas
                                                                            de commentaires</b>
                                                                        {% endif %}


                                                                        {% endif %}





                                                                    </tbody>
                                                                </table>
                                                                {% if (commande.typestatut.designation) =="livraison effectuée" %}

                                                                {% else %}


                                                                <tbody>



                                                                    {{ form_start(form) }}
                                                                    <div class="form-row">
                                                                        <form role="form"
                                                                            action="{{path('commandes_timeline', { 'id' : commande.id } )}} "
                                                                            method="POST">
                                                                            <div class="form-group col-md-12">

                                                                                <fieldset>
                                                                                    <legend>Commentaire(s):</legend>
                                                                                    <input name="valide" value="ok"
                                                                                        type="hidden"
                                                                                        class="form-control">
                                                                                    <textarea rows="10" name="comment"
                                                                                        placeholder="Entrer votre message"
                                                                                        class="form-control"
                                                                                        required></textarea>
                                                                                </fieldset>
                                                                            </div>
                                                                            <div class="form-group col-md-9">
                                                                                {{ form_widget(form.typestatut) }}

                                                                            </div>
                                                                            <div class="form-group col-md-3">

                                                                                {% if (commande.typestatut.designation) in ['livraison effectuée','prêt pour livraison','en Livraison']  %}
                                                                                <b style="color:crimson;"> Impossible de
                                                                                    changer le statut:
                                                                                    <br>{{commande.typestatut.designation|title}}
                                                                                </b>
                                                                                {% else %}
                                                                                <button class="btn btn-primary">Mettre a
                                                                                    jour</button>
                                                                                {% endif %}






                                                                            </div>
                                                                    </div>
                                                                    </form>
                                                                    {{ form_end(form) }}
                                                                </tbody>
                                                                {% endif %}
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {% if (commande.typestatut.designation) in ['livraison effectuée','prêt pour livraison','en Livraison']  %}

                                        <div class="row">

                                        </div>
                                        <div class="col-md-12">
                                            <a href="javascript:history.back()" class="btn btn-success">Retour a la
                                                liste</a>

                                        </div>

</div>
{% else %}
<div class="row">
    <div class="col-md-4">

        <a href="{{ path('commandes_edit', {'id': commande.id}) }}" class="btn btn-primary">Editer</a>

    </div>

    <div class="col-md-4">
        {% if (commande.typestatut.designation) in ['Achat effectué'] %}
        <a href="{{ path('reimpression', {'id': commande.id}) }}" class="btn btn-primary" style="background-color:#D500F9
;">Imprimer LE RECU </a>
        {% else %}
        {% endif %}


    </div>

    <div class="col-md-4">
        <a href="javascript:history.back()" class="btn btn-success">Retour a la liste</a>

    </div>

</div>
{% endif %}

</section>
</div>

{% endblock %}
{% block javascripts %}
{{parent()}}
<script src="https://github.com/mouse0270/bootstrap-notify/releases/download/3.1.3/bootstrap-notify.min.js"></script>
<script>
    $(function () {
        var notifyLabel = $('.notifyLabel').val();
        var notifyMessage = $('.notifyMessage').val();

        if (notifyLabel != undefined) {
            $.notify({
                // options
                icon: 'fas fa-check-circle',
                title: '',
                message: notifyMessage,
                url: '',
                target: '_blank'
            }, {
                // settings
                element: 'body',
                type: notifyLabel,
                allow_dismiss: true,
                placement: {
                    from: "bottom",
                    align: "right"
                },
                animate: {
                    enter: 'animated bounceIn',
                    exit: 'animated bounceOut'
                }
            });
        }
    });
</script>
{% endblock %}
{# {% block javascripts %} 
   {{parent()}}
   <script>

$(document).ready(function() {
    moment.locale('fr');
    moment.updateLocale('fr', {
    longDateFormat : {
        LT: "h:mm A",
        LTS: "h:mm:ss A",
        L: "MM/DD/YYYY",
        LL: "MMMM Do YYYY",
        LLL: "MMMM Do YYYY LT",
        LLLL: "dddd Do MMMM YYYY"
    }
});
 const datelivraison = moment('{{commande.datelivraison|date('Y')}}-{{commande.datelivraison|date('m')}}-{{commande.datelivraison|date('d')}}').format('LLLL');
  const datecommande = moment('{{commande.datecommande|date('Y')}}-{{commande.datecommande|date('m')}}-{{commande.datecommande|date('d')}}').format('LLLL');
  const datevalidation = moment('{{commande.datevalidation|date('Y')}}-{{commande.datevalidation|date('m')}}-{{commande.datevalidation|date('d')}}').format('LLLL');
  const datetoday = moment('{{"now"|date('Y')}}-{{"now"|date('m')}}-{{"now"|date('d')}}').format('LLLL');

     $('.datelivraisoncomplet').html(datelivraison);
     $('.datecommandecomplet').html(datecommande);
$('.datevalidationcomplet').html(datevalidation);

    $('.js-example-basic-single').select2({
  theme: "classic",
  placeholder: 'choisir un type'
});

 console.log(start);
});
     </script>
 {% endblock %} #}