@extends('layouts.app')
@section('css')
@endsection
@section('content')
    <div class="row">
        <div class="col-lg-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <span class="label label-success pull-right">Total</span>
                    <h5>Personal</h5>
                </div>
                <div class="ibox-content">
                    <h1 class="no-margins" id="total_personal">0</h1>
                   
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <span class="label label-info pull-right">Total</span>
                    <h5>Usuarios</h5>
                </div>
                <div class="ibox-content">
                    <h1 class="no-margins" id="total_usuarios">0</h1>
                    
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <span class="label label-primary pull-right">Total</span>
                    <h5>Boletas</h5>
                </div>
                <div class="ibox-content">
                    <h1 class="no-margins" id="total_boletas">0</h1>
                    
                </div>
            </div>
        </div>
     
    </div>
@endsection
@section('js')
    <script>
        load_count();
        function load_count() {
            var csrfToken = $('meta[name="csrf-token"]').attr('content');
            $.ajax({
                "url": "/cargar_dash_admin2",
                type: 'POST',
                data: {
                    _token: csrfToken,
                }
            }).done(function(response) {
                document.getElementById('total_personal').innerHTML= response['total_personal'];
                document.getElementById('total_usuarios').innerHTML= response['total_usuarios'];
                document.getElementById('total_boletas').innerHTML= response['total_boletas'];
              
            });
        }
    </script>
@endsection