@extends('layouts.system')
@section('content')
    <div class="row">
        <div class="offset-xl-10 col-xl-2 col-lg-2 col-md-6 col-sm-6 col-6">
            <form>
                <div class="form-group">
                    <input class="form-control" type="text" name="daterange" value="01/01/2018 - 01/15/2018" />
                </div>
            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div id="logs" class="card">

                <h5 class="card-header ml-1">Atualização Geral</h5>
                <div class="card-body">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th scope="col">Cliente</th>
                            <th scope="col">Nome</th>
                            <th scope="col" style="padding-left: 30px;">Erro</th>
                            <th scope="col">Data Criado</th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach($logs as $log)
                            <tr>
                                <td>{{$log->name}}</td>
                                <td><div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12"><span class="text-danger ml-1">{{$log->name_log}}</span></td>
                                <td><div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12"><span class="text-danger ml-1">{{$log->error_text_log}}</span></td>
                                <td>@if(!empty($log->created_at)){{date('d-m-Y H:i:s', strtotime($log->created_at. "-3hours"))}}@endif</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>

                    <div class="card-footer text-center bg-white">
                        {{$logs->links()}}
                    </div>
                </div>
            </div>
        </div>




    </div>



@endsection

@section('javascript')
    <script type="text/javascript">
        var pageGenID = "";
        var processUpdate = function( response ) {


            var x=response;
//console.log(pageGenID); by removing the remarks you will see the compared numbers all the time.
//console.log(x);
            if ( pageGenID < x )
            {

                //window.location.reload();
                $( "#logs" ).load(window.location.href + " #logs" );


            }
        }

        var checkUpdates = function()
        {
            serverPoll = setInterval( function()
            {

                $.get('/api/logcount',
                    processUpdate, 'html');
            }, 1000 ) };
        $( document ).ready( checkUpdates );

        var pageGenIDOffset = "";
        var processUpdateOffset = function( response ) {


            var y=response;
//console.log(pageGenID); by removing the remarks you will see the compared numbers all the time.
//console.log(x);
            if ( pageGenIDOffset != y )
            {

                //window.location.reload();
                $( "#offsets" ).load(window.location.href + " #offsets" );
                //$("#offsets").css("color","black").fadeIn( 400 );





            }}

        var checkUpdatesOffset = function()
        {
            serverPoll = setInterval( function()
            {

                $.get('/api/offsetcount',
                    processUpdateOffset, 'html');
            }, 1000 ) };
        $( document ).ready( checkUpdatesOffset );



    </script>



@endsection