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

<div class="container-fluid">
    <div class="nk-content-inner">
        <div class="nk-content-body">
            <div class="nk-block-head nk-block-head-sm">
                <div class="nk-block-between">
                    <div class="nk-block-head-content">
                        <h3 class="nk-block-title page-title">Statistiques Nafstars</h3>
                        <div class="nk-block-des text-soft">
                            <p>Statistiques cartes par catalogue/jour</p>
                        </div>

                    </div><!-- .nk-block-head-content -->
                   
                </div><!-- .nk-block-between -->
            </div><!-- .nk-block-head -->
            <div class="nk-block">


            <div class="row g-gs">
                <div class="col-md-4">
                    <div class="card card-bordered card-full">
                        <div class="card-inner">
                            <div class="card-title-group align-start mb-0">
                                <div class="card-title">
                                    <h6 class="subtitle">CA €</h6>
                                </div>
                            </div>
                            <div class="card-amount">
                                <span class="amount"> {{ number_format($caAll, 2) }} <span class="currency currency-usd">€</span>
                                </span>
                            </div>
                            <div class="invest-data">
                                <div class="invest-data-amount g-2">
                                    <div class="invest-data-history">
                                        <div class="title">Mois courant</div>
                                        <div class="amount">{{ number_format($caMonth, 2) }} <span class="currency currency-usd">€</span></div>
                                    </div>
                                    <div class="invest-data-history">
                                        <div class="title">Semaine courante</div>
                                        <div class="amount">{{ number_format($caWeek, 2) }}  <span class="currency currency-usd">€</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- .card -->
                </div><!-- .col -->
                <div class="col-md-4">
                    <div class="card card-bordered card-full">
                        <div class="card-inner">
                            <div class="card-title-group align-start mb-0">
                                <div class="card-title">
                                    <h6 class="subtitle">CA Nafs</h6>
                                </div>
                            </div>
                            <div class="card-amount">
                                <span class="amount"> {{ number_format($caCatalAll, 2) }} <span class="currency currency-usd">€</span>
                                </span>
                            </div>
                            <div class="invest-data">
                                <div class="invest-data-amount g-2">
                                    <div class="invest-data-history">
                                        <div class="title">Mois courant</div>
                                        <div class="amount">{{ number_format($caCatalMonth, 2) }} <span class="currency currency-usd">€</span></div>
                                    </div>
                                    <div class="invest-data-history">
                                        <div class="title">Semaine courante</div>
                                        <div class="amount">{{ number_format($caCatalWeek, 2) }} <span class="currency currency-usd">€</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- .card -->
                </div><!-- .col -->
                <div class="col-md-4">
                    <div class="card card-bordered  card-full">
                        <div class="card-inner">
                            <div class="card-title-group align-start mb-0">
                                <div class="card-title">
                                    <h6 class="subtitle">CA TOTAL</h6>
                                </div>
                            </div>
                            <div class="card-amount">
                                <span class="amount"> {{ number_format($caCataloEuroAll, 2) }} <span class="currency currency-usd">€</span>
                                </span>
                            </div>
                            <div class="invest-data">
                                <div class="invest-data-amount g-2">
                                    <div class="invest-data-history">
                                        <div class="title">Mois courant</div>
                                        <div class="amount">{{ number_format($caCataloEuroMonth, 2) }} <span class="currency currency-usd">€</span></div>
                                    </div>
                                    <div class="invest-data-history">
                                        <div class="title">Semaine courante</div>
                                        <div class="amount">{{ number_format($caCataloEuroWeek, 2) }} <span class="currency currency-usd">€</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- .card -->
                </div><!-- .col -->
            </div>

       
            <div class="row g-gs">
                <div class="col-lg-8">
                    <div class="row g-gs">
                        <div class="col-lg-6">
                            <div class="nk-block-head-content">
                                <h4>Statistiques des cartes</h4>
                            </div>
                        </div>
                    </div>
                    <div class="row g-gs">
                        <div class="col-lg-6">
                            <div class="card">
                                <div class="nk-ecwg nk-ecwg3">
                                    <div class="card-inner">
                                        <div class="card-title-group">
                                            <div class="card-title">
                                                <h6 class="title">Cartes Bronze</h6>
                                            </div>
                                        </div>
                                        <div class="data">
                                            <div class="data-group">
                                                <div class="card-amount">
                                                    <span class="amount"> {{$carte_bronz}}</span>
                                                </div>
                                                <div class="invest-data">
                                                    <div class="invest-data-amount g-2">
                                                        <div class="invest-data-history">
                                                            <div class="title">Mois courant</div>
                                                            <div class="amount">{{ $carte_bronzMonth }} </div>
                                                        </div>
                                                        <div class="invest-data-history">
                                                            <div class="title">Semaine courante</div>
                                                            <div class="amount">{{ $carte_bronzWeek }} </div>
                                                        </div>
                                                    </div>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- .card-inner -->
                                </div><!-- .nk-ecwg -->
                            </div><!-- .card -->
                        </div>
                        <div class="col-lg-6">
                            <div class="card">
                                <div class="nk-ecwg nk-ecwg3">
                                    <div class="card-inner">
                                        <div class="card-title-group">
                                            <div class="card-title">
                                                <h6 class="title">Cartes Argent</h6>
                                            </div>
                                        </div>
                                        <div class="data">
                                            <div class="data-group">
                                                <div class="card-amount">
                                                    <span class="amount"> {{$carte_arg}}</span>
                                                </div>
                                                <div class="invest-data">
                                                    <div class="invest-data-amount g-2">
                                                        <div class="invest-data-history">
                                                            <div class="title">Mois courant</div>
                                                            <div class="amount">{{ $carte_argMonth }}</div>
                                                        </div>
                                                        <div class="invest-data-history">
                                                            <div class="title">Semaine courante</div>
                                                            <div class="amount">{{ $carte_argWeek }}</div>
                                                        </div>
                                                    </div>
                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- .card-inner -->
                                </div><!-- .nk-ecwg -->
                            </div><!-- .card -->
                        </div>
                        <div class="col-lg-6">
                            <div class="card">
                                <div class="nk-ecwg nk-ecwg3">
                                    <div class="card-inner">
                                        <div class="card-title-group">
                                            <div class="card-title">
                                                <h6 class="title">Cartes Or</h6>
                                            </div>
                                        </div>
                                        <div class="data">
                                            <div class="data-group">
                                                <div class="card-amount">
                                                    <span class="amount"> {{$carte_or}}</span>
                                                </div>
                                                <div class="invest-data">
                                                    <div class="invest-data-amount g-2">
                                                        <div class="invest-data-history">
                                                            <div class="title">Mois courant</div>
                                                            <div class="amount">{{ $carte_orMonth }}</div>
                                                        </div>
                                                        <div class="invest-data-history">
                                                            <div class="title">Semaine courante</div>
                                                            <div class="amount">{{ $carte_orWeek }} </div>
                                                        </div>
                                                    </div>
                                                  
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- .card-inner -->
                                </div><!-- .nk-ecwg -->
                            </div><!-- .card -->
                        </div>
                        <div class="col-lg-6">
                            <div class="card">
                                <div class="nk-ecwg nk-ecwg3">
                                    <div class="card-inner">
                                        <div class="card-title-group">
                                            <div class="card-title">
                                                <h6 class="title">Cartes Diamant</h6>
                                            </div>
                                        </div>
                                        <div class="data">
                                            <div class="data-group">
                                                <div class="card-amount">
                                                    <span class="amount"> {{$carte_diam}}</span>
                                                </div>
                                                <div class="invest-data">
                                                    <div class="invest-data-amount g-2">
                                                        <div class="invest-data-history">
                                                            <div class="title">Mois courant</div>
                                                            <div class="amount">{{ $carte_diamMonth }}</div>
                                                        </div>
                                                        <div class="invest-data-history">
                                                            <div class="title">Semaine courante</div>
                                                            <div class="amount">{{ $carte_diamWeek }}</div>
                                                        </div>
                                                    </div>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- .card-inner -->
                                </div><!-- .nk-ecwg -->
                            </div><!-- .card -->
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card card-full overflow-hidden">
                        <div class="nk-ecwg nk-ecwg4 h-100">
                            <div class="card-inner flex-grow-1">
                                <div class="card-title-group mb-4">
                                    <div class="card-title">
                                        <h6 class="title">Sources des cartes</h6>
                                    </div>
                                </div>
                                <div class="data-group">
                                    <div class="nk-ecwg4-ck">
                                        <canvas id="doughnut-chart" width="300" height="300"></canvas>
                                    </div>
                                </div>
                            </div><!-- .card-inner -->
                        </div>
                    </div><!-- .card -->
                </div>
            </div><!-- .card -->
        

                <div class="row g-gs">
                    
                    <div class="col-xxl-12">
                        <div class="card card-bordered card-full">
                            <div class="card-inner">
                                <div class="card-title-group">
                                    <div class="card-title">
                                        <h6 class="title"><span class="mr-2">Historique</span> </h6>
                                        <p>Dernière mis à jour le <b></b></p>
                                        
                                    </div>
                                    <div class="card-tools">
                                    <a href="{{ route('catalogueCreateStat') }}" class="btn btn-primary btn-dim d-none d-sm-inline-flex">
                                        <em class="icon ni ni-download-cloud"></em>
                                        <span><span class="d-none d-md-inline">Mettre à jour</span></span>
                                    </a>
                                    </div>
                                </div>
                            </div>
                            <div class="card card-preview">
                                            <div class="card-inner">
                                                <table class="datatable-init-export nowrap table" data-export-title="Export">
                                                    <thead>
                                                        <tr>
                                                            <th>Date</th>
                                                            <th>Artiste</th>
                                                            <th>Catalogue</th>
                                                            <th>NB Cartes</th>
                                                            <th>CA</th>
                                                            <th>CA Catalogue</th>
                                                            <th>Nafs</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach ($CatalogStat as $cs)
                                                        <tr>
                                                            <td>{{$cs->date}}</td>
                                                            <td>{{$cs->nameArtist}}</td>
                                                            <td>{{$cs->nameCatalog}}</td>
                                                            <td>{{$cs->nbcard}}</td>
                                                            <td>€{{$cs->ca}}</td>
                                                            <td>€{{$cs->ca_catalogue}}</td>
                                                            @if($cs->coin)
                                                            <td>{{$cs->coin}}</td>
                                                            @else
                                                            <td>0</td>
                                                            @endif
                                                        </tr>
                                                    @endforeach   
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div><!-- .card-preview -->
                        </div><!-- .card -->
                    </div><!-- .col -->
              
                </div><!-- .row -->
            </div><!-- .nk-block -->
        </div>
    </div>
</div>

@stop
@section('addedJs')

<script type="text/javascript">
    new Chart(document.getElementById("doughnut-chart"), {
        type: 'doughnut',
        data: {
        labels: ["Cadeaux", "Fusions", "Parrainages", "Codes", "Orders"],
        datasets: [
            {
            label: "Nombre de cartes",
            backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
            data: [{{$carte_cadeau}},{{$carte_fusion}},{{$carte_parrain}},{{$carte_code}},{{$carte_order}}]
            }
        ]
        },
        options: {
        title: {
            display: true,
            text: 'Nombre des cartes par source'
        }
        }
    });
</script>
@stop