@extends('layout')

@section('cssUrl')
    <link rel="stylesheet" href="{{ asset('assets/plugins/jquery-datatable/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/fullcalendar/fullcalendar.min.css') }}"/>
@endsection

@section('csss')
    <style>
        tbody {
            cursor: pointer;
        }

    </style>
@endsection

@php
$title = 'Dashboard'
@endphp

@section('title')
    {{ $title }}
@endsection

@section('conteudo')

<section class="content">
    <div class="container-fluid">
        <div class="row clearfix">
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="card widget_2 big_icon traffic">
                    <div class="body">
                        <h6>Pessoas</h6>
                        <h2>{{ $dataDashboard->qtdClientes }} <small class="info"> de {{ $dataDashboard->countClientes }}</small></h2>
                        <small>Total de pessoas</small>
                        <div class="progress">
                            <div class="progress-bar l-amber" role="progressbar" aria-valuenow="{{ Funcoes::porcentagem2valores($dataDashboard->countClientes, $dataDashboard->qtdClientes) }}" aria-valuemin="0"
                                aria-valuemax="100" style="width: {{ Funcoes::porcentagem2valores($dataDashboard->countClientes, $dataDashboard->qtdClientes) }}%;"></div>
                        </div>
                        <button class="btn btn-primary btn-icon mobile_menu" type="button"><i
                            class="zmdi zmdi-sort-amount-desc"></i></button>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="card widget_2 big_icon sales">
                    <div class="body">
                        <h6>Patrimônios</h6>
                        <h2>{{ $dataDashboard->qtdEquipame }}  <small class="info">de {{ $dataDashboard->countEquipame }}</small></h2>
                        <small>Total de patrimônios</small>
                        <div class="progress">
                            <div class="progress-bar l-blue" role="progressbar" aria-valuenow="{{ Funcoes::porcentagem2valores($dataDashboard->countEquipame, $dataDashboard->qtdEquipame) }}" aria-valuemin="0"
                                aria-valuemax="100" style="width: {{ Funcoes::porcentagem2valores($dataDashboard->countEquipame, $dataDashboard->qtdEquipame) }}%;"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="card widget_2 big_icon email">
                    <div class="body">
                        <h6>Usuários</h6>
                        <h2>{{ $dataDashboard->qtdProdutos }} <small class="info">de {{ $dataDashboard->countProdutos }}</small></h2>
                        <small>Total de usuários</small>
                        <div class="progress">
                            <div class="progress-bar l-purple" role="progressbar" aria-valuenow="{{ Funcoes::porcentagem2valores($dataDashboard->countProdutos, $dataDashboard->qtdProdutos) }}" aria-valuemin="0"
                                aria-valuemax="100" style="width: {{ Funcoes::porcentagem2valores($dataDashboard->countProdutos, $dataDashboard->qtdProdutos) }}%;"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="card widget_2 big_icon domains">
                    <div class="body">
                        <h6>Faturas</h6>
                        <h2>{{ $dataDashboard->qtdFaturas }} <small class="info">de {{ $dataDashboard->countFaturas }}</small></h2>
                        <small>Total de faturas</small>
                        <div class="progress">
                            <div class="progress-bar l-green" role="progressbar" aria-valuenow="{{ Funcoes::porcentagem2valores($dataDashboard->countFaturas, $dataDashboard->qtdFaturas) }}" aria-valuemin="0"
                                aria-valuemax="100" style="width: {{ Funcoes::porcentagem2valores($dataDashboard->countFaturas, $dataDashboard->qtdFaturas) }}%;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="body">
            <div class="block-header">
                <div class="row">
                    <div class="col-lg-7 col-md-6 col-sm-12">
                        <h2 class="uppercase">Sua lista de auditoria</h2>
                        <button class="btn btn-primary btn-icon mobile_menu" type="button"><i
                                class="zmdi zmdi-sort-amount-desc"></i></button>
                    </div>
                    <div class="col-sm-12">

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

            <div class="row">
                <div class="table-responsive">
                    <table class="table table-striped" id="listarDataTable1">
                        <thead>
                            <tr>
                                <th>Id.:</th>
                                <th>Data/Horas:</th>
                                <th>Campo:</th>
                                <th>Registro:</th>
                                <th>Antigo:</th>
                                <th>Novo:</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>Id.:</th>
                                <th>Data/Horas:</th>
                                <th>Campo:</th>
                                <th>Registro:</th>
                                <th>Antigo:</th>
                                <th>Novo:</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('scriptUrl')
    <!-- Jquery DataTable Plugin Js -->
    <script src="{{ asset('assets/bundles/datatablescripts.bundle.js') }}"></script>
    <script src="{{ asset('assets/plugins/jquery-datatable/buttons/dataTables.buttons.min.js') }}"></script>
@endsection

@section('scripts')   
<script>
    $(document).ready(function() {
        /*select('id_global_auditoria', 'nome_pessoa', 'datahoras_global_auditoria', 'campo_global_auditoria', 'idlocal_global_auditoria', 'old_global_auditoria', 'new_global_auditoria')*/
        $('#listarDataTable1').DataTable({
            serverSide: true,
            processing: true,
            responsive: true,
            order: [0, 'desc'],
            ajax: {
                url: "{!!  route('login.listarDataTable') !!}",
                dataFilter: function(data) {
                    var json = jQuery.parseJSON(data);
                    console.log(data);
                    return JSON.stringify(json);
                }
            },
            columns: [
                {
                    data: 'id_global_auditoria'
                },
                {
                    data: 'datahoras_global_auditoria'
                },
                {
                    data: 'campo_global_auditoria'
                },
                {
                    data: 'idlocal_global_auditoria'
                },
                {
                    data: 'old_global_auditoria'
                },
                {
                    data: 'new_global_auditoria'
                }
            ],
            language: {
                "info": "Mostrando _START_ a _END_ de _TOTAL_ registros",
                "infoEmpty": "Sem registros",
                "infoFiltered": 'filtrados de _MAX_ registros',
                "emptyTable": "Nenhum registro avaliado na tabela",
                "zeroRecords": "Nenhum registro encontrado para a busca",
                "lengthMenu": "Mostrando _MENU_ registros",
                "searchPlaceHolder": 'Filtro',
                "search": 'Digite sua busca:',
                "processing": "Aguarde por favor",
                paginate: {
                    first: '<<',
                    last: '>>',
                    previous: 'Anterior',
                    next: 'Próximo'
                }
            }
        });           

    });
</script>         
@endsection