@extends('layout.base', ['title' => 'StockApps - Tableau De Bord'])
@section('content')
        <div id="page-wrapper" >
            <div id="page-inner">
                <div class="row">
                    <div class="col-md-12">
                     <h2>Admin Tableau De Bord </h2>
                     <hr />  
                        <h3> Rapport Annuel des Activités </h3>
                    </div>
                </div>              
                 <!-- /. ROW  -->
                  
                <div class="row">
                <div class="col-md-4 col-sm-12 col-xs-12">          
            <div class="panel panel-back noti-box">
                <span class="icon-box bg-color-green set-icon">
                    <img src="{{ url('icons/icons8_Donate_52px.png') }}" height="30px" width="30px">
                </span>
                <div class="text-box" >
                    <p class="main-text" style="font-size:13px">{{ $NbreCot }} Cotisations</p>
                    <p class="text-muted">{{ $MontantCot }} FBU</p>
                </div>
             </div>
             </div>

              <div class="col-md-4 col-sm-12 col-xs-12">
              <div class="panel panel-back noti-box">
                <span class="icon-box bg-color-green set-icon">
                    <img src="{{ url('icons/icons8_Money_Bag_52px.png') }}" height="30px" width="30px">
                </span>
                <div class="text-box" >
                    <p class="main-text" style="font-size:13px">{{ $NbreCons }} Factures</p>
                    <p class="text-muted">{{ $MontantCons }} FBU</p>
                </div>
             </div>
             </div>

              <div class="col-md-4 col-sm-12 col-xs-12">          
            <div class="panel panel-back noti-box">
                <span class="icon-box bg-color-green set-icon">
                    <img src="{{ url('icons/icons8_Combo_Chart_52px.png') }}" height="30px" width="30px">
                </span>
                <div class="text-box" >
                    <p class="main-text" style="font-size:13px">Ecart</p>
                    <p class="text-muted">{{ $ECART}} FBU</p>
                </div>
             </div>
             </div>

            </div>
                 <!-- /. ROW  -->
                <hr />                
                 <!-- /. ROW  -->
              <div class="row"> 
                <div class="col-md-6 col-sm-12 col-xs-12">                     
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Les 5 Partenaires
                        </div>
                        <div class="panel-body">
                            <div id="morrisBar"></div>
                        </div>
                    </div>            
                </div>
                      <div class="col-md-6 col-sm-12 col-xs-12">                     
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Les 5 Affiliers Ayant plus Cotisés
                        </div>
                        <div class="panel-body">
                            <div id="morris-bar-chart"></div>
                        </div>
                    </div>            
                </div> 
                
           </div>
                 <!-- /. ROW  -->
                <div class="row">                     
                      
                               <div class="col-md-6 col-sm-12 col-xs-12">                     
                    <div class="panel panel-default">
                        <div class="panel-heading">
                             Les 5 Affiliers Ayant plus Consommés
                        </div>
                        <div class="panel-body">
                            <div id="morris-donut-chart"></div>
                        </div>
                    </div>            
                </div>
                      <div class="col-md-6 col-sm-12 col-xs-12">                     
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Les Ecarts Des 7 Dernieres Années
                        </div>
                        <div class="panel-body">
                             <div id="morris-barChart"></div>
                        </div>
                    </div>            
                </div> 
                
           </div>
    </div>
             <!-- /. PAGE INNER  -->
            </div>
         <!-- /. PAGE WRAPPER  -->
@endsection 
@section('content2')
<script type="text/javascript">
    


/*=============================================================
    Authour URI: www.binarycart.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */


