@extends('layouts.app')

@section('content')
<v-row>
    <v-col>
        <h4>Logins</h4>
        <h6>Last 90 Days</h6>
        <dau-chart :items="{{json_encode($dau)}}"></dau-chart>
    </v-col>
    <v-col>
        <h4>Reports by Type</h4>
        <h6>Last 90 Days</h6>
        <reports-chart :items="{{json_encode($reports_chart)}}"></reports-chart>
    </v-col>
    <v-col>
        <h4>Layers Viewed</h4>
        <h6>Last 90 Days</h6>
        <layers-chart :items="{{json_encode($layers_chart)}}"></layers-chart>
    </v-col>
</v-row>
<v-row>
    <v-col cols=12 md=4>
        <v-card >
            <v-card-title><v-icon>mdi-office-building</v-icon> Organizations</v-card-title>
            <v-card-subtitle>Total Active</v-card-subtitle>
            <v-card-text class="text-h3 text-center">{{$org_count}}</v-card-text>
            <v-card-actions>
                <v-btn href="{{route('org')}}">View</v-btn>
            </v-card-actions>
        </v-card>
    </v-col>
    <v-col cols=12 md=4>
        <v-card>
            <v-card-title><v-icon>mdi-account-group</v-icon> Users</v-card-title>
            <v-card-subtitle>Total Active</v-card-subtitle>
            <v-card-text class="text-h3 text-center">{{$user_count}}</v-card-text>
            <v-card-actions>
                <v-btn href="{{route('user')}}">View</v-btn>
            </v-card-actions>
        </v-card>
    </v-col>
    <v-col cols=12 md=4>
        <v-card>
            <v-card-title><v-icon>mdi-chart-tree</v-icon> Reports</v-card-title>
            <v-card-subtitle>Total Active</v-card-subtitle>
            <v-card-text class="text-h3 text-center">{{$reports_count}}</v-card-text>
            <v-card-actions>
                <v-btn href="{{route('user')}}">View</v-btn>
            </v-card-actions>
        </v-card>
    </v-col>
</v-row>
@endsection