@extends('layouts.master', ['hide_sidebar' => 'ok'])

@section('title', 'title')

@section('titlePageHeading', '') 
@section('content') 
<style>
    ._top-bar {
    display: none !important;
}
._content {
    padding: 10px 10px 10px 10px;
}
#wrapper #content-wrapper {
    background-color: #ffffff;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css'>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<link rel='stylesheet' href='/assets/hamza/styles.css?v=48'>
<div class="partigau">
        <div class="part2">
            <div class="infoclx">
                <div class="codecl">Code client</div>
                <div class="codecl1">ABC01245</div>
            </div>

            <div class="xinfocl">
                <div class="codecl">Client</div>
                <div class="codecl1">Said SAidi</div>
            </div>


            <div class="infocl">
                <div class="codecl">Canal</div>
                <div class="codecl1">Superette</div>
            </div>


            <div class="infocl">
                <div class="codecl">Ville</div>
                <div class="codecl1">Casablanca</div>
            </div>


            <div class="infoclx">
                <div class="codecl">Situation</div>
                <div class="codecl1" style="color: red;">-1500 Dh</div>
            </div>


            <div class="infoclx" style="width: 10.8%;">
                <div class="codecl">Statut</div>
                <div class="codecl1">Actif</div>
            </div>


            <div class="clr"></div>
        </div>

        <div class="clr"></div>
        <div class="parts2">

            <div class="menu1">
                <div class="imagemenu">
                    <img src="/assets/hamza/r1.png" class="r1"></div>
                <div class="r1txt">Boulangerie</div>
            </div>

            <div class="menu2">
                <div class="imagemenu">
                    <img src="/assets/hamza/r2.png" class="r1"></div>
                <div class="r2txt">Viennoiserie</div>
            </div>

            <div class="menu2">
                <div class="imagemenu">
                    <img src="/assets/hamza/r3.png" class="r1"></div>
                <div class="r2txt">Pâtisserie</div>
            </div>

            <div class="menu2">
                <div class="imagemenu">
                    <img src="/assets/hamza/r4.png" class="r1"></div>
                <div class="r2txt">Snaking</div>
            </div>


            <div class="xotak5">
                <input class="datelil2i" type="text" placeholder="ex : Flûte semoule, Macron, ...">
            </div>

            <div class="menu9">
                <div class="imagexmenu">
                    <img src="/assets/hamza/liste-a-puces.png" class="r1"></div>
            </div>
            <div class="menu9">
                <div class="imagexmenu">
                    <img src="/assets/hamza/menu.png" class="r1"></div>
            </div>
            <div class="activeb menu9">
                <div class="imagexmenu">
                    <img src="/assets/hamza/tile.png" class="r1"></div>
            </div>

<div class="clr"></div>
<div class="menay001">
    <img src="/assets/hamza/c0heck_9778606.png" class="menayimg">
    <div class="menaytxt">Obligatoire</div>
</div>

<div class="menay002">
<img src="/assets/hamza/m0ission_1628441.png" class="menayimg">
    <div class="menayt2xt">Challenge</div>
</div>


<div class="menay002">
<img src="/assets/hamza/h0eart_1077035.png" class="menayimg">
    <div class="menayt2xt">Recommandée</div>
</div>


<div class="menay002">
<img src="/assets/hamza/c0hoice_5271350.png" class="menayimg">
    <div class="menayt2xt">Optionnelle</div>
</div>


<div class="menay002">
<img src="/assets/hamza/m0ozy_873236.png" class="menayimg">
    <div class="menayt2xt">Tout</div>
