@extends('layouts.home')
@section('content')


               <div id="mainContent">
                  <div class="row gap-20 masonry pos-r">
                     <div class="masonry-sizer col-md-6"></div>
                     <div class="masonry-item w-100">
                        <div class="row gap-20">
                           <div class="col-md-3">
                              <div class="layers bd bgc-white p-20">
                                 <div class="layer w-100 mB-10">
                                    <h6 class="lh-1">Ibc Transa <b>/comarch/ibc/bck (IT_TRANSACTIONS_*)</b></h6>

                                    
                                 
                                </div>
                                 
                                 <div class="layer w-100">
                                    <div class="peers ai-sb fxw-nw">
                                       <div class="peer peer-greed">Auchan  </div>
                                       <div class="peer totAuchan">  </div>
                                    </div>
                                 </div>

                                 <div class="layer w-100">
                                    <div class="peers ai-sb fxw-nw">
                                       <div class="peer peer-greed">Simply  </div>
                                       <div class="peer totSimply">  </div>
                                    </div>
                                 </div>
                                <br />
                                <!--Siebel-->
                                 <div class="layer w-100 mB-10">
                                    <h6 class="lh-1">Siebel Transa <b>comarch/yoda/bck (TRANSACTIONEXPORT_*)</b></h6>
                                 </div>
                                 
                                 <div class="layer w-100">
                                    <div class="peers ai-sb fxw-nw">
                                       <div class="peer peer-greed">Auchan  </div>
                                       <div class="peer SibtotAuchan">  </div>
                                    </div>
                                 </div>

                                 <div class="layer w-100">
                                    <div class="peers ai-sb fxw-nw">
                                       <div class="peer peer-greed">Simply  </div>
                                       <div class="peer SibtotSimply">  </div>
                                    </div>
                                 </div>

<br />
                                <!--LOGS-->
                                <div class="layer w-100 mB-10">
                                    <h6 class="lh-1">LOGS Transa <b>comarch/yoda/bck (*TRANSACTION_LOG_*)</b></h6>
                                   
                                    <a href="#" class="grid-ibc-logs"> <i class="fas fa-th "></i></a>
                                 </div>
                                 
                                 <div class="layer w-100">
                                    <div class="peers ai-sb fxw-nw">
                                       <div class="peer peer-greed">Auchan  </div>
                                       <div class="peer logsTotAuchan">  </div>
                                    </div>
                                 </div>

                                 <div class="layer w-100">
                                    <div class="peers ai-sb fxw-nw">
                                       <div class="peer peer-greed">Simply  </div>
                                       <div class="peer logsTotSimply">  </div>
                                    </div>
                                 </div>







                              </div>
                           </div>

                           <div class="col-md-3">

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

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

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




                
                 
                  </div>
               </div>

<script>
    $(document).ready( function(){
        $(".grid-ibc-logs").click(function()
        {
            
            $.magnificPopup.open({
            items: {
                src: 'http://10.113.32.10/promanelli/monitor/public/ibclogs'
            },
            type: 'iframe'
            });
        });

    update();


/* setInterval(function() {
    update();
}, 60 * 1000);  */

function update(){

    setTimeout(() => {
        $("#loader").removeClass("fadeOut");
    }, 1);


    // your code goes here...
    $.ajax({
        url: "http://10.113.32.10/promanelli/monitorgrep/public/flussiibc",
        cache: false
        })
        .done(function( data ) {
            $( "#results" ).append( data );
                
                var totAuchan = data.totAuchan ;
                var totSimply = data.totSimply ;

                var SibtotSimply = data.SibtotSimply ;
                var SibtotAuchan= data.SibtotAuchan ;

                var logsTotAuchan =data.logsTotAuchan;
                var logsTotSimply = data.logsTotSimply;


               $(".totSimply").text(totSimply);
               $(".totAuchan").text(totAuchan);

               $(".SibtotSimply").text(SibtotSimply);
               $(".SibtotAuchan").text(SibtotAuchan);


               $(".logsTotAuchan").text(logsTotAuchan);
               $(".logsTotSimply").text(logsTotSimply);



               $("#loader").addClass("fadeOut");

        });

}






            } );
</script>

@endsection