@extends('layouts.app')

@section('content')

    @php
        $now = \Carbon\CarbonImmutable::today()->locale('fr_FR');
        $today = explode(' ', $now->toDateTimeString())[0];


        $idStatePaid = App\Models\State::where('name', 'PAID')->first()->id;
        $idStatePending = App\Models\State::where('name', 'PENDING')->first()->id;

        //Today Sell
        $startOfDay = $now->startOfDay()->toDateTimeString();
        $endOfDay = $now->endOfDay()->toDateTimeString();
        $sells = App\Models\Sell::where('state_id', $idStatePaid)->whereBetween('date', [$startOfDay, $endOfDay])->get();
        $todaySell = $sells->sum('total');

        //Yesterday Sell
        $startOfDay = $now->subDay()->startOfDay()->toDateTimeString();
        $endOfDay = $now->subDay()->endOfDay()->toDateTimeString();
        $sells = App\Models\Sell::where('state_id', $idStatePaid)->whereBetween('date', [$startOfDay, $endOfDay])->get();
        $yesterdaySell = $sells->sum('total');

        //Week Sell
        $startOfWeek = $now->startOfWeek()->toDateTimeString();
        $endOfWeek = $now->endOfWeek()->toDateTimeString();
        $sells = App\Models\Sell::where('state_id', $idStatePaid)->whereBetween('date', [$startOfWeek, $endOfWeek])->get();
        $weekSell = $sells->sum('total');

        //Month Sell
        $startOfMonth = $now->startOfMonth()->toDateTimeString();
        $endOfMonth = $now->endOfMonth()->toDateTimeString();
        $sells = App\Models\Sell::where('state_id', $idStatePaid)->whereBetween('date', [$startOfMonth, $endOfMonth])->get();
        $monthSell = $sells->sum('total');

        $sellsInPending = App\Models\Sell::where('state_id', $idStatePending)->get();
        $nbreSellsInPending = $sellsInPending->count();
    @endphp

    <div class="container-fluid">
        <h1 class="ml-2">Sorties  {{ ($nbreSellsInPending > 0)? "(". $nbreSellsInPending . ") en attente(s)" : "" }}</h1>
        <div class="row">
            <div class="col-md-4">
                <div class="card">
                    <div class="card-block">
                        <div class="inline-block">
                            <h1 class="no-mrg-vertical">{{ $todaySell }}</h1>
                            <p>Aujourd'hui</p>
                        </div>
                        <div class="pdd-top-25 inline-block pull-right">
                            <span class="label label-success label-lg mrg-left-5">FCFA</span>
                        </div>
                        <div class="mrg-top-25">
                            <div id="bar-config"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="card">
                    <div class="card-block">
                        <div class="inline-block">
                            <h1 class="no-mrg-vertical"> {{ $weekSell }} </h1>
                            <p>Cette Semaine</p>
                        </div>
                        <div class="pdd-top-25 inline-block pull-right">
                            <span class="label label-success label-lg mrg-left-5">FCFA</span>
                        </div>
                        <div class="mrg-top-25">
                            <div id="bar-config"></div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="col-md-4">
                <div class="card">
                    <div class="card-block">
                        <div class="inline-block">
                            <h1 class="no-mrg-vertical"> {{ $monthSell }} </h1>
                            <p>Ce Mois</p>
                        </div>
                        <div class="pdd-top-25 inline-block pull-right">
                            <span class="label label-success label-lg mrg-left-5">FCFA</span>
                        </div>
                        <div class="mrg-top-25">
                            <div id="bar-config"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="card-body">

                <h1>{{ $chart2->options['chart_title'] }}</h1>
                {!! $chart2->renderHtml() !!}

                <hr>

                <h1>{{ $chart1->options['chart_title'] }}</h1>
                {!! $chart1->renderHtml() !!}

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

@endsection


@push('scripts')
    <script src="{{ asset('js/Chart.min.js') }}"></script>

    {{-- {!! $chart1->renderJs() !!}
    {!! $chart2->renderJs() !!} --}}
@endpush