@extends('super-designer.layouts.default')
@section('style')
    <style>
        input[type='number'] {
            -moz-appearance: textfield;
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

        .switch {
            position: relative;
            display: inline-block;
            width: 45px;
            height: 21px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 13px;
            width: 13px;
            left: 3px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .check-article:checked+.slider {
            background-color: red;
        }

        .check-article:focus+.slider {
            box-shadow: 0 0 1px red;
        }

        .check-article:checked+.slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }

        /* Rounded sliders */
        .slider.round {
            border-radius: 34px;
        }

        .slider.round:before {
            border-radius: 50%;
        }

        .check-partiel {
            /* Add if not using autoprefixer */
            -webkit-appearance: none;
            /* Remove most all native input styles */
            appearance: none;
            /* For iOS < 15 */
            background-color: var(--form-background);
            /* Not removed via appearance */
            margin: 0;
            font: inherit;
            color: currentColor;
            width: 1.15em;
            height: 1.15em;
            border: 0.15em solid currentColor;
            border-radius: 0.15em;
            transform: translateY(-0.075em);
            display: grid;
            place-content: center;
        }

        .check-partiel::before {
            content: "";
            width: 0.65em;
            height: 0.65em;
            clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
            transform: scale(0);
            transform-origin: bottom left;
            transition: 120ms transform ease-in-out;
            box-shadow: inset 1em 1em var(--form-control-color);
            /* Windows High Contrast Mode */
            background-color: CanvasText;
        }

        .check-partiel:checked::before {
            transform: scale(1);
        }

        .check-partiel:checked {
            outline: max(2px, 0.15em) solid currentColor;
            outline-offset: max(2px, 0.15em);
        }

        .check-partiel:disabled {
            --form-control-color: var(--form-control-disabled);
            color: var(--form-control-disabled);
            cursor: not-allowed;
        }
    </style>
@endsection
@section('content')

    <div class="content-i">
        <div class="content-box">
            <div class="element-wrapper">
                <div id="messages"></div>
                <div class="row row-eq-heigth">
                    <div class="col-4">
                        <div class="element-box" style="min-height:230px">
                            <div class="font-size-16 font-weight-bold">Informations commande</div>
                            <div>
                                <label for="">Numéro de commande : </label>
                                {{ $c->id }}
                            </div>
                            <div>
                                @if ($c->projet_id)
                                    <label for="">Numéro du projet : </label>
                                    {{ $c->projet_id }}
                                @else
                                    <label for="">Numéro de consultation : </label>
                                    {{ $c->consultation_id }}
                                @endif

                            </div>
                            <div>
                                <label for="">Date de commande: </label>
                                {{ $c->date ?? $c->created_at }}
                            </div>
                            <div>
                                <label for="">Prénom : </label>
                                {{ $user->prenom }}
                            </div>
                            <div>
                                <label for="">Nom : </label>
                                {{ $user->nom }}
                            </div>
                            <div>
                                <label for="">Email : </label>
                                {{ $user->email }}
                            </div>
                            <div>
                                <label for="">Téléphone : </label>
                                @php
                                    $user->adresses->first();
                                    $adresse_livraison = $user->adresse_livraison ?? $user->adresse_facturation;
                                @endphp
                                {{ $user->telephone ? $user->telephone : $adresse_livraison->telephone_mobile }}
                            </div>
                        </div>
                    </div>
                    @if ($user->adresses->first())
                        <div class="col">
                            <div class="element-box" style="min-height:230px">
                                <div class="font-size-16 font-weight-bold">Adresse de livraison</div>

                                @php $adresse_livraison =  $user->adresse_livraison ?? $user->adresse_facturation;  @endphp
                                @if ($adresse_livraison)
                                    <div>{{ $adresse_livraison->prenom ?? '' }} {{ $adresse_livraison->nom ?? '' }} </div>
                                    <div>{{ $adresse_livraison->adresse ?? '' }} </div>
                                    @if ($adresse_livraison->telephone_fixe)
                                        <div>Fixe: {{ $adresse_livraison->telephone_fixe ?? '' }} </div>
                                    @endif

                                    @if ($adresse_livraison->telephone_mobile)
                                        <div>Portable: {{ $adresse_livraison->telephone_mobile ?? '' }} </div>
                                    @endif

                                    @if ($adresse_livraison->code_postal)
                                        <div>Code postal : {{ $adresse_livraison->code_postal ?? '' }} </div>
                                    @endif
                                    @if ($adresse_livraison->code_postal)
                                        <div>Ville : {{ $adresse_livraison->ville ?? '' }} </div>
                                    @endif
                                    <div>{{ $adresse_livraison->pays ?? '' }}</div>
                                @endif

                            </div>
                        </div>

                        <div class="col-auto">
                            <div class="row pull-right pl-3">
                                @if ($c->statut == 'Devis reçu' || $c->statut == 'Devis en cours')
                                    <a href="{{ route('super-designer.devis') }}" class="btn btn-primary pull-right ml-1">
                                        Retour</a>
                                @else
                                    <a href="{{ route('super-designer.commandes') }}"
                                        class="btn btn-primary pull-right ml-1">
                                        Retour</a>
                                @endif
                            </div>
                            <div class="row element-box">
                                <label class="font-size-16 font-weight-bold">Statut :</label> {{ $c->statut }}
                            </div>
                        </div>
                    @endif
                </div>

                <div class="element-box">
                    <form method="post" action="{{ route('super-designer.commandes.accept', $c->id) }}">
                        {{ csrf_field() }}
                        <div class="table-responsive">
                            <table class="table table-striped  table-lightfont" id="produits">
                                <thead>
                                    <tr class="text-center">
                                        <th width="50">Rang</th>
                                        @if ($c->statut == 'Devis en cours' || $c->statut == 'Devis reçu')
                                            <th width="50">Prêt</th>
                                        @endif
                                        <th width="110">Photo</th>
                                        <th width="400">Article</th>
                                        <th width="100">Prix public</th>
                                        <th width="110">Prix Achat</th>
                                        <th width="110">Prix pipcke</th>
                                        <th width="80">Quantité</th>
                                        <th width="120">Économie realisée
                                        <th width="80">Frais de livraison</th>
                                        <th width="100">Prix total</th>
                                        <th width="75">C+</th>
                                        @if ($c->statut == 'Commande validée' || $c->statut == 'Expédiée')
                                            <th width="40">statut</th>
                                        @else
                                            <th width="50">Dispo</th>
                                        @endif
                                        <th width="50">Action</th>

                                    </tr>
                                </thead>
                                @php

                                    $qte = 0;
                                    $totalprixindicatif = 0;
                                    $totalprixpipcke = 0;
                                    $totalprixachat = 0;
                                    $totallivraison = 0;
                                    $totalprix = 0;
                                    $totaleconomie = 0;
                                    $totalcommission = 0;
                                @endphp
                                <tbody id="tblCmds">
                                    @foreach ($commandes as $key => $cmd)
                                        @php
                                            if ($cmd->status != 'Non pris en charge') {
                                                $qte += $cmd->quantite;
                                                $totalprixindicatif += $cmd->produit->prix;
                                                $totalprixpipcke += $cmd->prix_pipcke * $cmd->quantite;
                                                $totalprixachat += $cmd->prix_achat * $cmd->quantite;
                                                $totallivraison += $cmd->frais_livraison;
                                                $totalprix += $cmd->prix_total;
                                                $val = 0;
                                                $valcommission = 0;
                                                $economie = 0;
                                                $commission = 0;
                                                if ($cmd->produit->prix) {
                                                    $val = ($cmd->produit->prix - $cmd->prix_pipcke) * $cmd->quantite;
                                                }
                                                if ($cmd->prix_achat) {
                                                    $valcommission =
                                                        ($cmd->prix_pipcke - $cmd->prix_achat) * $cmd->quantite;
                                                }
                                                $economie += $val;
                                                $economie = round($economie, 2);
                                                $commission += $valcommission;
                                                $commission = round($commission, 2);
                                                $totalcommission += $commission;
                                                $totaleconomie += $economie;
                                            }
                                        @endphp
                                        <tr action="{{ route('super-designer.commandes.details.update', $cmd->id) }}">

                                            <td class="rang text-center" rang="{{ $cmd->id }}"
                                                style="border-left:1px solid #ccc;"> {{ $key + 1 }}
                                            </td>
                                            @if ($c->statut == 'Devis en cours' || $c->statut == 'Devis reçu')
                                                <td class="text-center" style="border-left:1px solid #ccc;">
                                                    <input class="check-partiel m-auto" type="checkbox"
                                                        name="checkbox_partiel" id="{{ $cmd->id }}"
                                                        id="checkbox_partiel">
                                                </td>
                                            @endif
                                            <td style="border-left:1px solid #ccc;">
                                                <input name="id[]" type="hidden" value="{{ $cmd->id }}">
                                                <a href="{{ $cmd->produit->source }}" target="_blank" class="img">
                                                    <img src="{{ asset($cmd->produit->photo) }}" width="100"
                                                        height="100">
                                                </a>
                                            </td>
                                            <td id="copiable"> {{ $cmd->produit->nom }}
                                                @if ($cmd->produit->fournisseur)
                                                    <br> <em>Fournisseur</em> : {{ $cmd->produit->fournisseur }}
                                                @endif
                                                <br> <em>Marque</em> : {{ $cmd->produit->marque }}
                                                <br> <em>Dimensions</em> : L. {{ $cmd->produit->largeur }} x
                                                H.{{ $cmd->produit->hauteur }} x P. {{ $cmd->produit->profondeur }}
                                                <br> <em>Référence</em> : {{ $cmd->produit->reference }}
                                                @if ($cmd->produit->couleur)
                                                    <br> <em>Couleur</em> : {{ $cmd->produit->couleur }}
                                                @endif
                                                @if ($cmd->produit->finition)
                                                    <br> <em>Finition</em> : {{ $cmd->produit->finition }}
                                                @endif
                                                @if ($cmd->produit->info)
                                                    <br> <em>Infos</em> : {{ $cmd->produit->info }}
                                                @endif
                                                <br>
                                                <textarea class="form-control remarque" placeholder="{{ 'Commentaires,remarques...' }}" name="remarque[]">{{ $cmd->remarque }}</textarea>
                                            </td>
                                            <td id="copiable" class="text-center prix" style="border-left:1px solid #ccc;">
                                                {{ $cmd->produit->prix }}
                                                <input class="prix_prod" type="hidden" name="prix_prod[]"
                                                    value="{{ $cmd->produit->prix }}">
                                                <div class="btn btn-sm pull-right" id="editPrice"
                                                    data-target="#prix-produit{{ $cmd->produit->id }}" data-toggle="modal">
                                                    <i class="fa fa-pencil"></i>
                                                </div>

                                            </td>
                                            <td id="copiable">
                                                <input type="number" min="0" step="0.01"
                                                    class="form-control prix_achat"
                                                    @if ($c->statut == 'Commande validée' || $c->statut == 'Expédiée' || $cmd->status == 'Non pris en charge') readonly="" @endif
                                                    name="prix_achat[]"
                                                    value="{{ $cmd->status == 'Non pris en charge' ? '0' : $cmd->prix_achat }}">
                                            </td>
                                            <td id="copiable"
                                                style="border-left:1px solid #ccc; border-right:1px solid #ccc">
                                                <input type="number" min="0" step="0.01"
                                                    class="form-control prix_pipcke"
                                                    @if ($c->statut == 'Commande validée' || $c->statut == 'Expédiée' || $cmd->status == 'Non pris en charge') readonly="" @endif
                                                    name="prix_pipcke[]"
                                                    value="{{ $cmd->status == 'Non pris en charge' ? '0' : $cmd->prix_pipcke }}">
                                            </td>
                                            <td id="copiable" class="text-center"
                                                style="border-left:1px solid #ccc; border-right:1px solid #ccc">
                                                {{-- {{$cmd->quantite}} --}}
                                                <input type="number" min="1" step="1"
                                                    class="form-control quantite"
                                                    @if ($c->statut == 'Commande validée' || $c->statut == 'Expédiée' || $cmd->status == 'Non pris en charge') readonly="" @endif name="quantite[]"
                                                    value="{{ $cmd->status == 'Non pris en charge' ? '0' : $cmd->quantite }}">
                                            </td>

                                            <td id="copiable" class="text-center economie"
                                                style="border-left:1px solid #ccc; border-right:1px solid #ccc">
                                                {{ $cmd->status == 'Non pris en charge' ? '0' : round($economie, 2) }}</td>

                                            <td id="copiable">
                                                <input type="number" step="0.01" min="0"
                                                    class="form-control frais_livraison"
                                                    @if ($c->statut == 'Commande validée' || $c->statut == 'Expédiée' || $cmd->status == 'Non pris en charge') readonly="" @endif
                                                    name="frais_livraison[]"
                                                    value="{{ $cmd->status == 'Non pris en charge' ? '0' : $cmd->frais_livraison ?? ' ' }}">
                                            </td>

                                            <td id="copiable" class="text-center prix_total"
                                                style="border-left:1px solid #ccc;">
                                                {{ $cmd->status == 'Non pris en charge' ? '0' : round($cmd->prix_total, 2) }}
                                            </td>
                                            <td id="copiable" class="text-center commission"
                                                style="border-left:1px solid #ccc;">
                                                {{ $cmd->status == 'Non pris en charge' ? '0' : round($commission, 2) }}
                                            </td>

                                            @if ($c->statut == 'Commande validée' || $c->statut == 'Expédiée')
                                                <td id="copiable">
                                                    {{ $cmd->status }}
                                                </td>
                                            @endif
                                            @if ($c->statut == 'Devis en cours' || $c->statut == 'Devis reçu')
                                                <td style="border-left:1px solid #ccc;">
                                                    <label class="switch">
                                                        <input class="check-article" type="checkbox"
                                                            name="checkbox_article" id="checkbox_article"
                                                            {{ $cmd->status == 'Non pris en charge' ? 'checked' : '' }}>
                                                        <span class="slider round"></span>
                                                    </label>
                                                </td>
                                            @endif
                                            <td class="text-center"
                                                style="border-left:1px solid #ccc;border-right:1px solid #ccc;">
                                                @if ($c->statut == 'Commande validée' || $c->statut == 'Expédiée')
                                                    <a href="" class="btn btn-sm btn-primary"
                                                        data-target="#modal-commande{{ $cmd->id }}"
                                                        data-toggle="modal"><i class="fa fa-pencil"></i></a>
                                                @endif
                                                @if ($c->statut == 'Devis en cours' || $c->statut == 'Devis reçu')
                                                    {{-- <input class="check-article form-check-input" type="checkbox"
                                                        name="checkbox_article" id="checkbox_article"
                                                        {{ $cmd->status == 'Non pris en charge' ? 'checked' : '' }}> --}}

                                                    <a href="{{ route('super-designer.commandes.details.delete', $cmd->id) }}"
                                                        class="btn btn-sm btn-danger mb-1"><i class="fa fa-trash"></i></a>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot style="background-color: #1039a1">
                                    <tr class="text-center">
                                        <td></td>
                                        @if ($c->statut == 'Devis en cours' || $c->statut == 'Devis reçu')
                                            <td></td>
                                        @endif
                                        <td class="text-white"></td>
                                        <td class="text-white">Total</td>
                                        <td class="text-white">{{ round($totalprixindicatif, 2) }} €</td>
                                        <td class="text-white totalprixachat">{{ round($totalprixachat, 2) }} € </td>
                                        <td class="text-white totalprixpipcke">{{ round($totalprixpipcke, 2) }} € </td>
                                        <td class="text-white text-center">{{ $qte }}</td>
                                        <td class="text-white text-center pl-3 totaleconomie">
                                            <span>{{ round($totaleconomie, 2) }}</span> €
                                            <input type="checkbox" class="pull-right form-text" name="economie"
                                                {{ $c->status_economie == 'on' ? 'checked' : '' }}>
                                        </td>
                                        <td class="text-white totallivraison">{{ round($totallivraison, 2) }} €</td>
                                        <td class="text-white totalprix">{{ round($totalprix, 2) }} €</td>
                                        <td class="text-white totalcommission">
                                            {{ round($totalcommission, 2) }} €
                                        </td>
                                        <td class="text-white"></td>
                                        <td class="text-white"> </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div class="text-right mt-3">
                            @if ($c->statut == 'Devis en cours' || $c->statut == 'Devis reçu')
                                <a href="#" name="partiel"
                                    action="{{ route('super-designer.commandes.details.partiel', $c->id) }}"
                                    class="partiel_devis btn btn-dark text-white disabled">Devis partiel
                                </a>
                            @endif
                            {{-- @if ($c->statut == 'Devis en cours') --}}
                            <a href="#" name="enregistrer" class="btn btn-primary text-white">Enregistrer</a>
                            {{-- @endif --}}
                            <button type="submit" class="btn btn-primary text-white">Envoyer</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    @foreach ($commandes as $cmd)
        @include('super-designer.partials.modals.commande')
        @include('super-designer.partials.modals.updateProduitPrix')
    @endforeach
@endsection
@section('script')
    <script src="{{ asset('js/sweetalert2@8.js') }}"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/themes/smoothness/jquery-ui.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js"></script>

    <script type="text/javascript">
        var selectedCmds = new Array();
        var status = true;
        $(document).ready(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $(document).on('click', '[name=enregistrer]', function(event) {
                event.preventDefault();
                $.each($('#produits tbody').find('tr'), function(index, tr) {
                    $.ajax({
                            url: $(tr).attr('action'),
                            type: 'POST',
                            data: {
                                remarque: $(tr).find('.remarque').val(),
                                prix_pipcke: $(tr).find('.prix_pipcke').val(),
                                quantite: $(tr).find('.quantite').val(),
                                prix_achat: $(tr).find('.prix_achat').val(),
                                frais_livraison: $(tr).find('.frais_livraison').val(),
                                economie: $('.economie').is(':checked') || $('.economie_footer')
                                    .is(':checked'),
                                rang: selectedCmds.indexOf($(tr).find('.rang').attr("rang")),
                                non_pris: $(tr).find('.check-article').is(':checked') ? '1' :
                                    '0'
                            }
                        })
                        .done(function(response) {
                            if (!(response.status)) {
                                status = false;
                            }
                            // location.reload();
                        })
                        .fail(function(jqXHR, ajaxOptions, thrownError) {
                            var errorHtml =
                                '<div class="alert alert-danger alert-block text-center">' +
                                '<button type="button" class="close" data-dismiss="alert">x</button>' +
                                '<span>Erreur mise à jour projets</span>' +
                                '</div>';
                            $('#messages').html(errorHtml);
                        });
                });
            });

            $(document).on('keyup', 'input', function(event) {
                let tr = $(this).parents('tr');
                let prix = $(tr).find('.prix_prod').val() * 1;
                if (prix) {
                    let prix_pipcke = $(tr).find('.prix_pipcke').val() * 1;
                    let prix_achat = $(tr).find('.prix_achat').val() * 1;
                    let quantite = $(tr).find('.quantite').val() * 1;
                    let frais_livraison = $(tr).find('.frais_livraison').val() * 1;
                    let prix_total = (prix_pipcke * quantite) + frais_livraison;
                    $(tr).find('.prix_total').html(parseFloat(prix_total).toFixed(2));
                    let economie = ((prix * quantite) + frais_livraison) - $(tr).find('.prix_total')
                        .html() * 1;
                    let commission = (prix_pipcke - prix_achat) * quantite;
                    $(tr).find('.commission').html(parseFloat(commission).toFixed(2));
                    $(tr).find('.economie').html(parseFloat(economie).toFixed(2));
                    let totalprixpipcke = 0;
                    let totalprixachat = 0;
                    let totallivraison = 0;
                    let totalprix = 0;
                    let totaleconomie = 0;
                    let totalcommission = 0;
                    $.each($('#produits tbody').find('tr'), function(index, tr) {
                        if (!($(tr).find('.check-article').is(':checked'))) {
                            totalprixpipcke += $(tr).find('.prix_pipcke').val() * quantite;
                            totalprixachat += $(tr).find('.prix_achat').val() * quantite;
                            totallivraison += $(tr).find('.frais_livraison').val() * 1;
                            totalprix += $(tr).find('.prix_total').html() * 1;
                            totaleconomie += $(tr).find('.economie').html() * 1;
                            totalcommission += $(tr).find('.commission').html() * 1;
                        }
                    });
                    $('.totalprixpipcke').html(parseFloat(totalprixpipcke).toFixed(2) + " €");
                    $('.totalprixachat').html(parseFloat(totalprixachat).toFixed(2) + " €");
                    $('.totallivraison').html(parseFloat(totallivraison).toFixed(2) + " €");
                    $('.totalprix').html(parseFloat(totalprix).toFixed(2) + " €");
                    $('.totaleconomie').find('span').html(parseFloat(totaleconomie).toFixed(2));
                    $('.totalcommission').html(parseFloat(totalcommission).toFixed(2) + " €");
                }

            });
            $("#tblCmds").sortable({
                items: 'tr',
                cursor: 'pointer',
                axis: 'y',
                dropOnEmpty: false,
                delay: 150,
                cancel: "#tblCmds tr #copiable",
                stop: function(e, ui) {
                    selectedCmds = [];
                    $(this).children().each(function(index) {
                        $(this).find('td').first().html(index + 1);
                        selectedCmds.push($(this).find('td').first().attr("rang"));
                    });
                }
            });
            // $(document).on('keyup', 'input', function(event) {
            //     if (jQuery('.check-partiel:checked').length) {

            //     }
            // });

            $(".check-partiel").change(function() {
                if (jQuery('.check-partiel:checked').length) {
                    $(".partiel_devis").removeClass("disabled", 250);
                } else {
                    $(".partiel_devis").addClass("disabled", 250);
                }
            });

            $(document).on("click", "[name=partiel]", function(event) {
                event.preventDefault();
                event.stopPropagation();
                Swal.fire({
                    html: '<b>Voulez-vous créer un devis partiel ?</b>',
                    icon: 'warning',
                    showCancelButton: true,
                    reverseButtons: true,
                    confirmButtonText: 'Confirmer',
                    cancelButtonText: 'Annuler'
                }).then((result) => {
                    if (result.value) {
                        var partials = [];
                        $('.check-partiel:not(:checked)').each(function() {
                            partials.push($(this).attr('id'));
                        });

                        $.ajax({
                                url: $(this).attr('action'),
                                type: 'POST',
                                data: {
                                    partials: partials
                                }
                            })
                            .done(function(response) {
                                console.log('success');
                                if (!(response.status)) {
                                    status = false;
                                }
                                location.reload();
                            })
                            .fail(function(jqXHR, ajaxOptions, thrownError) {
                                console.log('error');
                                var errorHtml =
                                    '<div class="alert alert-danger alert-block text-center">' +
                                    '<button type="button" class="close" data-dismiss="alert">x</button>' +
                                    '<span>Erreur création devis.</span>' +
                                    '</div>';
                                $('#messages').html(errorHtml);
                            });
                    }
                })


            });
        });
        $(document).ajaxStop(function() {
            if (status) {
                var message = '<div class="alert alert-success alert-block text-center">' +
                    '<button type="button" class="close" data-dismiss="alert">x</button>' +
                    '<span>Commande modifiée avec succès</span>' +
                    '</div>';
            } else {
                var message = '<div class="alert alert-danger alert-block text-center">' +
                    '<button type="button" class="close" data-dismiss="alert">x</button>' +
                    '<span>Erreur mise à jour commande</span>' +
                    '</div>';
            }
            $('#messages').html(message);
        });
    </script>
@endsection