@extends('layouts.admin')
@section('content')
<div class="content">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    Dashboard
                </div>

                <div class="card-body">
                    @if(session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif

                    <div class="row">

                        {{-- Number Block - Words --}}
                        @include('partials.activityDashboard.value', [
                            'data' => $numWordsSettings,
                            'icon' => 'fa fa-id-card'
                        ])

                        {{-- Number Block - Categories --}}
                        @include('partials.activityDashboard.value', [
                            'data' => $numCategoriesSettings,
                            'icon' => 'fa fa-server'
                        ])

                        {{-- Number Block - Android Version --}}
                        @include('partials.activityDashboard.value', [
                            'data' => $androidVersion,
                            'icon' => 'fab fa-android'
                        ])

                        {{-- Number Block - iOS Version --}}
                        @include('partials.activityDashboard.value', [
                            'data' => $iosVersion,
                            'icon' => 'fab fa-apple'
                        ])
                       
                    </div>
                    <div class="row">

                        <div class="{{ $wordsPerCategoryChart->options['column_class'] }}">
                            <h3>{!! $wordsPerCategoryChart->options['chart_title'] !!}</h3>
                            {!! $wordsPerCategoryChart->renderHtml() !!}
                        </div>

                        @include('partials.activityDashboard.lastFive', [
                            'data' => $last5WordsSettings    
                        ])

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
@parent
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
{!! $wordsPerCategoryChart->renderJs() !!}
@endsection