@extends('adminlte::page')


@section('content_header')
    <h1>Exportaciones de activadores</h1>
@stop

@section('content')
    <x-form :action="route('custom_reports.index')" method="POST">
    <x-card title="Filtros" class="card-primary">
        <x-slot name="tools">
            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-plus"></i></button>
        </x-slot>

        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label>Rango de fecha</label>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text">
                                <i class="far fa-calendar-alt"></i>
                            </span>
                        </div>
                        <input type="text" name="daterange" class="form-control float-right" id="reservation" value="@isset($filters['daterange']){{$filters['daterange']}} @endisset">
                    </div>
                </div>
            </div>
        </div>
    </x-card>
</x-form>

<x-card>
    <div class="table-responsive">
        {{ $dataTable->table() }}
    </div>
</x-card>
@stop

@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('exports.index')}}',{
                params: {
                    type: 'activators'
                }
            })
            .then(response => {
                if (flag !== response.data.num_processing_files) {
                   location.reload();
                }
            });
        }, 5000);
    </script>
@endsection

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