(function ($) {
    "use strict";
    var mainApp = {

        main_fun: function () {
            /*====================================
            METIS MENU 
            ======================================*/
            $('#main-menu').metisMenu();

            /*====================================
              LOAD APPROPRIATE MENU BAR
           ======================================*/
            $(window).bind("load resize", function () {
                if ($(this).width() < 768) {
                    $('div.sidebar-collapse').addClass('collapse')
                } else {
                    $('div.sidebar-collapse').removeClass('collapse')
                }
            });

            /*====================================
            MORRIS BAR CHART
         ======================================*/
         $.get('{{ route('graphic') }}',
          // {id_categorie:id_categorie},
          function(dt){
             var donnee=dt.split("#");
            // $('#Produit').html(data);
         
            Morris.Bar({
                element: 'morris-bar-chart',
                data: [
                {
                    y: "'"+donnee[0]+"'",
                    a: donnee[1],
                    
                }, {
                    y: donnee[2],
                    a: donnee[3],
                   
                },
                {
                    y: donnee[4],
                    a: donnee[5],
                    
                },
                {
                    y: donnee[6],
                    a: donnee[7],
                    
                },
                {
                    y: donnee[8],
                    a: donnee[9],
                    
                }],
                xkey: 'y',
                ykeys: ['a'],
                labels: ['Montant'],
                hideHover: 'auto',
                resize: true
            });
             });

         //DETTE PART
          $.get('{{ route('dettePart') }}',
          // {id_categorie:id_categorie},
          function(dt){
             var donnee=dt.split("#");
            // $('#Produit').html(data);
         
            Morris.Bar({
                element: 'morrisBar',
                data: [
                {
                    y: "'"+donnee[0]+"'",
                    a: donnee[1],
                    
                }, {
                    y: donnee[2],
                    a: donnee[3],
                   
                },
                {
                    y: donnee[4],
                    a: donnee[5],
                    
                },
                {
                    y: donnee[6],
                    a: donnee[7],
                    
                },
                {
                    y: donnee[8],
                    a: donnee[9],
                    
                }],
                xkey: 'y',
                ykeys: ['a'],
                labels: ['Montant'],
                hideHover: 'auto',
                resize: true
            });
             });

         ////////////////////

                /*====================================
            MORRIS BAR CHART
         ======================================*/
         $.get('{{ route('consommer') }}',
          // {id_categorie:id_categorie},
          function(dt){
             var donnee=dt.split("#");
            // $('#Produit').html(data);
              Morris.Donut({
                element: 'morris-donut-chart',
                data: [{
                    label: donnee[0],
                    value: donnee[1]
                }, {
                    label: donnee[2],
                    value: donnee[3]
                },
                 {
                    label: donnee[4],
                    value: donnee[5]
                },
                {
                    label: donnee[6],
                    value: donnee[7]
                },
                {
                    label: donnee[8],
                    value: donnee[9]
                },
                
               ],
                resize: true
            });
         
            
             });


          //

            /*====================================
    ECART
 ======================================*/
    $.get('{{ route('ecart') }}',
          // {id_categorie:id_categorie},
          function(dt){
             var donnee=dt.split("#");
             Morris.Bar({
                element: 'morris-barChart',
                data: [{
                    y: donnee[0],
                    a: donnee[1],
                    b: donnee[2],
                    c: donnee[3]
                },
                {
                    y: donnee[4],
                    a: donnee[5],
                    b: donnee[6],
                    c: donnee[7]
                },
                {
                    y: donnee[8],
                    a: donnee[9],
                    b: donnee[10],
                    c: donnee[11]
                },
                {
                    y: donnee[12],
                    a: donnee[13],
                    b: donnee[14],
                    c: donnee[15]
                },
                {
                    y: donnee[16],
                    a: donnee[17],
                    b: donnee[18],
                    c: donnee[19]
                },
                ],
                xkey: 'y',
                ykeys: ['a', 'b','c'],
                labels: ['Cotisation', 'Consommation','Ecart'],
                hideHover: 'auto',
                resize: true
            });

           
          });

          //
           
     
        },

        initialization: function () {
            mainApp.main_fun();

        }

    }
    // Initializing ///

    $(document).ready(function () {
        mainApp.main_fun();
    });

}(jQuery));

//CONSOMMER

$(document).ready(function () {
        
    });
</script>
@endsection