@extends('adminlte::page')


@section('content_header')
    <h1>Archivos</h1>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <x-card>
                <div class="table-responsive">
                    {{$dataTable->table()}}
                </div>
            </x-card>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('libs/DataTables/datatables.min.css')}}"/>
@endsection

@section('js')
    <script type="text/javascript" src="{{asset('js/app.js')}}"></script>
    <script type="text/javascript" src="{{asset('libs/DataTables/datatables.min.js')}}"></script>
    {{$dataTable->scripts()}}

    <script>
        let flag = {{$numProcessingFiles}};
        setInterval( function () {
            axios.get('{{route('file.index', ['axios'=>true])}}').then(response => {
                if (flag !== response.data.num_processing_files) {
                    location.reload();
                }
            });
        }, 5000);
    </script>
@stop