</div>


            <div class="clr"></div>
            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="disposi"><img src="/assets/hamza/box2.png" class="box2">Dispo : 15</div>
                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>



            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="disposi"><img src="/assets/hamza/box2.png" class="box2">Dispo : 15</div>
                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>




            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="disposi"><img src="/assets/hamza/box2.png" class="box2">Dispo : 15</div>
                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>


            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="disposi"><img src="/assets/hamza/box2.png" class="box2">Dispo : 15</div>
                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>


            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>



            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>

            <div class="backyello">
                <div class="backyello2">
                    <!--  <img src="/assets/hamza/p01.png" class="image36">
 -->
                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="disposi"><img src="/assets/hamza/box2.png" class="box2">Dispo : 15</div>
                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>



            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="disposi"><img src="/assets/hamza/box2.png" class="box2">Dispo : 15</div>
                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>




            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="disposi"><img src="/assets/hamza/box2.png" class="box2">Dispo : 15</div>
                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>


            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="disposi"><img src="/assets/hamza/box2.png" class="box2">Dispo : 15</div>
                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>

            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="disposi"><img src="/assets/hamza/box2.png" class="box2">Dispo : 15</div>
                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>

            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="disposi"><img src="/assets/hamza/box2.png" class="box2">Dispo : 15</div>
                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>


            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="disposi"><img src="/assets/hamza/box2.png" class="box2">Dispo : 15</div>
                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>

            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="disposi"><img src="/assets/hamza/box2.png" class="box2">Dispo : 15</div>
                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>

            <div class="backyello">
                <div class="backyello2">

                    <div class="titlo1">PFU000386</div>
                    <div class="titlo2">Mini pain au chocolat</div>
                    <div class="igramme">60g</div>
                    <div class="igramme">80 U/C</div>
                    <div class="clr"></div>
                    <div class="igramme2">Pré poussé</div>

                    <div class="disposi"><img src="/assets/hamza/box2.png" class="box2">Dispo : 15</div>
                    <div class="hab25"><img src="/assets/hamza/pic37.png" class="image37">Hab : 25</div>
                </div>

                <div class="clr"></div>
                <div class="linshop"></div>
                <div class="clr"></div>
                <div class="partla1">
                    <div class="pricela2">P.U : 3.5 Dh</div>
                    <div class="price1fs">119<span>.00 Dh</span></div>

                    <div class="clr"></div>
                </div>
                <div class="pluscart">+</div>
                <div class="">

                </div>


                <div class="clr"></div>
            </div>

        </div>
    </div>




    <div class="partidro">

        <div class="clr"></div>
        <div class="parts1">
            <div class="titpanie">Panier</div>


            <div class="men1">
                <img src="/assets/hamza/v4.png" class="pics20">

            </div>
            <div class="men1">
                <img src="/assets/hamza/v5.png" class="pics20">

            </div>
            <div class=" men1">
                <img src="/assets/hamza/v6.png" class="pics20">

            </div>


            <div class="men1day2"></div>

            <div class="men1day">
                <img src="/assets/hamza/v1.png" class="pics20">
            </div>
            <div class="men1day">
                <img src="/assets/hamza/v2.png" class="pics20">
            </div>
            <div class="men1day">
                <img src="/assets/hamza/v3.png" class="pics20">
            </div>

            <button class="men1day" id='button'>
                <img src="/assets/hamza/v7.png"  class="pics20" style="    margin-top: -7px;">

            </button>

            <div class="clr"></div>
        </div>

        <div class="clr"></div>

        <div class="parts3" id="newpost">
            <div class="titpanxe2">Objectifs</div>
            <div class="clr"></div>
            <div class="lignouta01"></div>
            <div class="clr"></div>
            <div class="heightaa"></div>

            <div class="bakal">
                <img src="/assets/hamza/pic20.png" class="pixd20">
                <div class="titpanye2">Boulangerie</div>
                <div class="clr"></div>
                <div class="backbleu" style="margin:0px 0 0px 0;    padding: 0 0 0 0;">
                    <div class="pikiop" style="width: 100%; background-color: #f0f4ff;">
                        <div class="clr"></div>

                        <div class="clr"></div>
                        <div class="">
                            <div class="araysi" style="">
                                <div class="progress progress-striped active" style="    margin-top: 6px !important;
                            height: 20px !important;
                            border-radius: 50px;">
                                    <div role="progressbar " style="width: 30%;" class="progress-bar progress-bar-danger"></div>
                                </div>
                            </div>
                            <div class="clr"></div>
                        </div>
                        <div class="clr"></div>
                        <div class="txtl01" style="Total ">Nt</div>
                        <div class="txtl02" style="Total ">18</div>
                        <div class="txtl03" style="Total ">30</div>
                        <div class="clr"></div>
                    </div>
                    <div class="clr"></div>
                </div>
            </div>

            <div class="heightaa"></div>


            <div class="bakal">

                <div class="clr"></div>
                <img src="/assets/hamza/pic22.png" class="pixd20">
                <div class="titpanye2">Viennoiserie</div>
                <div class="clr"></div>
                <div class="backbleu" style="margin:0px 0 0px 0;    padding: 0 0 0 0;">
                    <div class="pikiop" style="width: 100%; background-color: #f0f4ff;">
                        <div class="clr"></div>

                        <div class="clr"></div>
                        <div class="">
                            <div class="araysi" style="">
                                <div class="progress progress-striped active" style="    margin-top: 6px !important;
                            height: 20px !important;
                            border-radius: 50px;">
                                    <div role="progressbar " style="width: 75%;" class="progress-bar progress-bar-success"></div>
                                </div>
                            </div>
                            <div class="clr"></div>
                        </div>
                        <div class="clr"></div>
                        <div class="txtl01" style="Total ">Nt</div>
                        <div class="txtl02" style="Total ">18</div>
                        <div class="txtl03" style="Total ">30</div>
                        <div class="clr"></div>
                    </div>
                    <div class="clr"></div>
                </div>

            </div>


            <div class="heightaa"></div>


            <div class="bakal">
                <div class="clr"></div>
                <img src="/assets/hamza/pic20.png" class="pixd20">
                <div class="titpanye2">Min CA</div>
                <div class="clr"></div>
                <div class="backbleu" style="margin:0px 0 0px 0;    padding: 0 0 0 0;">
                    <div class="pikiop" style="width: 100%; background-color: #f0f4ff;">
                        <div class="clr"></div>

                        <div class="clr"></div>
                        <div class="">
                            <div class="araysi" style="">
                                <div class="progress progress-striped active" style="    margin-top: 6px !important;
                            height: 20px !important;
                            border-radius: 50px;">
                                    <div role="progressbar " style="width: 90%;" class="progress-bar progress-bar-success"></div>
                                </div>
                            </div>
                            <div class="clr"></div>
                        </div>
                        <div class="clr"></div>
                        <div class="txtl01" style="Total ">Nt</div>
                        <div class="txtl02" style="Total ">18</div>
                        <div class="txtl03" style="Total ">30</div>
                        <div class="clr"></div>
                    </div>
                    <div class="clr"></div>
                </div>

            </div>



            <div class="heightaa"></div>

            <div class="bakal">
                <div class="clr"></div>
                <img src="/assets/hamza/pic20.png" class="pixd20">
                <div class="titpanye2">Min SKU</div>
                <div class="clr"></div>
                <div class="backbleu" style="margin:0px 0 0px 0;    padding: 0 0 0 0;">
                    <div class="pikiop" style="width: 100%; background-color: #f0f4ff;">
                        <div class="clr"></div>

                        <div class="clr"></div>
                        <div class="">
                            <div class="araysi" style="">
                                <div class="progress progress-striped active" style="    margin-top: 6px !important;
                            height: 20px !important;
                            border-radius: 50px;">
                                    <div role="progressbar " style="width: 40%;" class="progress-bar progress-bar-danger"></div>
                                </div>
                            </div>
                            <div class="clr"></div>
                        </div>
                        <div class="clr"></div>
                        <div class="txtl01" style="Total ">Nt</div>
                        <div class="txtl02" style="Total ">18</div>
                        <div class="txtl03" style="Total ">30</div>
                        <div class="clr"></div>
                    </div>
                    <div class="clr"></div>
                </div>
            </div>





            <div class="heightaa"></div>
            <div class="bakal">
                <div class="clr"></div>
                <img src="/assets/hamza/pic20.png" class="pixd20">
                <div class="titpanye2">CA objectif</div>
                <div class="clr"></div>
                <div class="backbleu" style="margin:0px 0 0px 0;    padding: 0 0 0 0;">
                    <div class="pikiop" style="width: 100%; background-color: #f0f4ff;">
                        <div class="clr"></div>

                        <div class="clr"></div>
                        <div class="">
                            <div class="araysi" style="">
                                <div class="progress progress-striped active" style="    margin-top: 6px !important;
                            height: 20px !important;
                            border-radius: 50px;">
                                    <div role="progressbar " style="width: 60%;" class="progress-bar progress-bar-warning"></div>
                                </div>
                            </div>
                            <div class="clr"></div>
                        </div>
                        <div class="clr"></div>
                        <div class="txtl01" style="Total ">Nt</div>
                        <div class="txtl02" style="Total ">18</div>
                        <div class="txtl03" style="Total ">30</div>
                        <div class="clr"></div>
                    </div>
                    <div class="clr"></div>
                </div>
            </div>

        </div>
        <div class="parts3" id="myDIV">
            <img src="/assets/hamza/d1.png" class="pd120">
            <div class="titpanie2">Boulangerie</div>
            <div class="clr"></div>
            <div class="lignou"></div>
            <div class="backbleu" style="margin:-25px 0 0px 0;float: right;width: 140px;">
                <div class="pikiop" style="width: 100%;">
                    <div class="clr"></div>

                    <div class="clr"></div>
                    <div class="">
                        <div class="araysi" style="">
                            <div class="progress progress-striped active" style="    margin-top: 6px !important;    height: 5px !important;">
                                <div role="progressbar " style="width: 30%;" class="progress-bar progress-bar-danger"></div>
                            </div>
                        </div>
                        <div class="clr"></div>
                    </div>
                    <div class="clr"></div>
                    <div class="txtl01" style="font-size: 7px;">Nt</div>
                    <div class="txtl02" style="font-size: 7px;">18</div>
                    <div class="txtl03" style="font-size: 7px;">30</div>
                    <div class="clr"></div>
                </div>
                <div class="clr"></div>
            </div>

            <div class="dep1">
                <div class="righto">
                    <div class="pr1">PFU000386</div>
                    <div class="pr2">Flûte semoule</div>
                </div>
                <div class="righto2">
                    <div class="number-input">
                        <input class="quantity" min="0" name="quantity" value="1" type="number">
                    </div>
                </div>

                <div class="righto3">
                    <div class="price1">172.00</div>
                    <div class="price2">502.50</div>
                </div>
                <div class="righto4">
                    <img src="/assets/hamza/marque-de-croix.png" class="trash">
                </div>
                <div class="clr"></div>
            </div>
            <div class="clr"></div>
            <div class="dep1">
                <div class="righto">
                    <div class="pr1">PFU000386</div>
                    <div class="pr2">Flûte semoule</div>
                </div>
                <div class="righto2">
                    <div class="number-input">
                        <input class="quantity" min="0" name="quantity" value="1" type="number">
                    </div>
                </div>

                <div class="righto3">
                    <div class="price1">172.00</div>
                    <div class="price2">502.50</div>
                </div>
                <div class="righto4">
                    <img src="/assets/hamza/marque-de-croix.png" class="trash">
                </div>
                <div class="clr"></div>
            </div>
            <div class="clr"></div>
            <div class="btnsug"><img src="/assets/hamza/pluus.png" class="pluus">Compléter DN</div>
            <div class="total">Total </div>
            <img src="/assets/hamza/pw1.png" class="pw1">

            <div class="total2">1004.50 Dh</div>

            <div class="clr"></div>
            <div class="parti002">
                <img src="/assets/hamza/d1.png" class="pd120">
                <div class="titpanie2">Boulangerie</div>
                <div class="clr"></div>
                <div class="lignou"></div>
                <div class="backbleu" style="margin:-25px 0 0px 0;float: right;width: 140px;">
                    <div class="pikiop" style="width: 100%;">
                        <div class="clr"></div>

                        <div class="clr"></div>
                        <div class="">
                            <div class="araysi" style="">
                                <div class="progress progress-striped active" style="    margin-top: 6px !important;    height: 5px !important;">
                                    <div role="progressbar " style="width: 70%;" class="progress-bar progress-bar-success"></div>
                                </div>
                            </div>
                            <div class="clr"></div>
                        </div>
                        <div class="clr"></div>
                        <div class="txtl01" style="font-size: 7px;">Nt</div>
                        <div class="txtl02" style="font-size: 7px;">18</div>
                        <div class="txtl03" style="font-size: 7px;">30</div>
                        <div class="clr"></div>
                    </div>
                    <div class="clr"></div>
                </div>

                <div class="dep1">
                    <div class="righto">
                        <div class="pr1">PFU000386</div>
                        <div class="pr2">Flûte semoule</div>
                    </div>
                    <div class="righto2">
                        <div class="number-input">
                            <input class="quantity" min="0" name="quantity" value="1" type="number">
                        </div>
                    </div>

                    <div class="righto3">
                        <div class="price1">172.00</div>
                        <div class="price2">502.50</div>
                    </div>
                    <div class="righto4">
                        <img src="/assets/hamza/marque-de-croix.png" class="trash">
                    </div>
                    <div class="clr"></div>
                </div>
                <div class="clr"></div>
                <div class="dep1">
                    <div class="righto">
                        <div class="pr1">PFU000386</div>
                        <div class="pr2">Flûte semoule</div>
                    </div>
                    <div class="righto2">
                        <div class="number-input">
                            <input class="quantity" min="0" name="quantity" value="1" type="number">
                        </div>
                    </div>

                    <div class="righto3">
                        <div class="price1">172.00</div>
                        <div class="price2">502.50</div>
                    </div>
                    <div class="righto4">
                        <img src="/assets/hamza/marque-de-croix.png" class="trash">
                    </div>
                    <div class="clr"></div>
                </div>
                <div class="clr"></div>
                <div class="btnsug"><img src="/assets/hamza/pluus.png" class="pluus">Compléter DN</div>
                <div class="total">Total </div>
                <img src="/assets/hamza/pw1.png" class="pw1">

                <div class="total2">1004.50 Dh</div>


            </div>
            <div class="clr"></div>
            <div class="parti002">
                <img src="/assets/hamza/d1.png" class="pd120">
                <div class="titpanie2">Boulangerie</div>
                <div class="clr"></div>
                <div class="lignou"></div>

                <div class="dep1">
                    <div class="righto">
                        <div class="pr1">PFU000386</div>
                        <div class="pr2">Flûte semoule</div>
                    </div>
                    <div class="righto2">
                        <div class="number-input">
                            <input class="quantity" min="0" name="quantity" value="1" type="number">
                        </div>
                    </div>

                    <div class="righto3">
                        <div class="price1">172.00</div>
                        <div class="price2">502.50</div>
                    </div>
                    <div class="righto4">
                        <img src="/assets/hamza/marque-de-croix.png" class="trash">
                    </div>
                    <div class="clr"></div>
                </div>
                <div class="clr"></div>
                <div class="dep1">
                    <div class="righto">
                        <div class="pr1">PFU000386</div>
                        <div class="pr2">Flûte semoule</div>
                    </div>
                    <div class="righto2">
                        <div class="number-input">
                            <input class="quantity" min="0" name="quantity" value="1" type="number">
                        </div>
                    </div>

                    <div class="righto3">
                        <div class="price1">172.00</div>
                        <div class="price2">502.50</div>
                    </div>
                    <div class="righto4">
                        <img src="/assets/hamza/marque-de-croix.png" class="trash">
                    </div>
                    <div class="clr"></div>
                </div>
                <div class="clr"></div>
                <div class="btnsug"><img src="/assets/hamza/pluus.png" class="pluus">Compléter DN</div>
                <div class="total">Total </div>
                <img src="/assets/hamza/pw1.png" class="pw1">

                <div class="total2">1004.50 Dh</div>


            </div>
            <div class="spacingi"></div>
        </div>












        <div class="clr"></div>




        <div class="clr"></div>

        <div class="clr"></div>
        <div class="box">
            <dl class="dlist-align">
                <dt class="tax1">Total: </dt>
                <dd class="text-right">1600.50 Dh</dd>
            </dl>
            <dl class="dlist-align">
                <dt class="tax1">Tva:</dt>
                <dd class="text-right">550.00 Dh</dd>
            </dl>
            <dl class="dlist-align">
                <dt class="tax1"><b>Total à payer:</b></dt>
                <dd class="text-right" style="font-size: 15px;"><b>2310.66 Dh</b></dd>
            </dl>
        </div>
        <div class="boxl1 row" style="    padding: 10px 0 0px 0;
            margin: 7px 0 0 0;
            border-top: 1px dashed #fff;">
            <div class="totak5">
                <div class="textlili">Infos livraison</div>
                <input class="datelili" type="date" id="name" name="name" required minlength="4" maxlength="8" size="10" />
            </div>
            <a href="#" class="yellowbtn btn btn-lg btn-success" data-toggle="modal" data-target="#basicModal">Valider</a>
        </div>


    </div>
    </div>
    </div>
    <div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">Objectifs</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true" style="    font-weight: 200;
    font-size: 34px;">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        
      

      <div class="borred">
                <div class=" backlipanier">

                    <div class="">
                        <div class="pikiowxp">
                            <div class="clr"></div>
                            <img src="/assets/hamza/derx3.png" class="imga1">
                            <div class="objat">Objectif non atteint</div>
                            <img src="/assets/hamza/derx2.png" class="imga2">
                            <div class="clr"></div>
                            <div class="">
                                <div class="progress araysix" style="height:8px;">
                                    <div class="progress-bar border-0 bg-red-dark text-start ps-2" role="progressbar" style="width: 40%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
                                    </div>
                                </div>
                            </div>
                            <div class="clr"></div>
                            <div class="txtl01"></div>
                            <div class="txtl02"></div>
                            <div class="txtl03">10000 Mad</div>
                            <div class="clr"></div>
                        </div>
                        <div class="clr"></div>
                    </div>


                </div>

                <div class="backpanbl">
                    <div class="boulanxxg"><img src="/assets/hamza/derx5.png" class="pic4x1">Boulangerie</div>
                    <div class="fright">
                        <img src="/assets/hamza/derx3.png" class="imga1">
                        <div class="objat">Objectif non atteint</div>
                    </div>
                    <div class="">
                        <div class="pikiowxp">
                            <div class="clr"></div>
                            <div class="txtl">Mn</div>
                            <div class="txtl2">Id</div>
                            <div class="txtl3">Mx</div>
                            <div class="clr"></div>
                            <div class="">
                                <div class="progress araysi" style="height:8px;">
                                    <div class="progress-bar border-0 bg-green-darsk text-start ps-2" role="progressbar" style="width: 70%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
                                    </div>
                                </div>
                            </div>
                            <div class="clr"></div>
                            <div class="txtl01">Nt</div>
                            <div class="txtl02">18</div>
                            <div class="txtl03">30</div>
                            <div class="clr"></div>
                        </div>
                        <div class="clr"></div>
                        <div class="augmen2">Réduire autres catégories d'une valeur de <b>1000 dh</b></div>

                    </div>


                </div>


                <div class="backpanbl">
                    <div class="boulanxxg"><img src="/assets/hamza/pic45.png" class="pic4x1">Boulangerie</div>
                    <div class="fright">
                        <img src="/assets/hamza/derx3.png" class="imga1">
                        <div class="objat">Objectif non atteint</div>
                    </div>
                    <div class="">
                        <div class="pikiowxp">
                            <div class="clr"></div>
                            <div class="txtl">Mn</div>
                            <div class="txtl2">Id</div>
                            <div class="txtl3">Mx</div>
                            <div class="clr"></div>
                            <div class="">
                                <div class="progress araysi" style="height:8px;">
                                    <div class="progress-bar border-0 bg-red-dark text-start ps-2" role="progressbar" style="width: 20%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
                                    </div>
                                </div>
                            </div>
                            <div class="clr"></div>
                            <div class="txtl01">Nt</div>
                            <div class="txtl02">18</div>
                            <div class="txtl03">30</div>
                            <div class="clr"></div>
                        </div>
                        <div class="clr"></div>
                        <div class="augmen">Augmenter autres catégories d'une valeur de <b>1000 dh</b></div>

                    </div>


                </div>


                <div class="clr"></div>


                <div class="backpanbl">
                    <div class="boulanxxg"><img src="/assets/hamza/vinoi.png" class="pic4x1">Boulangerie</div>
                    <div class="fright">
                        <img src="/assets/hamza/derx3.png" class="imga1">
                        <div class="objat">Objectif non atteint</div>
                    </div>
                    <div class="">
                        <div class="pikiowxp">
                            <div class="clr"></div>
                            <div class="txtl">Mn</div>
                            <div class="txtl2">Id</div>
                            <div class="txtl3">Mx</div>
                            <div class="clr"></div>
                            <div class="">
                                <div class="progress araysi" style="height:8px;">
                                    <div class="progress-bar border-0 bg-red-dark text-start ps-2" role="progressbar" style="width: 14%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
                                    </div>
                                </div>
                            </div>
                            <div class="clr"></div>
                            <div class="txtl01">Nt</div>
                            <div class="txtl02">18</div>
                            <div class="txtl03">30</div>
                            <div class="clr"></div>
                        </div>
                        <div class="clr"></div>
                        <div class="augmen2">Réduire autres catégories d'une valeur de <b>1000 dh</b></div>

                    </div>


                </div>


                <div class="clr"></div>



                <div class="backpanbl">
                    <div class="boulanxxg"><img src="/assets/hamza/pic46.png" class="pic4x1">Boulangerie</div>
                    <div class="fright">
                        <img src="/assets/hamza/derx4.png" class="grgr07">
                        <div class="objaxt">Objectif atteint</div>
                    </div>
                    <div class="">
                        <div class="pikiowxp">
                            <div class="clr"></div>
                            <div class="txtl">Mn</div>
                            <div class="txtl2">Id</div>
                            <div class="txtl3">Mx</div>
                            <div class="clr"></div>
                            <div class="">
                                <div class="progress araysi" style="height:8px;">
                                    <div class="progress-bar border-0 bg-green-darsk text-start ps-2" role="progressbar" style="width: 70%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
                                    </div>
                                </div>
                            </div>
                            <div class="clr"></div>
                            <div class="txtl01">Nt</div>
                            <div class="txtl02">18</div>
                            <div class="txtl03">30</div>
                            <div class="clr"></div>
                        </div>
                        <div class="clr"></div>
                    </div>
                    <div class="clr"></div>
<div class="augmen">Augmenter autres catégories d'une valeur de <b>1000 dh</b></div>
                </div>

            </div>

            <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Retour</button>
        <button type="button" class="valider btn btn-primary">Valider</button>
      </div>

      </div>

    </div>
  </div>

</div>
    <script>
        var button = document.getElementById('button');

        button.onclick = function() {
            var div = document.getElementById('newpost');
            if (div.style.display !== 'none') {
                div.style.display = 'none';
                document.getElementById("myDIV").style.display = 'block';
            } else {
                div.style.display = 'block';
                document.getElementById("myDIV").style.display = 'none';
            }
        };
    </script>

    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>

@endsection