<div class="row" style="display:none">
    <div class="col-xs-6 col-md-6">
        <div class="info-box bg-aqua" style="min-height:105px">
            <span class="info-box-icon" style="min-height:105px"><i class="fa fa-server"></i></span>
            <div class="info-box-content">
                <span class="info-box-text ">{{ __('llg.tot_hosts') }}</span>
                <span class="info-box-number JxTxt-xxl">{{ $data['tot_hosts'] ?? "0" }}</span>
            </div>
        </div>
    </div>

    <div class="col-xs-6 col-md-6">
        <div class="info-box bg-aqua" style="min-height:105px;cursor:pointer" onclick="location.href='/llg-logs/windows'">
            <span class="info-box-icon" style="min-height:105px"><i class="fa fa-database"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">LOGS</span>
                <span class="info-box-number JxTxt-lg">{{ $data['tot_records'] ?? "0" }}</span>

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

</div>
@if (!empty($data['tot_records']))
<div class="row">
    <div class="col-xs-12 col-md-6" style="min-height:250px">
        <canvas id="EventsChart" width="100%" height="250"></canvas>
    </div>
    <div class="col-xs-12 col-md-6" style="min-height:250px">
        <canvas id="LoginsChart" width="100%" height="250"></canvas>
    </div>
</div>
<div class="row JxMrgt-30" style="display:none">
    <div class="col-xs-6">
        <table class="table table-condensed table responsive">
            <thead>
                <tr>
                    <th>UTENTE</th>
                    <th>LOGON/LOGOFF</th>
                </tr>
            </thead>

            <tbody>
                @foreach ($data['users'] AS $k=>$u)

                @if (!stristr($k,"$"))
                <tr>
                    <td>{{ $k }}</td>
                    <td class="{{ $u['class'] }}">{{ $u['4624'] }} / {{ $u['4634'] }}</td>
                </tr>
				@endif
                @endforeach
        </table>
    </div>
<div class="col-xs-6">
        <table class="table table-condensed table responsive">
            <thead>
                <tr>
                    <th>MACCHINA</th>
                    <th>LOGON/LOGOFF</th>
                </tr>
            </thead>
            
            <tbody>
                @foreach ($data['users'] AS $k=>$u)
                
                @if (stristr($k,"$"))
                <tr>
                    <td>{{ $k }}</td>
                    <td class="{{ $u['class'] }}">{{ $u['4624'] }} / {{ $u['4634'] }}</td>
                </tr>
				@endif

                @endforeach
        </table>
    </div>
</div>
<script>
$(function() {
    /*
    var ctx = document.getElementById("EventsChart").getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: [{!!implode(",", $data['event_type']['names']) !!}],
            datasets: [{
                label: 'EVENT TYPES',
                data: [{{ implode(",", $data['event_type']['values']) }}],
                backgroundColor: [
                    'rgba(255, 99, 132, 0.2)',
                    'rgba(54, 162, 235, 0.2)',
                    'rgba(255, 206, 86, 0.2)',
                    'rgba(75, 192, 192, 0.2)',
                    'rgba(153, 102, 255, 0.2)',
                    'rgba(255, 159, 64, 0.2)'
                ],
                borderColor: [
                    'rgba(255,99,132,1)',
                    'rgba(54, 162, 235, 1)',
                    'rgba(255, 206, 86, 1)',
                    'rgba(75, 192, 192, 1)',
                    'rgba(153, 102, 255, 1)',
                    'rgba(255, 159, 64, 1)'
                ],
                borderWidth: 1
            }]
        },
        options: {
            responsive: true,
            maintainAspectRatio: false,
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero: true
                    }
                }]
            }
        }
    });
    */
    var ctx = document.getElementById("EventsChart").getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: [{!!implode(",", $data['categories']['key']) !!}],
            datasets: [{
                label: 'AUDIT ULTIMA ORA',
                data: [{{ implode(",", $data['categories']['value']) }}],
                backgroundColor: [
                    'rgba(255, 99, 132, 0.2)',
                    'rgba(54, 162, 235, 0.2)',
                    'rgba(255, 206, 86, 0.2)',
                    'rgba(75, 192, 192, 0.2)',
                    'rgba(153, 102, 255, 0.2)',
                    'rgba(255, 159, 64, 0.2)'
                ],
                borderColor: [
                    'rgba(255,99,132,1)',
                    'rgba(54, 162, 235, 1)',
                    'rgba(255, 206, 86, 1)',
                    'rgba(75, 192, 192, 1)',
                    'rgba(153, 102, 255, 1)',
                    'rgba(255, 159, 64, 1)'
                ],
                borderWidth: 1
            }]
        },
        options: {
            responsive: true,
            maintainAspectRatio: false,
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero: true
                    }
                }]
            }
        }
    });
    var ctx = document.getElementById("LoginsChart").getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'pie',
        data: {
            labels: ['LOGON', 'LOGOFF'],
            datasets: [{
                label: 'RAPPORTO LOGON/LOGOFF',
                data: [{{ implode(",", $data['event_id']['values']) }}],
                backgroundColor: [
                    'rgba(255, 99, 132, 0.2)',
                    'rgba(54, 162, 235, 0.2)',
                    'rgba(255, 206, 86, 0.2)',
                    'rgba(75, 192, 192, 0.2)',
                    'rgba(153, 102, 255, 0.2)',
                    'rgba(255, 159, 64, 0.2)'
                ],
                borderColor: [
                    'rgba(255,99,132,1)',
                    'rgba(54, 162, 235, 1)',
                    'rgba(255, 206, 86, 1)',
                    'rgba(75, 192, 192, 1)',
                    'rgba(153, 102, 255, 1)',
                    'rgba(255, 159, 64, 1)'
                ],
                borderWidth: 1
            }]
        },
        options: {
            responsive: true,
            maintainAspectRatio: false
            
        }
    });

});
</script>

@endif