@extends('adminlte::page')

@section('content')
<!-- Main content -->
<section class="content">

    <main>
        <!--MDB -->
        <!--Title-->
        <h1 class="text-center font-up font-bold pink-text pb-2"><strong>Integrador</strong></h1>
        <!--MDB -->
    </main>
    <h2>Itens <small> (atualizando em <span id="timer">60</span> segundos)</small></h2>
    <table id="dtBasicExample" class="table table-striped table-bordered table-responsive" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th scope="col" class="col-md-2">Itens Cadastrados</th>
                <th scope="col" class="col-md-2">Itens Integrados</th>
                <th scope="col" class="col-md-2">A atualizar</th>
                <th scope="col" class="col-md-6">Data &uacute;ltima atualiza&ccedil;&atilde;o</th>
            </tr>
        </thead>
        <tbody>
            @php
            $dt_atualiza = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $dtAtualizacao->dt_atualizacao);
            @endphp
            <th scope="col">{{ $cadastrados->cadastrados }}</th>
            <th scope="col">{{ $atualizados->atualizados }}</th>
            <th scope="col">{{ $integrando->integrando }}</th>
            <th scope="col">{!!  $dt_atualiza->format('d/m/Y H:m') !!}</th>
        </tbody>
    </table>
    <table id="dtItens" class="table table-striped table-bordered table-responsive" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th scope="col" class="col-md">Codigo</th>
                <th scope="col" class="col-md">Descri&ccedil;&atilde;o LS</th>
                <th scope="col" class="col-md">Descri&ccedil;&atilde;o site</th>
                <th scope="col" class="col-md">Data &uacute;ltima atualiza&ccedil;&atilde;o</th>
                <th scope="col" class="col-md">Atualizado ?</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($itens->sortByDesc('dh_registro') as $item)
            <tr>
                @php
                $dt_atual_item = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $item->dh_registro);
                @endphp
                <th scope="col">{{ $item->item_id }}</th>
                <th scope="col">{{ $item->item_descricao }}</th>
                <th scope="col">{{ $item->item_web_descr }}</th>
                <th scope="col">{!!  $dt_atual_item->format('d/m/Y H:m') !!}</th>
                <th scope="col">{!! ($item->ecommerce === true) ? 'Sim' : 'N&atilde;o' !!}</th>
            </tr>
            @endforeach
        </tbody>
    </table>

</section>
<!-- /.content -->
@endsection
@section('js')
<script type="text/javascript">
    $(document).ready(function () {
        let count = 60

        countdown = setInterval(function(){
            $('#timer').html(count)
            count--
        }, 1000)

        let local = $(location).attr('href')

        setTimeout(function(){
            window.location.href = local
        }, 60000)

        $('#dtItens').DataTable({
            "language": {
                "url": "//cdn.datatables.net/plug-ins/1.10.19/i18n/Portuguese-Brasil.json"
            },
            "columnDefs": [
            { "orderable": false, "targets": -1 }
            ],
            responsive: {
                details: false
            }

        });

        $('.dataTables_length').addClass('bs-select')
    })
</script>
@endsection