@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Dashboard</h1>
@stop

@section('content')
    <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="row">
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-info">
                    <div class="inner">
                        <h3>{{$totals->messagesTotalsOK}}</h3>

                        <p>Mensajes OK de hoy</p>
                    </div>
                    <div class="icon">
                        <i class="far fa-comment-dots"></i>
                    </div>
                </div>
            </div>

            <!-- ./col -->
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-danger">
                    <div class="inner">
                        <h3>{{$totals->messagesTotalsError}}</h3>
                        <p>Mensajes ERROR de hoy</p>
                    </div>
                    <div class="icon">
                        <i class="far fa-comment-dots"></i>
                    </div>
                </div>
            </div>


            <!-- ./col -->
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-gradient-green">
                    <div class="inner">
                        <h3>{{$totals->sentBot1}}</h3>
                        <p>Mensajes Bot 1</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-robot"></i>
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-gradient-blue">
                    <div class="inner">
                        <h3>{{$totals->sentBot2}}</h3>
                        <p>Mensajes Bot 2</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-robot"></i>
                    </div>
                </div>
            </div>

            <!-- ./col -->
        </div>



@stop

@section('css')
@stop

@section('js')

@stop