@extends('layouts.base')

@section('title', 'Tableau de bord')


@section('content')



    <div class="container-fluid">

        <div class="row">
            <!-- Column -->
            <div class="col-lg-6 col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex flex-row">
                            <div
                                class="round round-lg text-white d-inline-block text-center rounded-circle bg-info">
                                <i class="ti-package"></i>
                            </div>
                            <div class="ml-2 align-self-center">
                                <h3 class="mb-0 font-weight-light">{{\App\Models\Product::all()->count()}}</h3>
                                <h5 class="text-muted mb-0">Produits</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Column -->
            <!-- Column -->
           <!--  <div class="col-lg-4 col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex flex-row">
                            <div
                                class="round round-lg text-white d-inline-block text-center rounded-circle bg-warning">
                                <i class="ti-flag-alt-2"></i></div>
                            <div class="ml-2 align-self-center">
                                
                                <h5 class="text-muted mb-0">Sites</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            Column -->
            <!-- Column -->
            <div class="col-lg-6 col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex flex-row">
                            <div
                                class="round round-lg text-white d-inline-block text-center rounded-circle bg-primary">
                                <i class="ti-hummer"></i></div>
                            <div class="ml-2 align-self-center">
                                <h3 class="mb-0 font-weight-light">{{\App\Models\Section::all()->count()}}</h3>
                                <h5 class="text-muted mb-0">Sections</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Column -->
            <!-- Column -->
        </div>

        <!-- Row -->
        <div class="row">
            <!-- Column -->
            <div class="col-lg-6 col-md-6">
                <div class="card">
                    <div class="card-header bg-primary">
                        <h4 class="mb-0 text-white text-uppercase text-center font-weight-bold">Statistique production Semaine {{\Illuminate\Support\Carbon::now()->weekOfYear}}</h4></div>
                    <div class="card-body">
                        <div class="col-12">
                            {!! $chart2->container() !!}
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="card">
                    <div class="card-header bg-success">
                        <h4 class="mb-0 text-white text-uppercase text-center font-weight-bold">Statistique beton semaine {{\Illuminate\Support\Carbon::now()->weekOfYear}}</h4></div>
                    <div class="card-body">
                        <div class="col-12">
                            {!! $chart->container() !!}
                        </div>

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


        <!-- Row -->
    </div>

@endsection

@section('javascripts')
    <script src="{{ LarapexChart::cdn() }}"></script>
    {{ $chart->script() }}
    {{ $chart2->script() }}
@endsection