@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 de {{$artist->name}}</h3>
                        <div class="nk-block-des text-soft">
                            <p>Statistiques Coins/CA de l'artiste {{$artist->name}}</p>
                        </div>
                    </div><!-- .nk-block-head-content -->
                    <form action="{{ route('ArtistDetailStat', ['id' => $artist->id]) }}">
                        <div class="row">
                            <div class="col-md-9">
                                <div class="form-group">
                                    <label class="form-label">Rechercher</label>
                                    <div class="form-control-wrap">
                                        <div class="input-daterange date-picker-range input-group">
                                            <input type="text" class="form-control" name="dateStartFilter" @if($dateStartFilter != null) value="{{$dateStartFilter->format('d/m/Y')}}"@endif />
                                            <div class="input-group-addon">à</div>
                                            <input type="text" class="form-control" name="dateEndFilter" @if($dateEndFilter != null) value="{{$dateEndFilter->format('d/m/Y')}}"@endif/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary" style="margin-top: 30px;">Rechercher</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div><!-- .nk-block-between -->
            </div><!-- .nk-block-head -->

            

            

           
            <div class="nk-block">
            <div class="row" style="margin-bottom: 40px;">
            <div class="col-xxl-6 col-md-8">
                <div class="card card-bordered h-100">
                    <div class="card-inner mb-n2">
                        <div class="card-title-group">
                            <div class="card-title card-title-sm">
                                <h6 class="title">Ayant droit / Apporteur Affaire</h6>
                            </div>
                        </div>
                    </div>
                    <div class="nk-tb-list is-loose">
                        <div class="nk-tb-item nk-tb-head">
                            <div class="nk-tb-col"><span>Nom et prènom</span></div>
                            <div class="nk-tb-col"><span>Type</span></div>
                            <div class="nk-tb-col"><span>Commission vente</span></div>
                            <div class="nk-tb-col"><span>Commission revente</span></div>
                            <div class="nk-tb-col"><span>Date contrat</span></div>
                        </div><!-- .nk-tb-head -->

                        @foreach ($listAdApByArtist as $AdAp)
                        <div class="nk-tb-item">
                            <div class="nk-tb-col">
                                <div class="icon-text">
                                    <span class="tb-lead">
                                    <a href="{{ route('showayantaffaire', ['id' => $AdAp->idDaDp]) }}">
                                        {{$AdAp->nameDaDp}}
                                    </a>
                                    </span>
                                </div>
                            </div>
                            <div class="nk-tb-col">
                                <span class="tb-sub tb-amount"><span>
                                        @if($AdAp->typeAdAp == 'AD')
                                            Ayant droit
                                        @else
                                            Apporteur d'affaire
                                        @endif
                                </span></span>
                            </div>
                            <div class="nk-tb-col">
                                <span class="tb-sub tb-amount"><span>
                                       {{$AdAp->commission_vente}} %
                                </span></span>
                            </div>
                            <div class="nk-tb-col">
                                <span class="tb-sub tb-amount"><span>
                                    {{$AdAp->commission_revente}} %
                                </span></span>
                            </div>
                            <div class="nk-tb-col">
                                <span class="tb-sub tb-amount"><span>
                                    {{$AdAp->dateContrat}}
                                </span></span>
                            </div>
                           
                        </div><!-- .nk-tb-item -->
                        @endforeach
                    </div><!-- .nk-tb-list -->
                </div><!-- .card -->
            </div>

            <div class="col-xxl-6 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 {{$artist->name}} €</h6>
                                </div>
                            </div>
                            <div class="card-amount">
                                <span class="amount"> {{ number_format($caAll/2, 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, 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, 2) }}  <span class="currency currency-usd">€</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- .card -->
            </div>
            </div>
            <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 TOTAL €</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>
                            </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>Nafs</th>
                                                            <th>CA Nafs</th>
                                                            <th>CA</th>
                                                            <th>CA Total</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach ($ArtistStat as $cs)
                                                        <tr>
                                                            <td>{{$cs->date}}</td>
                                                            <td>{{$cs->nameArtist}}</td>
                                                            <td>{{$cs->coin}}</td>
                                                            <td>€{{ number_format($cs->coin/100, 2) }}</td>
                                                            <td>€{{$cs->ca}}</td>
                                                            <td>€{{ number_format($cs->ca + ($cs->coin/100), 2) }}</td>
                                                        </tr>
                                                    @endforeach   
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div><!-- .card-preview -->
                            <div class="card-inner-sm border-top text-center d-sm-none">
                                <a href="#" class="btn btn-link btn-block">See History</a>
                            </div>
                        </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